设计皮革纹理镜头APP图标的PS实例教程

设计皮革纹理镜头APP图标的PS实例教程

这个Photoshop教程我自己觉着很详细,我一个一个图层的介绍做法尽量做到容易看懂初学者应该也能看懂吧。 很逼真的一个木纹皮革材质的镜头,共制作了52个图层,每个图层的制作方法都有详细写,喜欢的朋友一起来学习吧。

最终效果如图:

设计皮革纹理镜头APP图标的PS实例教程插图

 

首先新建一个画布 菜单栏点击 文件-新建:新建一个500×500的画布,新建图层 填充颜色:#25292d

设计皮革纹理镜头APP图标的PS实例教程插图(1)

 

点击拾色器设置前景色:#b0b0b0 点击工具栏的矩形工具在画布中,画一个高50像素宽随意的矩形

设计皮革纹理镜头APP图标的PS实例教程插图(2)

 

右键点击矩形图层栅格化图层,菜单栏点击滤镜-模糊-高斯模糊 半径30像素

设计皮革纹理镜头APP图标的PS实例教程插图(3)

 

效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(4)

 

设置矩形图层不透明度数值25%

设计皮革纹理镜头APP图标的PS实例教程插图(5)

 

选择移动工具调整矩形图层位置偏下一点

设计皮革纹理镜头APP图标的PS实例教程插图(6)

 

点击工具栏的圆角矩形工具,设置工具选项栏 填充颜色:#d6ad79 宽度294像素高度294像素/半径50像素,在画布上画个圆角矩形(如图)

设计皮革纹理镜头APP图标的PS实例教程插图(7)

 

设计皮革纹理镜头APP图标的PS实例教程插图(8)

 

选中圆角矩形1图层点击图层面板下方添加图层样式按钮给圆角矩形1图层,添加图层样式:斜面和浮雕 描边 渐变叠加 投影设置参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(9)

 

设计皮革纹理镜头APP图标的PS实例教程插图(10)

 

设计皮革纹理镜头APP图标的PS实例教程插图(11)

 

设计皮革纹理镜头APP图标的PS实例教程插图(12)

 

设计皮革纹理镜头APP图标的PS实例教程插图(13)

 

效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(14)

 

 

打开木板素材(把下面木板图片保存到电脑就是素材)

设计皮革纹理镜头APP图标的PS实例教程插图(15)

 

选中木板图层点选图层混合模式选择叠加

设计皮革纹理镜头APP图标的PS实例教程插图(16)

 

微调画布中木板位置居中

在选中木板图层的情况下 按住键盘Ctrl键鼠标点击圆角,矩形1图层缩览图载入选区然后点击图层面板下方的添加,图层蒙板按钮为木板图层添加图层蒙板(如图)

设计皮革纹理镜头APP图标的PS实例教程插图(17)

 

设计皮革纹理镜头APP图标的PS实例教程插图(18)

 

再次点击工具栏的圆角矩形工具,设置工具选项栏 填充颜色:#483c2e宽度276像素高度276像素,半径50像素 再画一个小点的圆角矩形(如图)

设计皮革纹理镜头APP图标的PS实例教程插图(19)

 

选中圆角矩形2图层点击图层面板下方添加图层样式按钮,给圆角矩形2图层添加图层样式,斜面和浮雕 描边 内阴影 内发光 渐变叠加设置参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(20)

 

设计皮革纹理镜头APP图标的PS实例教程插图(21)

 

设计皮革纹理镜头APP图标的PS实例教程插图(22)

 

设计皮革纹理镜头APP图标的PS实例教程插图(23)

 

设计皮革纹理镜头APP图标的PS实例教程插图(24)

 

效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(25)

 

新建图层 选择工具栏的画笔工具 设置画笔大小:350 硬度20%

设计皮革纹理镜头APP图标的PS实例教程插图(26)

 

在画布差不多中间位置画个圆调整图层3不透明度72%如图

设计皮革纹理镜头APP图标的PS实例教程插图(27)

 

更改图层3图层混合模式选择叠加

设计皮革纹理镜头APP图标的PS实例教程插图(28)

 

 

在选中图层3的情况下,按住键盘Ctrl键鼠标点击圆角矩形2图层缩,览图载入选区

设计皮革纹理镜头APP图标的PS实例教程插图(29)

 

