首页 > ps教程 >

鼠绘立体逼真相机镜头图标的PS教程

ps教程 2023-06-20

第一次看到 Eddie Lobanovskiy 做出的这款icon时,我感到十分惊艳,他对于细节的把控,让我赞叹不已。而通过临摹 Eddie Lobanovskiy 这款作品,主要也是为了锻炼自己,在设计中对细节的把控和对图层样式应用的熟练度。

第一次看到 Eddie Lobanovskiy 做出的这款icon时,我感到十分惊艳,他对于细节的把控,让我赞叹不已。而通过临摹 Eddie Lobanovskiy 这款作品,主要也是为了锻炼自己,在设计中对细节的把控和对图层样式应用的熟练度。光影方面,和吃喝玩乐团团长 一起重新定义了光影的方式,让L型的背景更加立体。大家在练习的过程中,也可以结合自己的光源光感,对光影进行练习,同时要注意自己对细节的把控。

先看看效果图

鼠绘立体逼真相机镜头图标的PS教程

 

步骤1:

新建画布800*600px 72ppi,绘制一个圆角矩形,颜色#232225,参数如图,命名为【外框】

滤镜-添加杂色 数值1

鼠绘立体逼真相机镜头图标的PS教程

步骤2:

复制外框,命名为【外框-2】,绘制矩形,用路径工具减去顶层形状

图层样式-内阴影

鼠绘立体逼真相机镜头图标的PS教程

步骤3:

复制外框,命名为【外框-3】,绘制矩形,用路径工具减去顶层形状

鼠绘立体逼真相机镜头图标的PS教程

步骤4:

在【外框-3】上,覆盖上 【附件-2】 并调整附件-2位置,命名为【贴图-皮质】

鼠绘立体逼真相机镜头图标的PS教程

步骤5:

为【贴图-皮质】进行调色,使其更加真实(在智能对象模式下进行调色)

分别调整曲线、亮度/对比度、进一步锐化、曲线

鼠绘立体逼真相机镜头图标的PS教程

步骤6:

为【外框-3】添加图层样式 斜面和浮雕、内阴影

鼠绘立体逼真相机镜头图标的PS教程

步骤7:

复制【贴图-皮质】图层,调整最上层曲线的数值

鼠绘立体逼真相机镜头图标的PS教程

步骤8:

添加蒙版,用黑色柔边画笔使两层贴图过度柔和

鼠绘立体逼真相机镜头图标的PS教程

 

步骤9:

复制【外框】图层,填充为0%,清除智能滤镜,拖动到最上,为其添加图层样式,命名为【外框-样式】

鼠绘立体逼真相机镜头图标的PS教程

鼠绘立体逼真相机镜头图标的PS教程

步骤10:

绘制一个452*11px的矩形,羽化7.0,调整不透明度 80%,以外框图层创建剪切蒙版,命名为【外框-高光】

鼠绘立体逼真相机镜头图标的PS教程

开始绘制内框部分!

步骤11:

创建一个350*300px 圆角45px的圆角矩形,转换为智能对象,添加光影和杂色,并命名为【内框-1】

鼠绘立体逼真相机镜头图标的PS教程

步骤12:

用柔边画笔,点出高光,颜色#c4e9ff,叠加,不透明度49%,以内框-1图层创建剪切蒙版,命名为【蓝色高光】

鼠绘立体逼真相机镜头图标的PS教程

步骤13:

创建340*290px 圆角42px的圆角矩形,命名为【内框-2】

内阴影 渐变叠加 #303030-#0a0a0a 添加杂色 1

鼠绘立体逼真相机镜头图标的PS教程

 

步骤14:

创建260*4px的椭圆 颜色#b7e5ff 羽化3.5,命名为【内框-2-高光】

鼠绘立体逼真相机镜头图标的PS教程

步骤15:

创建一个312*264px 圆角15px的圆角矩形,拉出参考线找到矩形中点,运用钢笔工具在中点添加锚点

鼠绘立体逼真相机镜头图标的PS教程

步骤16:

用直接选择工具选择中点锚点向内部收缩,得到以下图形,命名为【内框-3】

鼠绘立体逼真相机镜头图标的PS教程

步骤17:

为【内框-3】添加杂色及图层样式

渐变叠加 #545454-#131214

鼠绘立体逼真相机镜头图标的PS教程

步骤18:

复制一层【内框-3】,置于内框-3图层下方,清除图层样式,添加颜色叠加和高斯模糊,命名为【内框-3阴影】

可以用蒙版将上方阴影适当遮盖

鼠绘立体逼真相机镜头图标的PS教程

步骤19:

再复制一层【内框-3】,羽化1.0 ,正片叠底,不透明度10%,命名为【内框-3阴影加强】

鼠绘立体逼真相机镜头图标的PS教程

步骤20:

创建261*42px 圆角4px的圆角矩形,并添加光影,描边#2e2e2e,命名为【内框线条】

鼠绘立体逼真相机镜头图标的PS教程

 

步骤21:

注意图层顺序,并编组为【内框】

鼠绘立体逼真相机镜头图标的PS教程

开始绘制指示框部分!!

步骤22:

新建一个圆角矩形,利用变形工具收缩下边两个角,以外框图层创建剪切蒙版,命名为【指示框-下】

鼠绘立体逼真相机镜头图标的PS教程
 

步骤23:

为【指示框-下】添加光影效果

鼠绘立体逼真相机镜头图标的PS教程

步骤24:

复制【指示框-下】,利用变形工具收缩上边两个角,以外框图层创建剪切蒙版,命名为【指示框-上】

鼠绘立体逼真相机镜头图标的PS教程

步骤25:

为【指示框-上】添加光影效果

鼠绘立体逼真相机镜头图标的PS教程


Copyright © 2016-2023 office学习教程网 office.tqzw.net.cn. All Rights Reserved.