PS新手教程!手把手教你打造一个雪地冰晶图标 - 优设-UISDC

PS新手教程!手把手教你打造一个雪地冰晶图标

2016/02/18 10277评论区

photoshop-create-speakers-icon-1

编者按:今天@P大点S微博 给同学们来一个新手教程,操作比较简单,主要是帮基础差的同学熟悉一下PS,素材和源文件已经打包好了,不妨来练个手。

本文为作者授权优设发布,未经作者本人授权请勿转载,谢谢 :)

PSD和素材下载请点击:http://pan.baidu.com/s/1dEwmYHF

最终效果

1pdds20160218

首先,新建一个1000*1000px 的画布,把背景素材放进去。

2pdds20160218

素材的雪地不适合我们这次的效果,所以需要自己画一个雪地。

先画一个白色的矩形,与画布底对齐。但是正常的雪地边缘不会是一条直线,应该有点细微的弧度,所以先用直接选择工具(快捷键A)选择矩形的路径,然后添加两个锚点,稍微拉一点弧度出来。

3pdds20160218

这一步也可以直接用钢笔勾。

然后给刚刚勾的形状添加图层样式。

4pdds20160218

5pdds20160218

6pdds20160218

背景算是做好了,然后开始撸图标。

先新建一个512*512,圆角为90px的圆角矩形,与画布水平、垂直居中,然后将雪人素材拖进去,按住ALT点击雪人图层和圆角矩形图层中间,创建剪切蒙版。

7pdds20160218

然后给圆角矩形添加一个内发光

8pdds20160218

但是图标的底部不应该是这样的光,所以我们需要把内发光分离出来,然后用蒙版擦掉多余的效果。

回到图层面板,在“内发光”上点右键,选择“创建图层”

9pdds20160218

内发光效果就分离成了一个单独的图层,然后创建蒙版,把底下的内发光擦掉。

10pdds20160218

接着回到圆角矩形,继续添加图层样式

11pdds20160218

12pdds20160218

13pdds20160218

差不多已经有晶莹剔透的感觉了,接下来做图案。

放一个自己喜欢的图案,给这个图案做图层样式。

14pdds20160218

15pdds20160218

16pdds20160218

17pdds20160218

图案叠加的时候,如果图案里面没有合适的纹理,可以点击右边的齿轮,然后选择“岩石图案”,追加图案。

然后应该是这个样子:

18pdds20160218

接着做些小动作,给这个图案加强效果~

添加一个蒙版,然后用多边形套索工具做一个切口的选区,填充黑色。

19pdds20160218

20pdds20160218

重复步骤,多做几个切口,然后得到这个样子。

21pdds20160218

虽然效果是做好了,但是这个图案感觉有点别扭,还需要加一个投影。

CTRL+J复制一个这个加了特效的图层,移动到原图层的下方。清除拷贝图层的图层样式,添加一个投影。

22pdds20160218

23pdds20160218

整体的效果已经有了,但是还是有点死。给右上角来个高光试试。

画一个白色的圆,稍微大一点;给一点高斯模糊,模糊半径别太小;再把透明度调低。然后用同样的办法再做一个,这次的圆要小一点,模糊度低一点,透明度高一点。如果效果不好可以再加一层。然后得到这个样子:

24pdds20160218

接下来做雪地上的投影。

把所有和图标有关的图层(除了背景素材和雪地图层以外的图层)一起建个组,CTRL+ALT+E盖印该组,得到一个合并后的图层,CTRL+T垂直翻转,移动到合适的位置。

25pdds20160218

加一个蒙版,拉一下黑白渐变,移动图层顺序。

26pdds20160218

然后用刚才做高光的办法,做一下阴影。

27pdds20160218

本来到这里应该就可以结束了,但是我发现背景的色调和图标有些不搭,CTRL+M调一调曲线。

28pdds20160218

29pdds20160218

30pdds20160218

最终效果:

31pdds20160218

欢迎关注可能是做原创教程最用心的公众号:

psqr211

【优设酷站22连发!】

  1. 免费图库+导航收集站:《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
  2. 音乐站+字体搜索:《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
  3. 渐变色+代码比较:《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
  4. 配色+占位图:《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
  5. LOGO下载+字体下载:《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
  6. 压缩图片+在线配色:《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
  7. CSS Hover动画+宠物小精灵配色:《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
  8. 美女图片+游戏配色:《酷站两连发!游戏配色网站+免费美女素材特供网站》
  9. 在线配色+字体推荐:《酷站两连发!在线配色神器+英文字体推荐网站》
  10. 追波作品变代码+16进制颜色:《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
  11. 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址:pdadians

uisdc-hao

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-create-speakers-icon

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 神器下载 字体下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里