• 按作者
  • 按标题
  • 按老师

设计写实书本主题图标教程


提问



   本篇教程主要通过实例加强大家对写实图标的绘制能力和用渐变制作光影的处理技巧。先来看看效果:

  

www.16xx8.com_033K412S-39.jpg

 

  1.创建一个1500*1500的画布,背景色填充中灰#7a7a7a,新建图层画矩形,按alt再复制出一个矩形,作为书的两个封面,ctrl+T,按ctrl调整透视形状,注意书脊处平行。

  

www.16xx8.com_033K43463-0.jpg

 

  2.给封面添加图层样式:斜面浮雕和渐变叠加,复制图层样式到另一个封面。

  

www.16xx8.com_033K4B23-1.jpg

 

  

www.16xx8.com_033K42I5-2.jpg

 

  

www.16xx8.com_033K4H10-3.jpg

 

  3.多边形套索画封面四个角,复制封面的图层样式到四个角,四个角进行合并图层,这样没有图层样式后可以调整色相饱和度。

  

www.16xx8.com_033K44I7-4.jpg

 

  4.钢笔画出第一页,勾出书侧面厚度,添加渐变,嵌入png格式条纹并进行调整,用橡皮擦掉条纹边缘部分制造页面厚度(栅格化图层,选中条纹选区,擦去两个图层侧面边缘部分)

  

www.16xx8.com_033K45X3-5.jpg

 

  

www.16xx8.com_033K45963-6.jpg

 

  

www.16xx8.com_033K42Z5-7.jpg

 

  

www.16xx8.com_033K42410-8.jpg

 

  5.方法同上画出两个下侧面(ctrl+T,右键变形,调整条纹位置)

  

www.16xx8.com_033K45C0-9.jpg

 

  

www.16xx8.com_033K411K-10.jpg

 

  6. Ctrl+shift选择书的三个侧面选区,新建图层,选区填充黑色,向左下移动,羽化形成阴影

  

www.16xx8.com_033K44509-11.jpg

 

  7.新建图层,用钢笔勾出相连的两页,添加图层样式:内阴影,内发光,描边,渐变叠加

  

www.16xx8.com_033K43I6-12.jpg

 

  

www.16xx8.com_033K4J23-13.jpg

 

  

www.16xx8.com_033K44510-14.jpg

 

  

www.16xx8.com_033K4OU-15.jpg

 

  8. 新建图层,钢笔勾出左边单页,复制相连两页的图层样式,调整渐变。右边单页同上。

  

www.16xx8.com_033K462J-16.jpg

 

  

www.16xx8.com_033K42560-17.jpg

 

  

www.16xx8.com_033K43520-18.jpg

 

  

www.16xx8.com_033K4H41-19.jpg

 

  9. 新建图层,钢笔勾出左单页阴影,渐变填充,羽化;右单页阴影同上。新建图层,在左单页选区上添加渐变,并用橡皮调整,右单页渐变同上。

  

www.16xx8.com_033K44605-20.jpg

 

  

www.16xx8.com_033K4M26-21.jpg

 

  

www.16xx8.com_033K42625-22.jpg

 

  10.新建图层,用钢笔勾出书脊装订线,添加图层样式:斜面浮雕,工具栏渐变。

  

www.16xx8.com_033K4N29-23.jpg

 

  

www.16xx8.com_033K4AT-24.jpg

 

  11.钢笔勾出书脊,填充描边、内发光、渐变

  

www.16xx8.com_033K46291-25.jpg

 

  

www.16xx8.com_033K44955-26.jpg

 

  12.添加文字:可用路径文字或变形文字,字体为Laine

  

www.16xx8.com_033K4H00-27.jpg

 

  13.钢笔:分别勾出笔杆、握笔处、过度处、笔尖形状,添加渐变。复制钢笔图层填充颜色#774626,此处根据下面图层选区对阴影进行剪切位移,高斯模糊。

  

www.16xx8.com_033K421b-28.jpg

 

  

www.16xx8.com_033K42234-29.jpg

 

  

www.16xx8.com_033K42336-30.jpg

 

  

www.16xx8.com_033K41G0-31.jpg

 

  

www.16xx8.com_033K44251-32.jpg

 

  

www.16xx8.com_033K43b0-33.jpg

 

  

www.16xx8.com_033K46144-34.jpg

 

  

www.16xx8.com_033K43455-35.jpg

 

  

www.16xx8.com_033K46192-36.jpg

 

  14.钢笔勾出书签,渐变叠加,添加书签阴影。给书添加阴影,背景图层渐变叠加。

  

www.16xx8.com_033K433Y-37.jpg

 

  

www.16xx8.com_033K41b6-38.jpg

 

  

www.16xx8.com_033K412S-39.jpg

 

  在这里根据自己的实际临摹对具体步骤进行了一些改动,欢迎大家也一起参与临摹和讨论。



分享到:新浪微博新浪微博 | 腾讯微博腾讯微博 | QQ空间QQ空间 | 人人网人人网