然后点击图层面板下方的添加图层蒙板按钮 为图层3添加图层蒙板如图

设计皮革纹理镜头APP图标的PS实例教程插图(30)

 

打开皮革纹理素材(把下面皮革图片保存到电脑就是素材)

设计皮革纹理镜头APP图标的PS实例教程插图(31)

 

设计皮革纹理镜头APP图标的PS实例教程插图(32)

 

选中皮革纹理层点选图层面板下方创建新的填充或调整图层按钮选择曲线,点剪切按钮把曲线调整剪切到皮革纹理图层(不影响其他图层)

设计皮革纹理镜头APP图标的PS实例教程插图(33)

 

设置曲线参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(34)

 

选中皮革纹理图层更改图层混合模式选择叠加如图

设计皮革纹理镜头APP图标的PS实例教程插图(35)

 

选中皮革纹理图层 按住键盘Ctrl键 鼠标点击圆角矩形2缩览图载入选区

设计皮革纹理镜头APP图标的PS实例教程插图(36)

 

点击图层面板下方的添加图层蒙板按钮为皮革纹理图层添加图层蒙板 如图

设计皮革纹理镜头APP图标的PS实例教程插图(37)

 

接下来制作皮革的缝纫线,点击工具栏的圆角矩形工具 设置工具选项栏 填充改成无颜色,再点选设置形状描边类型选择第二个虚线然后再点更多选项设,置虚线的间隙数值6

设计皮革纹理镜头APP图标的PS实例教程插图(38)

 

再设置形状高度266宽度266 半径还是50像素如图

设计皮革纹理镜头APP图标的PS实例教程插图(39)

 

设计皮革纹理镜头APP图标的PS实例教程插图(40)

 

在画布中点一下 画出一个比皮革纹理层小一点点的虚线框如图,双击虚线图层名称重命名为缝纫线

设计皮革纹理镜头APP图标的PS实例教程插图(41)

 

设计皮革纹理镜头APP图标的PS实例教程插图(42)

 

为了让缝纫线更逼真给它添加图层样式,渐变叠加 投影设置参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(43)

 

设计皮革纹理镜头APP图标的PS实例教程插图(44)

 

接下来制作木框上的四个方向小凹槽(如图)

设计皮革纹理镜头APP图标的PS实例教程插图(45)

 

 

点击工具栏的直线工具 设置工具选项栏 填充黑色 其他如图

设计皮革纹理镜头APP图标的PS实例教程插图(46)

 

在木框上画条小黑线再添加图层样式投影设置参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(47)

 

按键盘上Ctrl+J拷贝形状1图层 按两次 拷贝两个图层 形状1拷贝和形状1拷贝2

如图

设计皮革纹理镜头APP图标的PS实例教程插图(48)

 

点击工具栏的移动工具 选中形状1拷贝图层按键盘上的方向键,向右移动几个像素之后选中形状1拷贝2图层向左移动几个像素

设计皮革纹理镜头APP图标的PS实例教程插图(49)

 

点图层面板下方创建新组然后把形状1图层和两个拷贝的,图层拖进新建组里给组重命名小凹槽如图

设计皮革纹理镜头APP图标的PS实例教程插图(50)

 

Ctrl+J拷贝小凹槽组得到小凹槽拷贝组 把小凹槽拷贝组重命名为,小凹槽1选择工具栏的移动工具移动小凹槽组到效果图的相应位置如图

设计皮革纹理镜头APP图标的PS实例教程插图(51)

 

修改小凹槽1组里的所有图层的投影样式参数 设置参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(52)

 

按Ctrl+J键拷贝小凹槽1组 重命名为小凹槽2 按Ctrl+T调出自由变换,旋转90度 之后移动到相应位置如图

设计皮革纹理镜头APP图标的PS实例教程插图(53)

 

然后修改小凹槽2组里的所有图层的投影样式里面的角度改为90度,其他参数不用动如图

设计皮革纹理镜头APP图标的PS实例教程插图(54)

 

再按Ctrl+J拷贝小凹槽2组 重命名为小凹槽3 在移动到相应位置,(这次不用修改投影样式)如图

设计皮革纹理镜头APP图标的PS实例教程插图(55)

 

接下来中心圆形镜片,点击工具栏的椭圆工具 设置工具选项栏 填充颜色#b8b9bc 描边禁用,宽度176像素 高度176像素 新建图层 在画布上点一下画个正圆位置居,中得到椭圆1图层如图

