PS高手手把手教你绘制一枚联系人+短信图标

   一、卡通风格 —— LYNN Rabbit (联系人图标)

  Step 1

  点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800 px,高度为600 px,分辨率为72 dpi,然后点击确定,记得顺手保存(快捷键Ctrl+S),以免做一半PS崩溃或者其他原因被关闭了那就悲催了。


  Step 2

  先填充背景,色值为#282828(PS:这步主要是为了方便图标观看,背景色值不定,看着舒服,不影响图标外观即可);

  然后选择【椭圆工具】(快捷键U,可按Shift+U切换),在画布点击【创建椭圆】弹出层,设置宽度为172px,高度为170px,并勾选【从中心】,然后点击确定;


  Step 3

  选中椭圆图层,命名为yuan,右键选择【混合选项】,选择【渐变叠加】,线性渐变,色值从上到下为 #feb5d0 — #ff7fae,角度为90°;

  再选择【椭圆工具】创建宽度跟高度都为172px的圆,填充颜色为#c74a78;命名为yuan_di,对齐于yuan图层并放在其下面;


  Step 4

  复制yuan图层(快捷键Ctrl+J)命名为yuan_ban,选择右键清除图层样式,填充颜色为#FFFFFF;不透明度改为30%;

  选择【椭圆选框工具】(快捷键M,可按Shift+M切换),按住Shift键,画一个正圆选区(大小自己把握),可对齐图层,然后点击【图层】窗口的【添加图层蒙版】;

  再复制yuan图层命名为yuan_bian01,选择右键清除图层样式,填充颜色改为# ffadcb;按住Ctrl键点击图层载入选区,按方向键向上和向左移动一像素,再反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】;

  同理复制yuan图层命名为yuan_bian02,填充颜色为#fff2f7,载入选区向下移动两像素,反向选区后添加图层蒙版;


  Step 5

  复制yuan图层命名为nei_yuan,点击【编辑】—【自由变换路径】(快捷键Ctrl+T),缩小80%(记得点击【保持长宽比】),右键清除图层样式,选择【混合选项】设置:

  【描边】:大小3px,内部,颜色# d85082,

  【内阴影】:颜色# c33c6d,不透明度70%,角度120°,距离5,阻塞2,大小8,

  【渐变叠加】:线性渐变,色值从上到下为 # feb8d2 — # ff80af,角度为90°;


  Step 6

  复制nei_yuan图层命名为nei_yuan_ban,清除图层样式,自由变换路径缩小94%(记得点击【保持长宽比】),颜色# FFFFFF,不透明度改为10%;再载入yuan_ban的蒙版选区,点击【图层】窗口的【添加图层蒙版】;

  再复制nei_yuan图层命名为nei_yuan_bian,清除图层样式,填充颜色改为# ffb9d3;载入选区向上移动两像素,反向选区,再点击【图层】窗口的【添加图层蒙版】,再把nei_yuan_bian图层向下移动一像素;

  再复制nei_yuan图层命名为nei_yuan2,清除图层样式,自由变换路径缩小90%(记得点击【保持长宽比】),颜色# FFFFFF,不透明度改为5%;


  Step 7

  绘制LYNN Rabbit头部部分,用【椭圆工具】创建一个椭圆,设置图层混合选项,再绘制耳朵部分,注意描边细节跟阴影,脸部一一拆分,大多数用是用钢笔工具、椭圆工具、图层蒙版、设置图层混合选项等完成,在这就不一一详细说明,最后加上耳朵阴影和高光,拉个椭圆白色透明渐变,设置不透明度为50%,完成图标的绘制。


  Duang~ 完成图标后加个华丽丽的背景,再用同样的方法就绘制出一套主题图标啦。

  二、微扁平化 —— FLEXAGON (短信图标)

  Step 1

  选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为120px,高度为120px,半径20px,并勾选【从中心】,然后点击确定;


  Step 2

  把圆角矩形图层命名为di,然后右键选择【混合选项】,设置:

  【描边】:大小1px,内部,渐变90°,# 157acf — #78bbff,

  【渐变叠加】:线性渐变,色值从上到下为 # 1479cf — # 3a9bff,角度为90°;


  Step 3

  选择【椭圆工具】,按住Shift键,画一个正圆,填充颜色为# 9eceff,图层命名为message,再选【钢笔工具】(快捷键P,可按Shift+P切换),在选项栏里【路径操作】选择【合并形状】,并选中路径,画一个三角形;右键选择【混合选项】,设置:

  【投影】:颜色#789bc0;角度120°,距离1px,扩展0,大小1px;

  复制图层message命名为message_ceng,填充颜色为# 4da2f9,载入图层选区向上移动三像素,反向选区,再点击【图层】窗口的【添加图层蒙版】;

  再复制图层message命名为message_bian,填充颜色为# c7e3ff,载入图层选区向上移动一像素,反向选区,再点击【图层】窗口的【添加图层蒙版】;


  Step 4

  载入message图层选区,填充颜色#134573,取消选区(快捷键Ctrl+D),点击【滤镜】 — 【模糊】 — 【动感模糊】和【高斯模糊】,

  【动感模糊】:角度90°,距离7;

  【高斯模糊】:半径3;

  把图层不透明度设置为50%,并把图层向下移动五像素;


  Step 5

  绘制短信图标上笑脸部分,选择【椭圆工具】,按住Shift键,画一个正圆,填充颜色为# 0675d5,大小适中即可,并复制图层(快捷键Ctrl+J或者选择【移动工具】Ctrl+V,按住Alt键拖动),再选择【文字工具】(快捷键T,可按Shift+T切换),输入字符“)”,文字颜色为# 0675d5,大小适中,这里的文字大小为30px,组合成为一个笑脸字符:) 完成图标的绘制。


  继续duang~ duang~ duang~,一套华丽丽的微扁平化的主题图标就这样出炉啦。

