Photoshop设计立体插画风格的圆形图标
2018-08-21 05:34:04来源:思缘教程网 阅读 ()
先看看效果图:
整个插画就是树枝滴部分会稍微花点时间哦~建议熟练滴童鞋不要临摹,自已动手画一画这些树枝,对自己的构图能力和控制力都是很有帮助滴哦
建好画布后,画一个圆:
然后砸门建立一个分组,alt+左键显示圆的选区,然后给分组建立一个蒙版,把所有滴部件都画在这个组里的时候就不会超出圆的大小啦~
现在开始画地面,砸门用钢笔工具画出轮廓来:
砸门可以直接复制一个放在后面,水平旋转后调整下位置就好啦、
接下来开始做树枝滴部分,为了整个画面的层次感,窝做了四层呢~太多了也不好,显得和杂乱,下面一层层的来看
第一层:
第二层:
第三层:
第四层是由左右两部分组成滴,窝把其他的隐藏了让童鞋们看得清楚点:
放在一起来看哈效果(,,・ω・,,)
做到这里就完成大部分啦,嘻嘻
然后窝们来做点装饰品,先做个云,这个云其实是由4个圆加矩形拼起来滴:
缩小放到合适滴位置上
再来看哈树叶滴做法,用布尔运算取交集:
合并形状组件后删除上面或下面滴锚点,再复制一个垂直旋转:
酱紫就可以分别给颜色啦~
放在合适滴位置上:
下面来画可爱滴鹿鹿
这里需要童鞋们对钢笔工具有很好滴控制力,关于钢笔工具,窝前面有篇文章叫“钢笔工具锚点的控制”,童鞋们可以先去看一看,然后再来画这只鹿
画好之后呢,砸门把它放进去,放到空中让鹿飞起来。
接下里就可以开始填色了哦,将地面弄成渐变色,背后滴大圆也加上渐变色:
再给云朵和鹿加上渐变色:
最后,想要做粗剪影滴效果就要加上投影,我们给地面,树枝,云,鹿都加上投影,正片叠底效果不好滴话,童鞋们可以试试“线性加深”和“颜色加深”:
然后做最外面一圈滴内阴影效果,砸门把大圆复制一个放在最最最上面,填充改为0,然后添加内阴影:
做到这里就差不多啦,砸门再给整个画面增加颗粒质感,给那些数值滴投影和大圆滴内阴影加上杂色,需要注意滴是,杂色,阴影颜色,大小,距离这些都会互相影响滴,所以窝这里不给具体参数,童鞋们自己把控一哈:
再来看看效果:
这时候窝们发现地面滴杂色不是很明显,砸门单独做一哈,把上面那层地面复制一个,图层模式改为溶解,透明度10%-20%,图层样式去掉,颜色比之前加深一点点:
进入论坛交作业:http://www.missyuan.com/thread-849941-1-1.html
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- Photoshop绘制立体风格的微笑表情 2021-05-26
- Photoshop设计卷边效果的变形金刚电影海报图片。Photoshop设 2021-05-25
- PS海报设计技巧教程:学习制作个性的扭曲文字海报图片。PS海 2021-05-24
- 学习用photoshop把浑浊的海水照片后期调出清澈的蓝色效果。 2021-05-24
- PS个性人物海报制作:设计创意时尚的玻璃方块效果的人物海报 2021-05-24
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash