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

2016-01-29 09:23 73 1 收藏

PS教程!高手手把手教你绘制一枚联系人+短信图标,yu0910:第一次出UI教程,把之前参加过比赛的几套风格各异的主题图标拿制作过程出来讲解一下。图标的绘制方法有很多种,主要看你适合哪种,用得方便不,注意技巧跟细节,直接看教程 源文件http://yunpan.cn/cu ...

【 tulaoshi.com - PS 】

photoshop-massage-contact-icon-1

yu0910  :第一次出UI教程,把之前参加过比赛的几套风格各异的主题图标拿制作过程出来讲解一下。图标的绘制方法有很多种,主要看你适合哪种,用得方便不,注意技巧跟细节,直接看教程

源文件 http://yunpan.cn/cuguC4tG6Ik7h  访问密码 7ebc   ,希望大家多多支持!另外欢迎上传交作业啦。

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

Step 1

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

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

myStep01 (1)

Step 2

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

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

myStep01 (2)

Step 3

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

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

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

myStep01 (3)

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,载入选区向下移动两像素,反向选区后添加图层蒙版;

myStep01 (4)

123

来源:https://www.tulaoshi.com/n/20160129/1479026.html

延伸阅读
标签: PS PS教程
编者按:今天这个教程适合有基础的同学进阶练习,原作者是追波大神,效果逼真到翻天,这篇临摹教程也特别用心,光截图打字就花了三个多小时,强烈推荐同学们马起来练习 昨天在某个网站看到一位高手临摹国外大师的一张ICON,效果逼真。一整夜我都手痒痒得无法入睡,早上起来也打算来一个,不过这样那样的琐事之后又是午后,估...
标签: PS PS教程
编者按:今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下 第一步: 新建画布,大小自定,填充一个淡色。 第二步: 画一个圆形,大小自定,填充如下。 接上边的数值。 第三步: 复制底圆,...
标签: PS PS教程
编者按:今天的教程难度不小,而且步骤特别多,光教程截图就有整整92张,当然也是因为写得特别特别细致。不多说,考验PS基础功的时候了,来动手,做得出效果图老师小编大号小号齐上给你点赞 源文件PSD  https://yunpan.cn/cuEIYBMF3JrDC  访问密码 c074 ** 本文作者心中永远是胡歌,已授权发布。未经授权请手下留情,先谢过 :...
标签: PS PS教程
扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯。好嘞,教程开始! 先上效果图: 挺干净的,兴趣大增有没有? 那就开始咯。 Part 1 :打好地基 Cttrl + N 创建画布,大小为1024...
标签: PS PS教程
编者按:今天带同学们来临摹追波上一个大神的图标作品,作者@P大点S微博 贴心给了源文件,已经有不少同学交作业了,而且完成效果特别棒,你也来一个,评论上图 源文件打包 https://yunpan.cn/cuRqrGET5Pfmn  访问密码 4d7c 临摹的成果: 下面,我们开始山寨之旅。 新建文档,我用的大小是2...

经验教程

382

收藏

83
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部