看似简单的小鸟图标,如果要做出来还是要下一定功夫的。图标的构成需要有一定的层次感和立体感,因此在制作的时候需要不断的用加深、简单及图层样式等来增加图标表面的光感和质感。一些较为细小的构成部分也需要用心处理,这样出来的效果才精细。
最终效果
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/d7faf044-df2c-4f4c-b919-b4faf6e48a9a.jpg)
1、新建一个800×600像素,分辨率72dpi,RGB颜色和白色背景的新PSD文件里,我们画一个圆形,颜色#0099FF。按SHIFT键你可以创建一个完美的圆。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/390f060d-3ed9-4f00-9db4-082d8877562a.jpg)
2、按Alt + Shift键,我们将向下复制这个形状,来创建鸟的头部和身体。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/92f4f8cd-2f4c-4ea0-a195-3caaa257682a.jpg)
3、我们将改变所复制圆的比例。按Cmd/Ctrl + T大家都知道吧。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/323cd936-63b9-49d0-afab-49bb72aa2875.jpg)
4、使用直接选择工具,按照下图那样做。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/94b0af2f-430f-4547-b4ee-d77f79ba8182.jpg)
5、现在画眼睛,我们将创建一个竖长的椭圆形,再复制它。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/2f17d8e6-0cba-44dc-9ded-1e949c4bcb2f.jpg)
6、眼睛完成后,我们再给它添加两根头发。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/4418288d-0df0-43a1-8c9e-69b622f29ebd.jpg)
7、现在,做它尾部的羽毛。我们将画一个圆角矩形(看下图),设置30像素的半径。使用直接选择工具,我们将选择三个上方的锚点,按Cmd/Ctrl + T方向点就会出现。在上方的菜单中,我们将点击链接比例工具,水平点击拖动字母“W”(宽度),我们将把这些定位点从原先的减少到60%。不明白的同学琢磨一下。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/2b46152a-b7d9-4ed6-b83f-46ae5225225a.jpg)
8、复制它并旋转上步我们做好的那个图形来创建鸟的羽毛。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/a2dfb967-7d1a-4047-9976-fc655d527ba3.jpg)
9、全选这四根羽毛,按Cmd/Ctrl + T,把他们压扁点。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/b859867d-86c7-4d55-a5ff-e76c3d354ac6.jpg)
10、现在我们画一个小的椭圆形来创建鸟嘴,看下图。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/ec42091d-336e-4f02-a099-ad909f6be201.jpg)
11、用直接选择工具变换椭圆的锚点,来为小鸟创建一个可怜楚楚的小嘴。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/cddcf7fb-561b-44ca-a880-05c842c607b0.jpg)
12、下面我们创建小鸟的爪子。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/d13b40a8-bd9c-4e3a-a460-016c83924ddc.jpg)
13、使用钢笔工具创建树枝,象下图那样。(前提是你能熟练使用钢笔工具)
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/bed4107c-9cff-4fdf-a7ae-e757617d94a8.jpg)
14、复制这个路径,把它放大20%。(象下图那样)
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/1be5a175-ed2f-4109-b15e-00db195f83fa.jpg)
15、链接这两个路径,象下图那样调整。(前提是你能熟练使用钢笔工具)
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/b961a81f-78ca-4698-9ac5-ff23f7c0f6b7.jpg)
16、画小鸟的手。先画个圆,然后如下图那样调整锚点(前提是你能熟练使用钢笔和直接选择工具)。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/706122ea-8c30-4f37-8f15-9c50bc2c6ecf.jpg)
17、我们将为每只手画3个手指。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/1b161075-527b-47fa-a794-2eb5315bca09.jpg)
18、创建了一只手的手指之后,我们按Alt + Shift然后拖动鼠标复制它,去路径>水平翻转来做出另外一边的三个手指。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/c41f3ed0-9967-471c-b6ec-5cfc069a0abd.jpg)
19、使用钢笔工具,创建胳膊。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/ca4fa1c1-c3d3-4b52-8c3d-34e0facd6eaa.jpg)
20、现在,我们画鸟的眼泪。画一个圆形,选择上方的锚点,向上拖动。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/b584725c-4438-4676-8c95-60fc4dbab22c.jpg)
21、我们隐藏小鸟的头发和手臂图层,给小鸟身体添加一个内阴影,角度-90度,得到阴影效果。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/5faba6d7-9581-468e-b30c-7ec1eeab6385.jpg)
22、使头发层可见。给小鸟的头发一个深一点的颜色,使其能与身体部分更好的融合。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/b061107a-c164-4eb8-bf6d-c574b1cef979.jpg)
23、现在,我们调整眼睛层,如下图设置数值(渐变叠加选项)。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/0190571f-642f-4cf9-9d2d-2ecf9c56968e.jpg)
24、调整渐变效果(渐变编辑器数值如下图所示)。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/5974f845-f9f8-427b-a430-058edbd980f6.jpg)
25、现在,我们给眼睛添加一个内阴影(数值如下图所示)。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/1418a948-2b06-4528-9e99-31c57cce9c70.jpg)
26、再添加一个内发光效果(数值如下图所示)。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/7acb64f4-05e6-48a9-a1e3-84fb57f7dbc2.jpg)
27、为了能让眼睛体现出凹凸感,我们设置描边,斜面和浮雕数值。我们首先设置描边,颜色#0099FF。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/35dc4828-c8d0-4f40-8c50-e365b38e5a86.jpg)
28、设置斜面和浮雕数值(如下图)下图里面的stroke emboss是描边浮雕的意思。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/87aabe49-f7e9-4ebd-89f1-586529b4df6a.jpg)
29、设置外发光数值(如下图)。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/21ed73fd-d62d-454a-9190-1f551bc61922.jpg)
30、最后设置投影数值(如下图)。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/31bfbfa5-172d-482d-bbde-daf8c13f73f2.jpg)
31、我们使用图层样式在眼睛里添加虹膜。我们将使用一个黑色的内发光和正片叠底的混合模式,设置如下图,我们会得到两个轮廓鲜明的黑色圆圈。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/c55acb75-3bfb-40bb-b22e-207dbde3e1db.jpg)
32、现在我们将使用线性渐变创建虹膜的深度感。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/5318e62f-252b-46c0-a7a0-b47c5cad4505.jpg)
33、在这里,我们将使用内阴影样式来加亮虹膜的下方边缘,如图。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/e4162558-9bf9-408f-beeb-56dafc391cb8.jpg)
34、现在设置投影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/cbe38326-5223-4d4f-9bf4-b80effe06bdd.jpg)
35、编辑2个水平的椭圆形来创建眼睛里的反射效果,如图。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/c3aeb235-f087-4bd4-b668-3b20eca264d3.jpg)
36、我们将形状图层的透明度调整为零,添加渐变叠加,使用下列值。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/5927e7bd-07d6-488d-b40e-e3a52909de7c.jpg)
37、现在我们将添加内阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/19f0c665-6e93-406b-8ce7-228a66edfa3b.jpg)
38、我们现在选择头发图形,点击路径面板下的将路径作为选区载入。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/c181cfa2-27ba-4282-b5dc-146bc309a1a2.jpg)
39、现在我们在新层上轻轻地描绘阴影。确保使用下图的设置。点击几次之后我们将得到一个淡淡的渐变的阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/1310258e-bbbd-4e88-9e2c-0117585e45a4.jpg)
40、选择橡皮擦,使用下图的值,我们将擦除阴影多余的部分。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/a755274b-fc7f-458a-97fb-2840e951ec23.jpg)
41、现在,我们将在鸟嘴下方添加阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/8ec075b6-a6f2-451a-8016-245e81738ea1.jpg)
42、然后我们再使用一个内阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/a75fb94e-4f38-4c1c-8eda-37bb52da0f71.jpg)
43、按照下图设置内发光。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/7ac39867-5856-4e75-a737-400d98aa9f04.jpg)
44、添加两个新的圆形,30%的透明度,我们将画出嘴表面的小洞,按下图设置数值。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/046df145-f066-4405-9548-378df01ed9d8.jpg)
45、现在,我们在眼泪上应用渐变叠加。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/c0bdc474-b4bc-40c2-afaf-79571ea84c8a.jpg)
46、继续应用图层样式,按下图添加内阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/f916e62f-47c9-4cdb-983c-8df6077089fe.jpg)
47、最后,在眼泪下方添加投影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/345944cf-136d-4c70-8cd9-ea9e841dbf00.jpg)
48、我们在鸟的脚上应用内阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/ae13787f-21d3-4933-8b66-bc753eacc6bd.jpg)
49、添加内发光。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/813fa616-610b-4fb8-8a21-bb32e4c0adcd.jpg)
50、我们在树枝层下方尾巴羽毛的上方创建一个阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/dae494d4-535f-4e7a-9ca2-9af3b6fdd21a.jpg)
51、最后,在尾巴羽毛上应用一个3像素的描边创建斜面,使用比身体亮部稍暗的色调。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/33d646b6-93c7-42a0-b881-13863048d179.jpg)
52、使用斜面和浮雕效果得到立体感的树枝。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/21f4fcdc-eb63-4357-a18f-a0e5dff654f9.jpg)
53、添加内阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/5616d1aa-c682-4f0f-a28e-1ba4a99af7f6.jpg)
54、我们将继续使用斜面和浮雕效果来设置她的胳膊。如图。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/69c20915-d062-4ae5-a807-7d26b9619ea9.jpg)
55、不要忘记勾选图层蒙版隐藏效果选项。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/63e3e634-e38d-4b1d-b3a4-c2e1f80957c2.jpg)
56、现在我们围绕着胳膊创建一个选区,将它转换成蒙版。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/17d1672d-ceaa-446d-b9cc-bc490e45324a.jpg)
57、使用黑色描绘蒙版。隐藏手臂和身体之间的接触区域,使其更好地融合。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/002f3d06-a137-443b-bebe-fbe74ce244e2.jpg)
58、现在,我们将创建手臂的阴影,使用图层样式,因为我们还需要隐藏阴影中的一些区域。选择手臂形状,在路径选项中将其转换成选区。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/6c79af5b-a402-46ea-bc5a-d7a1af4a960f.jpg)
59、我们将用黑色描绘选区,然后按Cmd/Ctrl + T,在上方的菜单中选择弯曲工具,我们将用它弯曲阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/11e7fa54-3dec-4382-a310-1e6779b2349b.jpg)
60、现在,我们使用2像素的高斯模糊减淡阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/43da146f-ef94-4718-9033-032fa9be50b5.jpg)
61、我们给阴影添加蒙版,使用笔刷工具,用黑色涂抹蒙版。 然后,我们将再次隐藏图层来修饰调整这些阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/053cacdc-870b-4db8-89f8-8f45f247d171.jpg)
62、小手部分也需要做跟上面相同的工作。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/1014b395-e387-4dc5-985a-80a779478b02.jpg)
63、使用斜面和浮雕使其具有一些立体感。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/726061f9-0e6f-49c3-bf5d-ae86de64fd1d.jpg)
64、我们使用内阴影来加强手掌下方的阴影。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/d0ed67c8-2534-4581-90e8-46a65c3b57fb.jpg)
65、再使用内发光。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/ba6f80a9-34e4-456b-a7d9-8bcd56bd064d.jpg)
66、我们之前画的每只手指将被转换成选区,我们将在不同的图层上修饰手指。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/0c4f1aa7-930f-4617-ac7d-36de7df316f9.jpg)
67、随着形状图层被转换成选区,我们会在一个新层上描绘小手指和手掌的阴影。 使用一个小的圆点笔刷,10%的柔软流量,轻轻点击。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/a6ead60d-6f56-4323-8aba-825bc040d098.jpg)
68、我们将收缩1像素擦除多余的效果。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/403f6992-4d7b-40b2-9a39-1dff7bcfd041.jpg)
69、让我们用黑色涂抹蒙版。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/49cb4feb-c64c-40ee-9e1f-f98452a39eec.jpg)
70、我们会重复同样的步骤来描绘和擦除每个手指在不同的层上。还要继续清除多余的部分使手指看起来像交织在一起。 完成后,选择所有图层,按Cmd/Ctrl + E组合它们,然后你可以通过增加透明度来减少这些阴影的强度。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/908496a5-da89-412d-b255-b4d718bf1a58.jpg)
71、我们需要给鸟的身体上添加一些反射的光线。我们选择身体的形状图层,将其转换成选区,就像我们在前面步骤中做过的一样。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/0cedbe1b-d9b9-43cf-8f8d-48509bc5965e.jpg)
72、让我们收缩选区5或6个像素。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/074725af-e7ef-4ad2-802a-c52d9860315f.jpg)
73、然后,我们羽化大约2或3个像素。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/81587de7-e4c6-4b14-9a54-15b81123fa9b.jpg)
74、现在,我们将创建一个新层,使用叠加,我们将绘制小鸟身体的边及其眼睛上方的区域。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/3c7487dc-41a2-4c31-8177-282805aecd52.jpg)
75、大家按照自己的喜好再做些细节方面的修饰我们就完成了。
![twitter,·Photoshop制作Twitter可爱.](/Files/201012/d7faf044-df2c-4f4c-b919-b4faf6e48a9a.jpg)
最新评论