Photoshop制作简洁的铅笔稿纸书写图标

迷你考拉仓day

迷你考拉仓day

2016-01-29 16:24

Photoshop制作简洁的铅笔稿纸书写图标,虽然是一个简单的图标,制作起来还是要非常细心的。尤其是层次感及投影部分,需要控制好阴影的透明度,做出过渡自然的效果。

虽然是一个简单的图标,制作起来还是要非常细心的。尤其是层次感及投影部分,需要控制好阴影的透明度,做出过渡自然的效果。
最终效果



<点小图查看大图


1、Cttrl + N 创建画布,大小为1024px * 1024px , 填充背景色为#fcf2da。然后 → 编辑 → 首选项 → 参考线、网格和切片,设置如下。



2、先创建一个圆角矩形,大小为512px*512px,半径120px,记住左上角是形状哦。 搞定后填充颜色#c47420,命名“icon base”。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

3、添加内阴影,参数如下。


1234Photoshop制作简洁的铅笔稿纸书写图标2

4、为它做一个长投影效果,创建一个矩形,填充黑色,大小可以自己调整,我是宽718.22px和高732.74px,Ctrl + T 变换角度。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

添加图层样式—— 渐变叠加,参数如图,顺便把不透明度调整为30%,填充0%。



5、好了,现在的效果是这样的。




6、同样创建圆角矩形,参数如下。


7、然后复制一层,快捷键“A”来到选择工具,减少16px,调整高度为432px。完成后继续复制一层,依上高度改为416px,填充颜色改为 # f3f3f3,完成后如图。


  1234Photoshop制作简洁的铅笔稿纸书写图标3

8、笔记本雏形完成了,现在给它划线,用直线工具,粗细的像素调整为2,填充黑色。完成后调整图层不透明度为20%,笔记本就成型咯。



9、创建矩形,大小为192 x 96px,颜色改成 #00da67或者任何你喜欢的颜色。继续创建两个矩形,高度改为32px,填充黑色,调整不透明度为25%和10%,整齐列到笔身上,如图。



10、现在来创建笔头,你可以用多边形工具,双击画布后,参数设置如下。




11、颜色填充为#e39a4d,然后对齐笔身。


  1234Photoshop制作简洁的铅笔稿纸书写图标4

12、现在创建笔尖,如法炮制一个三角形,大小为32x32px,颜色填充为#474f57,移动到笔头处对齐,创建为剪切蒙版,如图。




13、创建一个圆角矩形,宽高是64x96px,半径是20px,颜色填充# f78879,命名为“Rubber”。然后创建一个矩形,大小32x96px,填充颜色# d5d5d5,如图。



14、为它添加点光,创建一个圆角矩形,大小是10* 40px ,填充白色,不透明度改成30%。



好了,现在是给它添加长投影的时间了,创建矩形,大小352x160px,其他的按照前边的长投影一样变换角度,添加渐变就大功告成了。


  1234
展开更多 50%)
分享

猜你喜欢

Photoshop制作简洁的铅笔稿纸书写图标

PS PS教程
Photoshop制作简洁的铅笔稿纸书写图标

photoshop制作设计铅笔图标

平面设计
photoshop制作设计铅笔图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作超酷的立体铅笔图标

电脑网络
Photoshop制作超酷的立体铅笔图标

Photoshop制作清爽的扁平铅笔图标

电脑网络
Photoshop制作清爽的扁平铅笔图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计制作超酷的立体铅笔图标

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计制作超酷的立体铅笔图标

Photoshop制作清爽的扁平铅笔图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作清爽的扁平铅笔图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop教程:制作发光的台灯图标

Photoshop教程:制作发光的台灯图标

Photoshop教程:利用图层样式和纹理素材合成立体墙面裂纹字

Photoshop教程:利用图层样式和纹理素材合成立体墙面裂纹字
下拉加载更多内容 ↓