设计皮革纹理镜头APP图标的PS实例教程插图(56)

 

 

给椭圆1图层添加图层样式:描边 内阴影 渐变叠加 外发光 投影参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(57)

 

设计皮革纹理镜头APP图标的PS实例教程插图(58)

 

设计皮革纹理镜头APP图标的PS实例教程插图(59)

 

新建图层 在正圆的居中位置再画一个小一点的圆 填充:#b8b9bc,宽度163像素高度163像素 得到椭圆2图层再次添加图层样式,斜面和浮雕 内阴影 渐变叠加 投影参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(60)

 

设计皮革纹理镜头APP图标的PS实例教程插图(61)

 

设计皮革纹理镜头APP图标的PS实例教程插图(62)

 

新建图层 跟上面一样的步骤在中心再画个圆 填充:黑色,宽度147像素高度147像素得到椭圆3图层 再添加图层样式:描边 内阴影参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(63)

 

设计皮革纹理镜头APP图标的PS实例教程插图(64)

 

新建图层 依然和上面步骤一样画第4个圆 填充:#b8b9bc,宽度126像素高度126像素 得到椭圆4图层 再添加图层样式:斜面和浮雕 渐变叠加参数如图

设计皮革纹理镜头APP图标的PS实例教程插图(65)

 

设计皮革纹理镜头APP图标的PS实例教程插图(66)

 

1.Ctrl+J拷贝椭圆4图层 重命名为椭圆5 点击工具栏的椭圆工具,修改椭圆工具 工具选项栏 填充:黑色 宽度100像素高度100像素

2.按Ctrl鼠标点击椭圆5和椭圆4同时选中两个图层

3.选择移动工具点击工具选项栏上面的垂直居中对齐和水平居中对齐让椭圆5居中对齐

4.鼠标点图层样式效果不放拖动到图层面板下方删除按钮 删除椭圆5,图层的图层样式 如图

设计皮革纹理镜头APP图标的PS实例教程插图(67)

 

Ctrl+J拷贝椭圆5图层 重命名为椭圆6 点击工具栏的椭圆工具,修改椭圆工具 工具选项栏 填充:#185966 宽度90像素高度90像素,按Ctrl鼠标点击椭圆6和椭圆5同时选中两个图层,选择移动工具点击工具选项栏上面的垂直居中对齐和水平居中对齐,让椭圆6居中对齐 给椭圆6图层添加图层样式 内阴影参数和效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(68)

 

Ctrl+J拷贝椭圆6图层 重命名为椭圆7 点击工具栏的椭圆工具,修改椭圆工具 工具选项栏 填充:#2d2d2d 宽度83像素高度83像素,按Ctrl鼠标点击椭圆7和椭圆6同时选中两个图层,选择移动工具点击工具选项栏上面的垂直居中对齐和水平居中对齐,让椭圆7居中对齐 给椭圆7图层添加图层样式 内阴影 投影参数和效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(69)

 

设计皮革纹理镜头APP图标的PS实例教程插图(70)

 

Ctrl+J拷贝椭圆7图层 重命名为椭圆8删除图层样式 点击工具栏的,椭圆工具 修改椭圆工具 工具选项栏 填充:#185966 宽度77像素高度77像素,按Ctrl鼠标点击椭圆8和椭圆7同时选中两个图层,选择移动工具点击工具选项栏上面的垂直居中对齐和水平居中对齐,让椭圆8居中对齐 给椭圆8图层添加图层样式 斜面和浮雕 投影参数和效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(71)

 

设计皮革纹理镜头APP图标的PS实例教程插图(72)

 

Ctrl+J拷贝椭圆8图层 重命名为椭圆9 点击工具栏的椭圆工具 修改椭圆工具 工具选项栏 填充:#2d2d2d 宽度51像素高度51像素,按Ctrl鼠标点击椭圆9和椭圆8同时选中两个图层,选择移动工具点击工具选项栏上面的垂直居中对齐和水平居中对齐让椭圆9居中对齐 更改椭圆9图层图层样式 斜面和浮雕 投影参数和效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(73)

 

设计皮革纹理镜头APP图标的PS实例教程插图(74)

 

 

