计一个打开的书本图标_网页logo教程

391582960 发表于 2016-6-13 01:23:09

计一个打开的书本图标

本篇教程主要通过实例加强大家对写实图标的绘制能力和用渐变制作光影的处理技巧。先来看看效果：
http://pic.16xx8.com/allimg/160608/033K412S-39.jpg
作者：小羽毛Lucie 出处：站酷

391582960 发表于 2016-6-13 01:23:09

1.创建一个1500*1500的画布，背景色填充中灰#7a7a7a，新建图层画矩形，按alt再复制出一个矩形，作为书的两个封面，ctrl+T，按ctrl调整透视形状，注意书脊处平行。
http://pic.16xx8.com/allimg/160608/033K43463-0.jpg

391582960 发表于 2016-6-13 01:23:09

2.给封面添加图层样式：斜面浮雕和渐变叠加，复制图层样式到另一个封面。
http://pic.16xx8.com/allimg/160608/033K4B23-1.jpg

http://pic.16xx8.com/allimg/160608/033K42I5-2.jpg

http://pic.16xx8.com/allimg/160608/033K4H10-3.jpg

391582960 发表于 2016-6-13 01:23:09

3.多边形套索画封面四个角，复制封面的图层样式到四个角，四个角进行合并图层，这样没有图层样式后可以调整色相饱和度。
http://pic.16xx8.com/allimg/160608/033K44I7-4.jpg

391582960 发表于 2016-6-13 01:23:09

4.钢笔画出第一页，勾出书侧面厚度，添加渐变，嵌入png格式条纹并进行调整，用橡皮擦掉条纹边缘部分制造页面厚度（栅格化图层，选中条纹选区，擦去两个图层侧面边缘部分）
http://pic.16xx8.com/allimg/160608/033K45X3-5.jpg

http://pic.16xx8.com/allimg/160608/033K45963-6.jpg

http://pic.16xx8.com/allimg/160608/033K42Z5-7.jpg

http://pic.16xx8.com/allimg/160608/033K42410-8.jpg

391582960 发表于 2016-6-13 01:23:09

5.方法同上画出两个下侧面（ctrl+T，右键变形，调整条纹位置）
http://pic.16xx8.com/allimg/160608/033K45C0-9.jpg

http://pic.16xx8.com/allimg/160608/033K411K-10.jpg

391582960 发表于 2016-6-13 01:23:09

6. Ctrl+shift选择书的三个侧面选区，新建图层，选区填充黑色，向左下移动，羽化形成阴影
http://pic.16xx8.com/allimg/160608/033K44509-11.jpg

391582960 发表于 2016-6-13 01:23:09

7.新建图层，用钢笔勾出相连的两页，添加图层样式：内阴影，内发光，描边，渐变叠加
http://pic.16xx8.com/allimg/160608/033K43I6-12.jpg

http://pic.16xx8.com/allimg/160608/033K4J23-13.jpg

http://pic.16xx8.com/allimg/160608/033K44510-14.jpg

http://pic.16xx8.com/allimg/160608/033K4OU-15.jpg

391582960 发表于 2016-6-13 01:23:09

8. 新建图层，钢笔勾出左边单页，复制相连两页的图层样式，调整渐变。右边单页同上。
http://pic.16xx8.com/allimg/160608/033K462J-16.jpg

http://pic.16xx8.com/allimg/160608/033K42560-17.jpg

http://pic.16xx8.com/allimg/160608/033K43520-18.jpg

http://pic.16xx8.com/allimg/160608/033K4H41-19.jpg

391582960 发表于 2016-6-13 01:23:09

9. 新建图层，钢笔勾出左单页阴影，渐变填充，羽化；右单页阴影同上。新建图层，在左单页选区上添加渐变，并用橡皮调整，右单页渐变同上。
http://pic.16xx8.com/allimg/160608/033K44605-20.jpg

http://pic.16xx8.com/allimg/160608/033K4M26-21.jpg

http://pic.16xx8.com/allimg/160608/033K42625-22.jpg

391582960 发表于 2016-6-13 01:23:09

10.新建图层，用钢笔勾出书脊装订线，添加图层样式：斜面浮雕，工具栏渐变。
http://pic.16xx8.com/allimg/160608/033K4N29-23.jpg

http://pic.16xx8.com/allimg/160608/033K4AT-24.jpg
11.钢笔勾出书脊，填充描边、内发光、渐变
http://pic.16xx8.com/allimg/160608/033K46291-25.jpg

http://pic.16xx8.com/allimg/160608/033K44955-26.jpg

391582960 发表于 2016-6-13 01:23:09

12.添加文字：可用路径文字或变形文字，字体为Laine
http://pic.16xx8.com/allimg/160608/033K4H00-27.jpg

391582960 发表于 2016-6-13 01:23:09

13.钢笔：分别勾出笔杆、握笔处、过度处、笔尖形状，添加渐变。复制钢笔图层填充颜色#774626，此处根据下面图层选区对阴影进行剪切位移，高斯模糊。
http://pic.16xx8.com/allimg/160608/033K421b-28.jpg

http://pic.16xx8.com/allimg/160608/033K42234-29.jpg

http://pic.16xx8.com/allimg/160608/033K42336-30.jpg

http://pic.16xx8.com/allimg/160608/033K41G0-31.jpg

http://pic.16xx8.com/allimg/160608/033K44251-32.jpg

http://pic.16xx8.com/allimg/160608/033K43b0-33.jpg

http://pic.16xx8.com/allimg/160608/033K46144-34.jpg

http://pic.16xx8.com/allimg/160608/033K43455-35.jpg

http://pic.16xx8.com/allimg/160608/033K46192-36.jpg

391582960 发表于 2016-6-13 01:23:09