Photoshop设计写实风格的唱片机图标

2016-02-16 00:03 15 1 收藏

下面请跟着图老师小编一起来了解下Photoshop设计写实风格的唱片机图标,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - PS 】

本文将简略的陈述这款图标的设计思路,如何让图标显得栩栩如生,大家在放假的时候,来杯咖啡,慢慢的按照作者步骤来一发吧,难度有的,主要是掌握思路哦。

先看看相关的PS教程:
Photoshop制作旋转的时钟动画教程
Photoshop绘制立体感的木箱ICON图标教程
Photoshop详细临摹立体效果的钢铁侠图标

先看看效果图

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

步骤01

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

首先用草图勾勒出大体理念。这里我画出了黑胶,然后添加了按钮、唱针等元素。为了让草图看起来更有立体感(而不使用透视法),因此,我添加了圆角矩形,让图标看起来像是打开的盒子一般。

步骤02

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

扫描草图,导入到PS中。选择渐变工具,填充背景从深色到浅色。下一步,花一个512×512的圆角矩形,半径90px。按住Alt,选择形状,创建新图层组,命名为Icon,现在为该图层组添加蒙版

步骤03

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

色彩选择非常重要。颜色一定要细腻,黑胶使用了深棕色,按钮使用了亮棕色。

步骤04

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

利用图层样式,我们可以添加很多有趣的效果。黑胶部分添加了线性渐变叠加,混合模式为色彩简单,还加入了一点杂色渐变。复制图层后,改变渐变模式为纯色渐变,这样能增添一种光反射效果。

步骤05

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

现在需要添加一些阴影,可以通过色彩或者线性加深的混合模式。给旋钮以及唱针加入光反射以及投影。

步骤06

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

为了更逼真的阴影效果,在黑胶上方画一个灰色矩形,加入外发光效果,混合模式为线性加深,然后调节不透明度。

步骤07

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

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

材质也很重要,适度改变材质的饱和度。然后为图层添加蒙版,混合模式为叠加。

步骤08

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

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

注意工作图层有序排布。

步骤09

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

现在可以对图层样式进行详细修改,直到满意为止。

步骤10

Photoshop设计写实风格的唱片机图标,PS教程,图老师教程网

创建新图层,至于顶部,加入内发光和光泽。通过光泽效果,让整体图标显示同一种色调。

来源:http://www.tulaoshi.com/n/20160216/1565614.html

延伸阅读
效果图构成比较简单,制作过程:先做出球体效果;然后在表面用滤镜做出类似绒毛纹理;中间部分可以增加一些个性条纹;最后用涂抹工具涂出边缘的绒毛即可。 最终效果 1、首先新建画布:1600px * 1200,分辨率为72,如下图。 2、点击选色工具中的前景色,然后在拾色器中输入色值:#e6efd4,用油漆桶工具把背景填充前景色。 ...
标签: PS
PS写实日历图标教程   终于完成啦!可放心食用!多图预警! 这样。 更一下。 【1】观察这个图标,我们将它分成三个部分来制作。如下图所示。 ①日历的卷页 ②日历的夹子和金属环 ③底座 【2】新建一个700x800的画布,如下图所示: 【3】①日历的卷页: (1)新建一个圆角矩形作为日历卷页的最...
标签: PS PS基础
本教程主要使用Photoshop设计救身圈组成的软件APP图标,整体的图标质感表现的非常好,喜欢的朋友让我们一起来学习吧。
标签: PS PS基础
扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格ICON的设计思路吧。今天分享的教程是教你创建一枚IOS7风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯。好嘞,教程开始。 先上效果图: 挺干净的,兴趣大增有没有? 那就开始咯。 Part 1 :打好地基 Cttrl + N 创建画布,大小为1024px * 1024px , 填充背景...

经验教程

947

收藏

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