Photoshop制作拟物图标详细图文教程

Photoshop

制作拟物图标 详细图文教程

分析／思路／图文分步讲解

1、通过观察将icon主体分为6个部分 然后先抛去效果将主体的形做出来

2、选用合适的图层样式 调节参数 ／ 颜色

3、添加文字跟光效果

分析／思路／

1 2

34

5

6

注：此图编号将作为后面

教程中图层名用。

分别为圆角矩形1，圆形

2 圆形

3 圆形4······

拆分调整文字

新建800*800像素 分辨率为300的文档

注：分辨率的高低将决定图层样式参数的高低 。分

辨率越高 相应参数也越高，可根据自己建立的文

档分辨率自行提高或降低参数值

在标尺上拖拽出十字参考线 用工具栏中的形状工具在画布上点击鼠标左键拖拽绘制

属性面板中调节参数高宽500*500 ，圆角70，放置画布中心位置。注：基本形由下至上

1-6的顺序用形状工具绘制 初始颜色无所谓后面都用图层样式来调节，能区分开每个形状即可，教程中主要用灰色。

属性面板：

会在你绘制完形状后弹出，仅限于cc 以上版本

低版本用户可通过视觉判断比例，不必纠结于具体参数

双击圆角矩形图层的缩略图 修改颜色（仅适用于形状工具建立的图层改色）

绘制圆角矩形1

绘制

属性面板中调节参数高宽360*360 放置中心位置

圆形2双击圆形图层的缩略图 修改颜色（仅适用于形状工具建立的图层改色）

ctrl+j复制圆形2图层 属性面板中调节参数高宽290*290 放置中心位置绘制

圆形3双击圆形图层的缩略图 修改颜色（仅适用于形状工具建立的图层改色）

ctrl+j复制圆形3图层 属性面板中调节参数高宽210*210 放置中心位置绘制

圆形4双击圆形图层的缩略图 修改颜色（仅适用于形状工具建立的图层改色）

ctrl+j复制圆形4图层 属性面板中调节参数高宽180*180 放置中心位置绘制

圆形5双击圆形图层的缩略图 修改颜色（仅适用于形状工具建立的图层改色）

ctrl+j复制圆形5图层 属性面板中调节参数高宽100*100 放置中心位置绘制

圆形6双击圆形图层的缩略图 修改颜色（仅适用于形状工具建立的图层改色）

接下来对1-6 各图形添加图层样式

分析／思路／

本质上 外发光，内发光跟投影是一样的！可将 投影理解为黑色的光，也可将发光理解为不同颜色的影。两者并无区别

发光—只有内外之分，没有方向，均匀分布图形一周投影—有方向，分布位置为图形一侧

这个将成为我们判断光效或投影并选择合适样式的依据

基本操作流程：

单击可调色

选择样式调节

双击打开图层样式面板选择对应图层 1234

圆角矩形1：投 影——全局光照关掉 角度90 距离=大小=20像素 黑色

渐变叠加—— 颜色调整为 深蓝灰—浅蓝灰

选择

添加图层样式

图层面板中选择圆角矩形图层，双击图层除缩略图跟图层明称以外区域，打开图层样式面板（后面这步操作不再赘述）

内 发 光——30像素 黑色 混合模式为 正片叠底

颜色叠加—— 颜色调整为 暗红色

选择

选择

描 边—— 颜色渐变填充 蓝—红—黄 角度为45

内 发 光—— 21像素 黑色 不透明度为20% 混合模式为正片叠底

渐变叠加—— 颜色调整为 暗红—深红

选择

渐变叠加—— 颜色调整为 白—浅灰—白—浅灰—白 样式为 角度

注：渐变色调整时 两端一定是同一种颜色

双击图层缩略图—— 颜色调整深灰选择

选择双击图层缩略图—— 颜色调整白

输入字母

颜色为白色 字号4点

（可根据自己需要自行调节字体字号）

使用文字工具，在画布上单击，图层面板会自动新建文字图层，将文字图层置顶然后双击图层缩略图

调色在图层面板新建一个图层 放置背景图 适当调整背景颜色

选择在图层面板新建一个图层 置顶 用画笔工具柔化笔尖——颜色调整为 白色 调整合适大小 在画布右上角单击一次

图层混合模式——叠加

最终效果