严大虾 发表于 2014-7-11 03:54:30

Photoshop设计绚丽的霓虹字教程

      首先要感谢狂热香蕉大力支持，这张海报是他提供的。开始我也不知道这张海报是什么意思，百度之后才知道是James White风格怀旧海报，我很纳闷这跟一个篮球运动员又有什么关系?
不过我觉得这个风格很像一部电影，就是《创战纪》，这是一部非常不错的电影，其中那个拖着光带的摩托车格斗的场面让我印象深刻，非常经典的镜头。我是个科幻电影迷，好莱坞的科幻大片我一部都没有落下。鉴于上几期的风格没有多大的变化，所以这张海报我也是挺喜欢的。不过我认为香蕉的这张图背景有点单调，我在百度上找了这种风格的一系列图片，综合了其中几张图的背景。
最后就是这张我山寨后的图：

http://pic.16xx8.com/allimg/140711/0315314B6-0.jpg

这个就是香蕉提供的原图：

http://pic.16xx8.com/allimg/140711/0315314I4-1.jpg

不过香蕉要求我把图中的数字“九”改成下面的LOGO。这个LOGO中带有F和B英文首字母，据说是香蕉自己的象征，意思是fabulosity Banana，人才啊。

http://pic.16xx8.com/allimg/140711/0315313336-2.jpg

还有就是我百度了几张同类型的海报，借鉴了其中几张的背景

http://pic.16xx8.com/allimg/140711/031531LC-3.jpg

?
下面开始我的山寨过程：提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:点击进入下载页教程编号:133879 作者：projava 出处：百度贴吧

严大虾 发表于 2014-7-11 03:54:32

Photoshop设计绚丽的霓虹字教程

      
新建一个1600X1200，72分辨率，黑色背景色的新画布，顺便粘贴进一张沙丘图片

http://pic.16xx8.com/allimg/140711/0315316456-4.jpg

严大虾 发表于 2014-7-11 03:54:33

Photoshop设计绚丽的霓虹字教程


把山峰图放大，选了其中的一部分，水平方向我稍微做点变动，让左右山峰对称一点"

http://pic.16xx8.com/allimg/140711/0315315502-5.jpg

严大虾 发表于 2014-7-11 03:54:34

Photoshop设计绚丽的霓虹字教程


还找了一张云层的图片，天空有点云朵更符合我的审美观"

http://pic.16xx8.com/allimg/140711/0315315556-6.jpg

严大虾 发表于 2014-7-11 03:54:35

Photoshop设计绚丽的霓虹字教程


放大云层，叠加在沙丘上，再加一个蒙版涂掉云层下面的地平线"

http://pic.16xx8.com/allimg/140711/0315314R7-7.jpg

严大虾 发表于 2014-7-11 03:54:36

Photoshop设计绚丽的霓虹字教程


把沙丘的透明度调至10%"

http://pic.16xx8.com/allimg/140711/0315314315-8.jpg

严大虾 发表于 2014-7-11 03:54:37

Photoshop设计绚丽的霓虹字教程


在最上面添加一个纯色调整层，图层混合模式设为“颜色”，好像太亮了，把透明度调至60%

http://pic.16xx8.com/allimg/140711/0315315X4-9.jpg

严大虾 发表于 2014-7-11 03:54:38

Photoshop设计绚丽的霓虹字教程

      
再加一个曲线调整层，用蒙版让四周暗下来，云层中间的亮度包不变"

http://pic.16xx8.com/allimg/140711/03153120L-10.jpg

严大虾 发表于 2014-7-11 03:54:39

Photoshop设计绚丽的霓虹字教程


我在考虑是不是也加一个闪电"

http://pic.16xx8.com/allimg/140711/031531E35-11.jpg

严大虾 发表于 2014-7-11 03:54:40

Photoshop设计绚丽的霓虹字教程


后来觉得还是先放放，到收尾阶段再做这个闪电。把闪电隐藏掉，粘贴入香蕉提供的LOGO，布置四条参考线来界定原图中LOGO的大小和位置"

http://pic.16xx8.com/allimg/140711/0315314225-12.jpg

严大虾 发表于 2014-7-11 03:54:41

Photoshop设计绚丽的霓虹字教程


?
我不建议立刻对这个logo进行拉伸调整到参考线的位置，这样logo的圆角都会变形扭曲，最合理的方法按原本的比例做出矢量形状后调整锚点。
用一个圆角半径为85像素的圆角矩形画B的上半部分，减低一点透明度方便看到底下的原图"

http://pic.16xx8.com/allimg/140711/0315312463-13.jpg

严大虾 发表于 2014-7-11 03:54:42

Photoshop设计绚丽的霓虹字教程


按A点击这个圆角矩形，CTRL+ALT+T复制后移动到下边，要点就是两个圆角矩形有重合的部分"

http://pic.16xx8.com/allimg/140711/03153123L-14.jpg

严大虾 发表于 2014-7-11 03:54:43

Photoshop设计绚丽的霓虹字教程


点击“组合”按钮合并这两个圆角矩形"

http://pic.16xx8.com/allimg/140711/0315312617-15.jpg

严大虾 发表于 2014-7-11 03:54:44

Photoshop设计绚丽的霓虹字教程


选择钢笔中的“删除锚点工具”，把左边中间形成凹陷的三个锚点删除"

http://pic.16xx8.com/allimg/140711/0315313302-16.jpg

严大虾 发表于 2014-7-11 03:54:45

Photoshop设计绚丽的霓虹字教程


用参考线标出LOGO"

http://pic.16xx8.com/allimg/140711/0315315016-17.jpg
页: [1] 2 3 4 5
查看完整版本: Photoshop设计绚丽的霓虹字教程