PSD+素材下载地址
http://pan.baidu.com/s/1pKVjcaJ
AI部分
1、描绘LOGO路径
新建一个文件,因为是矢量图形,大小无所谓,但是基于后面的创建的图形大小,我这里设置为30*30cm
使用矩形工具(M)创建一个13*12cm的矩形,对齐到画板中间。(可以不对齐,对最后的成品没什么影响,这里对齐主要为了方便后续编辑。)
按下Ctrl+R调出标尺,标尺上单击右键,更改为画板标尺,拉一条竖直参考线到矩形中心处。用钢笔工具在矩形下方,横线中间与参考线的交点处添加一个锚点。
切换到直接选择工具(A),按住Shift下拉新锚点。选中调整好的路径,选择对象>路径>偏移路径,设置为-1cm,向外放大一圈路径,做出框架形状。注意勾选“预览”,可以实时查看偏移后效果。
用直接选择工具(A)选中小框顶部的两个锚点,在选项栏设置为边角0.1cm。
继续新建一个矩形,大概1.5*9cm,绘制出字母J的竖线部分,复制这个矩形并旋转90°,使用对齐工具和刚刚的竖线下端和右端对齐,宽度修改为4cm左右。
继续复制矩形并调整,做出字母J的其他部分。
使用直接选择工具(A)调整字母J首尾两端的斜角。调整完成后选中J字所有部分,在路径查找器中点击联合,将所有矩形合并为一个路径。
合并之后在图形的交界处会有多余的锚点,我们要用钢笔工具减去这些无用的锚点。
使用直接选择工具(A)将J的转角处转化为圆角,注意,底端的两个角弧度要大一些。
用同样的方法制作出字母L,L底部的斜边同样用直接选择工具调整锚点即可。
按住矩形工具的图标,会弹出二级菜单,选择星形工具。按住Ctrl+Alt在画板上拖动,即可画出一个正五角星。
调整星形大小和位置,使其处于J和L之间。然后用Ctrl+C复制星形,先不要粘贴。同时选中星形和L,在路经查找器中选择减去顶层,得到一个有一半星形的L字母路径。
按下Ctrl+F在当前位置粘贴刚刚复制的星形,同样选择J和星形,用减去顶层得到J和一半星形的路径,最后效果是这样的。
至此路径我们就画好了,然后我们要将它导入PS中。
PS部分
2、路径处理
在PS中新建一个文档,分辨率1920*1080,72dpi。
解锁背景图层,添加一个纯色调整层,#0e0f16
在AI中复制刚刚画好的路径,Ctrl+V粘贴到PS中,如图选择粘贴为形状图层。
用路径选择工具(A)选择全部路径,取消描边,填充颜色#414650。
用路径选择工具选中字母,用Alt+J复制为新形状图层,填充颜色#78757b。同理选择边框部分,复制为新图层并填充相同颜色。
3、添加图层样式
给字母图层添加图层样式,参数如图。
效果如下:
给边框图层添加图层样式,参数如图。
效果如下:
给背景图层添加图层样式,参数如图。
效果如下:
4、赋予图层纹理细节
从效果图可以看出,我们最终要做出一个具有立体金属质感的标识,现在已经通过添加图层样式,给图标赋予了初步的光影效果,所以我们现在要通过添加各种纹理素材,继续为图标添加更多的细节。
将金属材质1导入到新图层中,覆盖在字母图层上方,更改图层混合模式为叠加,不透明度60%,按下Ctrl+Alt+G转化为剪贴蒙版。
添加金属材质2,覆盖在金属材质1图层上方,更改图层混合模式为叠加,不透明度36%,转化为剪贴蒙版。
为了增加更丰富的层次,制作一个类大理石纹理的材质。按下快捷键D将前景和背景颜色恢复默认黑白设置。新建一个层,使用矩形选框工具(M)拉一个可以覆盖字母的选区,依次选择滤镜>渲染>云彩,然后再选择滤镜>渲染>分层云彩,使用Ctrl+F多应用几次分层云彩滤镜,直到得到与图中差不多的效果。
将类大理石材质图层混合模式改为叠加,不透明度29%,转化为剪贴蒙版。
同样将混凝土1材质赋予边框图层,叠加,不透明度43%,将金属材质3赋予边框图层,叠加,不透明度33%。全都转化为剪贴蒙版。
同样要将背景部分添加混凝土2材质纹理,叠加,不透明度18%,将金属材质4赋予边框图层,叠加,不透明度25%。全都转化为剪贴蒙版。
5、添加背景光影细节
在所有图层最上方新建一个图层,使用画笔工具(B),邮件打开画笔选择列表,选择散点画笔39,在LOGO的背景用白色画几笔高光,选择高斯模糊滤镜,柔化画笔图案到完全模糊。
叠加该图层,根据你的实际效果,适当减小不透明度。
继续用画笔增加更多的高光,通常我每次增加新的细节都会新建一个图层,这样便于后期调整。
复制字母的形状图层,放到字母图层的下方,栅格化该图层,按住Ctrl单击层缩略图,选取字母的选区,填充黑色。
切换到移动工具(V),用方向键将黑色的选区往下方和左侧稍微移动几个像素,做出阴影的前后关系。用高斯模糊柔化阴影,并降低不透明度。
添加新图层,拖出一个选区覆盖整个LOGO,为选区添加滤镜>渲染>云彩,再按Ctrl+F多次添加分层云彩滤镜,直到出现一个比较好看的纹理。再添加一个色阶调整层,调整到对比度比较明显的程度就可以。
按住Ctrl单击字母形状图层缩略图,选择字母图层路径,再按住Shift+Ctrl单击边框形状图层,添加边框图层的路径。选择云纹理图层,添加一个蒙版,选择深色模式,不透明度30%。
现在我们要给整个场景增加一点景深效果。新建图层,用画笔的柔边笔刷进行涂抹,如果想进一步软化笔刷效果,继续应用高斯模糊滤镜增加笔刷虚化程度。更改图层为叠加模式,调整层的不透明度,这里就不给数值了,你自己认为效果合适,好看就可以。
重复上一步的步骤,继续给场景中添加柔和的景深效果。另外在左上角画一片随机的黑点,不透明度要比较低,营造出一片微妙的黑暗区域,有必要的话增加一点高斯模糊。
到此步为止,可能有人发现使用画笔制造的景深效果并不十分明显,如果显示器比较差,甚至很难看出与未使用画笔效果之前的差异。如果你能够看出之间的区别,就会发现这正是我们想要的效果:在一片黑暗之中营造出一点雾气蒙蒙的感觉。这种若有若无的细节也正是作品是否生动的差异。
新建一个图层填充白色,选择滤镜>杂色>添加杂色,勾选单色,设置杂色为35%。将图层模式改为正片叠底,这样可以保留所有深色噪点,隐藏白色噪点。
现在要给整体背景阴影调整的偏蓝色一点。添加一个照片滤镜调整图层,选择蓝色。选中图标整个盾的外边缘,并在图层蒙版中填充为黑色,使滤镜图层只影响背景和阴影部分。
6、增加灯光和反射
新建一层,按住Ctrl单击字母和边框的形状图层缩略图,以建立选区。选择编辑>描边,设置1px的白色描边。
使用橡皮擦(E)工具,硬度为0%,不透明度45%,擦去部分白色描边,保留文字转角处的高光和五星内部边缘的高光,边框保留内部五个角和边缘的部分高光即可。复制一层擦除好的描边,增加一个高斯模糊滤镜,做出边缘高亮部分有一层淡淡光晕的感觉,再调整图层不透明度,让效果更柔和。
将五星处放大,在中间黑色镂空部分用柔边笔刷点上一点高光效果,颜色使用很淡的黄色,我用的是ffffe5。再使用Ctrl+T将高光点变形,按住Ctrl+Alt拖动一个角点,可以使其产生对称的变形,最终大概拖到图中的样子,按下Enter确认。
复制几层刚刚添加好的高光效果进行拖动旋转,也可以按照刚才的步骤重新画几个高光,最终让光斑充满星型中心。如果对效果不满意,还可以将光斑层打组,用蒙版做一些虚实效果,让光斑射出的光线更富于变化。
使用画笔工具,降低不透明度和流量,轻轻在高光周围的星形部分刷一些淡黄色反光,做出光斑在金属文字上的反光效果。
在金属边框中用刚才的方法添加一个高光边缘。
设想有一个强光源在LOGO的右上方,继续用上面的方法在边框右上角做一个强光反射的效果。然后将所有外框高光图层打组,用饱和度调整图层调整为发白的效果。注意每次增加一点效果都要在新建图层上完成。调整图层或画笔的不透明度,活用蒙版功能,你也可以做出一个漂亮真实的光影效果。
总结
到此整个LOGO我们就做好了。我们用了很多的手工绘画调整的步骤,以增加丰富的光影细节;用杂色滤镜添加了一些微妙的噪点;用贴图素材轻松地增加了纹理细节和质感,这些都是为了让我们的作品更真实,更有趣。