Ctrl+J拷贝椭圆9图层 重命名为椭圆10 点击工具栏的椭圆工具 修改椭圆工具 工具选项栏 填充:#226370 宽度32像素高度32像素,按Ctrl鼠标点击椭圆10和椭圆9同时选中两个图层选择移动工具点击工具选项栏上面的垂直居中对齐和水平居中对齐让椭圆10居中对齐 更改椭圆10图层图层样式 斜面和浮雕 投影参数和效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(75)

 

设计皮革纹理镜头APP图标的PS实例教程插图(76)

 

Ctrl+J拷贝椭圆10图层 重命名为椭圆11 点击工具栏的椭圆工具 修改椭圆工具 工具选项栏 填充:#2d2d2d 宽度22像素高度22像素,按Ctrl鼠标点击椭圆11和椭圆10同时选中两个图层选择移动工具点击工具选项栏上面的垂直居中对齐和水平居中对齐让椭圆11居中对齐 更改椭圆11图层图层样式 斜面和浮雕 投影参数和效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(77)

 

设计皮革纹理镜头APP图标的PS实例教程插图(78)

 

 

Ctrl+J拷贝椭圆11图层 重命名为椭圆12 删除图层样式 点击工具栏的椭圆工具 修改椭圆工具 工具选项栏 填充:#999ba2 宽度6像素高度6像素,按Ctrl鼠标点击椭圆12和椭圆11同时选中两个图层选择移动工具点击工具选项栏上面的垂直居中对齐和水平居中对齐让椭圆12居中对齐 给椭圆12图层添加图层样式 渐变叠加参数和效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(79)

 

 

镜头光效制作

新建图层 点击工具栏的画笔工具 大小:70像素 硬度:0%,在画布上圆的中间偏左上位置点一下

设计皮革纹理镜头APP图标的PS实例教程插图(80)

 

设置图层混合模式选择叠加 按住键盘Ctrl键鼠标点击椭圆5图层缩览图载入选区

设计皮革纹理镜头APP图标的PS实例教程插图(81)

 

接着点击图层面板下面添加图层蒙版给图层4添加蒙版 按Ctrl+J拷贝图层4 得到图层4拷贝 修改图层混合模式叠加改为正常 再调整不透明度37%

设计皮革纹理镜头APP图标的PS实例教程插图(82)

 

点击工具栏的椭圆工具在画布上画个白色的小椭圆 重命名为小椭圆按Ctrl+T调出自由变换旋转画布上白色小椭圆角度设置图层混合模式为叠加 调整不透明度28%效果如图

设计皮革纹理镜头APP图标的PS实例教程插图(83)

 

选中倒影图层移动画布里的倒影到镜头主体的下边缘 按Ctrl+T调出自由变换 在自由变换框里鼠标右击弹出变换属性选中旋转180

设计皮革纹理镜头APP图标的PS实例教程插图(84)

 

选中背景组里的倒影图层 按住Ctrl键鼠标点击镜头主体组同时选中这一个图层一个组选移动工具在画布中背景保持不动的情况下主体与倒影向上移动一些(可以按键盘方向键移动)

设计皮革纹理镜头APP图标的PS实例教程插图(85)

 

调整好主体与倒影位置之后,选中倒影图层添加图层蒙版选工具栏的渐变工具 选择线性渐变点击编辑渐变打开渐变编辑器如图

设计皮革纹理镜头APP图标的PS实例教程插图(86)

 

编辑好渐变后在画布中倒影上从下到上拖动渐变从虚到实效果调整倒影图层的不透明度为50%(如果想实一点不透明度可以调大一些)

设计皮革纹理镜头APP图标的PS实例教程插图(87)

 

最后一步给镜头主体底部制作阴影

按Ctrl+J拷贝倒影图层 删除拷贝层的蒙版 然后点击菜单栏图像-调整-曲线(快捷键Ctrl+M)设置调整曲线面板把右上角那个点拖动到右下角,让画布中的倒影拷贝调整成黑色

设计皮革纹理镜头APP图标的PS实例教程插图(88)

 

按Ctrl+T调出自由变换把黑色拷贝压扁 按住Alt左右两边也向里收缩一点 之后点击菜单栏滤镜-模糊-高斯模糊设置半径5像素 然后调整一下阴影的位置

最终效果图

设计皮革纹理镜头APP图标的PS实例教程插图

作者: 791650988

为您推荐