分类:

  • PS入门教程
  • ps图标制作教程
时间: 2024-08-01 15:54:30

PS高手手把手教你绘制一枚联系人+短信图标的相关文章

PS手把手教你绘制一枚扁平的相机图标

  Step 01 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S). Step 02 选择[圆角矩形工具](快捷键U,可按Shift+U切换),在画布点击[创建圆角矩形]弹出层,设置宽度为200px,高度为150px,半径10px,并勾选[从中心],然后点击确定;(PS:因为是不规则形状的主题图标,长宽比采用4:3比例) Step 03 重命名图层为d

PS手把手教你绘制一枚精致的相机图标

  最终效果: 1,新建一个2000*2000的画布 (因为之后需要设置一些参数是根据画布大小而定的,所以不想自己调参数的话就跟我设置同样大小的画布吧) 2,新建一个图层,然后随便填充一个颜色(太简单不上图了) 3,双击图层一,打开图层样式,使用渐变叠加. 4.拉好参考线,画出一个圆角矩形. 5.再画一个圆角矩形,圆角半径设置如图,颜色设置为灰色.将图层取名为右边. 6.按住Ctrl点击"右边"图层的缩略图,得到此图层的选区,并且新建一个图层取名为"右边白边". 7

PS+AI教你绘制一枚APPLE WATCH奖章图标

  来教大家画一枚Apple Watch成绩奖章绘制教程,数字和色彩的巧妙结合加上强烈的3D质感,一见倾心,而且适合PS零基础的原生菜鸟呦 >>> 分类: PS鼠绘教程 ps图标制作教程

PS手把手教你绘制一枚拟物化水晶纽扣

  如何绘制逼真的高光?如何创造立体的感觉?今天分享一个简单水晶纽扣的教程,仅仅利用图层样式跟画笔就可以绘制出精美的高光+3D感,最适合UI设计刚入门的同学了,练习的时候要不断去思考高光和阴影的关系,以及实物的状态,这样才能短期内快速进步呦! 或许入门的PS学徒们都曾经试图制作过诸如一滴水.一个气球或一只苹果这样的拟物玩意儿的设计.通常让人感到迷惑的是,为什么我们要画一个苹果而不是用照片拍下一个苹果再把它抠出来?我的答案是,学习是没有捷径可走的.比较快速的做法当然同样可以达到效果,但它带来的收获

PS手把手教你绘制一枚写实的播映机

  PS图标教程超长超有料,194张教程图,过程细致,效果逼真,适合有基础的同学进阶学习,周末练手不用挑教程了,就这个咯.     分类: PS入门教程

PS手把手教你绘制一枚酷狗图标

  最终效果: 新建一个文档,尺寸1000*1000. 拉一个径向渐变. 前景色 :#f5f5f5 背景色:#cccccc 用形状工具画一个圆,尺寸800*800. 图层样式-内阴影 不透明度调为20%,角度-120度,距离2,大小4. 再画一个圆,尺寸700*700.跟上一个圆居中对齐. (用Ctrl选中需要对齐的图层,选择移动工具,上面的面板就有各种对齐. 居中对齐按第二个和第六个.) 图层样式-渐变叠加 角度改为90度. 前景色:#76aeda 背景色:#2784cc 复制一层图层,在图层

PS手把手教你绘制一枚日历图标

  最终效果图: 首先,新建一个文档,我的是1024*1024. 在背景层上拉一个径向渐变,颜色如图所示~~ 新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示 确定后把混合模式改为柔光,透明度30% 新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便.Ctrl+a 选择水平居中,垂直居z中,Ctrl+d取消选择 双击圆角矩形添加图层样式~,数值如下 还有内阴影,颜色叠加. 颜色数值如图所示: 新建一层,D键把前景背景改为默认,填充白

PS手把手教你绘制扁平风行星与雷达图标

  行星图标 第1步 首先绘制一个淡黄色的圆形作为行星的轮廓.使用矩形工具,星球上方绘制很多不同颜色的方框,让它们的颜色和宽度都不尽相同.你可以将这些方框编组并进行旋转,这样会显得更真实. 第2步 现在我们来去掉方框不需要的部分.选择圆形所在的图层,选择椭圆工具并在图标上右击,在弹出的菜单中选择"创建选区",然后在弹出的对话框中点击确定,选项都保持默认即可. 然后,选择这些矩形所在的组并单击图层面板下方的图层蒙版按钮,将不需要的部分隐藏起来. 第3步 让我们给我们的星球增加一点光照感.

PS教你绘制一枚扁平的相机图标

  人长得胖,没有关系,PS能帮你瘦身;人长得丑,也没有关系,PS可以帮你美容,总之PS已经强大到生活的各个领域,在这个照片不可信的年代,我们是有必要学一学PS的. Step 01 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S). Step 02 选择[圆角矩形工具](快捷键U,可按Shift+U切换),在画布点击[创建圆角矩形]弹出层,设置宽度为20