Photoshop设计一个逼真的App图标教程

2016-03-17 21:28 6 1 收藏

下面图老师小编要跟大家分享Photoshop设计一个逼真的App图标教程,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - PS 】

在教程中,我将解释,通过发光和投影来制作真实的效果,也就是一个留声机的app图标。使用PS强大的图层样式,我将告诉你怎样在短时间内完成这强大的效果。

先看看效果图

Photoshop设计一个真实的App图标教程,图老师

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

我们也将使用一种方式来快速改变纹理的颜色,并且我将分享在打造真实效果过程中的一些经验。

Photoshop设计一个真实的App图标教程,图老师

01 首先画出标志的草图,我先画出大体的新装,然后再上面添加一些细节元素,例如磁口和旋钮。我想让草图看起来有点三维效果,但又不使用透视。于是我增加了圆角来让图标看起来像是个打开的箱子。

Photoshop设计一个真实的App图标教程,图老师

02 将您的早秃扫描进PS。选择渐变工具将您的背景填充成黑灰的渐变。下一步,使用圆角矩形工具绘制512px*512px的方形,将圆角设置为90px。现在按住Opt或者Alt并且选择图形,新建一个文件夹命名为Icon,然后给这个文件夹加上遮蔽蒙版。

Photoshop设计一个真实的App图标教程,图老师

03 对于图标的颜色选择是非常重要的。为了能体现质感,我选择深棕色取代原本的黑色,旋钮也改成了浅棕色。

Photoshop设计一个真实的App图标教程,图老师

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

04 通过图层样式选项,我们能增加一些有趣的效果。为了体现胶片的质感,我选择了渐变叠加,混合模式为线性减淡,样式为径向,然后选择渐变类型为杂色来体现出纹路的效果。复制该图层,将渐变样式改成实底,来创建反tulaoShi.com光效果。

Photoshop设计一个真实的App图标教程,图老师

05 现在创建一些区域来做投影,你可以将它的混合模式选择为线性减淡或者颜色减淡。这将会制作出真实的明暗关系。对于磁头和旋钮可以加入投影样式来作为物体的反光。

Photoshop设计一个真实的App图标教程,图老师

06 为了获得更真实的投影效果,如图防止一个灰色的方形,添加外发光然后将混合模式设置为线性减淡。我使用50%的灰度然后设置图层透明度来获得投影效果。

Photoshop设计一个真实的App图标教程,图老师

07 纹理对于表现真实效果是非常重要的,你能自己拍摄或是上网那个搜集素材。这里,我使用了一张木质的纹理。我调了一下色阶和色相,然后创建了一个遮蔽蒙版,将混合模式设置为叠加。

Photoshop设计一个真实的App图标教程,图老师

08 当你对所有的图层样式设置满意后,复制文件夹。在这里,你可以图层图层样式新建图层来帮助你通过蒙版来控制它们。

Photoshop设计一个真实的App图标教程,图老师

09 你现在能复制或删除一些图层样式来得到你想要的效果。有些部分太亮或太暗,所以我就选择图层然后使用笔刷在遮蔽蒙版上修改。

Photoshop设计一个真实的App图标教程,图老师

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

10 新建一个图层,将它放在最上方,并且加上内发光和光泽。在光泽中我使用了相同的叠加颜色,使整个图标更加统一。这样你就完成了一个仿真的app图标效果。

来源:http://www.tulaoshi.com/n/20160317/1866215.html

延伸阅读
来源:PS联盟 作者:Sener 不规则的金属物体制作稍微有点难度。因为不规则面不像圆形或矩形那样用设置好的金属渐变色或图层样式即可作出金属质感效果。这类图形的高光暗调部分需要用手工加上去。 最终效果 1、新建一个800 * 800像素的画布。背景选择白色。效果图中的锤子是倾斜的,不太好抠出及控制选区。我们先做成垂直的,然后再变换角度...
标签: PS PS基础
效果图: 还是老样子,建立背景,加上渐变色,斜面投影。 数值根据自已的喜欢调整,这样每个人可以自由发挥。 新建一层,加上杂色。 将杂色动感模糊。 把图层模式改为叠加。 再新建图层作为反光层,把高光制作出来,最好有渐变,不能死板。 打上自已想要的文字。 接下来有点复杂,要添加的效果比较多。 数...
标签: PS PS教程
作者制作篮球的方法非常经典。思路:先搜集篮球实物图及需要用到的纹理等;然后按素材图的构造绘制;再渲染颜色、高光、暗部、纹理等即可。 最终效果 1、在网上搜一张篮球的图片,用于轮廓线的绘制,另外再搜张篮球的皮质图片用于贴图。 2、新建一个形状圆,上下渐变为:#43140e、#6f261f、#ac5951、#d77963。 3、用篮球素材沟出其轮廓...

经验教程

218

收藏

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