PS 30分钟拟物图标速成记之直刀篇

   先展示一下最终效果图


  绘制背景

  NO.1-1

  首先新建一张纸 宽:1280px 高:800px 分辨率:72像素/英寸

  名称:Knife-test


  NO.1-2 添加画纸背景色

  点击选色工具中的前景色工具,输入色值3d313b


  NO.1-3 绘制背景光

  用椭圆选框工具,在下图位置画出一个色值:fbf2e6的椭圆;图层命名为:“背景光”


  再点击滤镜中的高斯模糊,半径:180px;


  在图层“背景光”上面新建一图层命名为“背景杂色”;色值:9d9d9d;

  再点击滤色-杂色-添加杂色 , 数量:7%;高斯分布;单色;


  设置好上面的数值后,将“背景杂色”的图层样式调成“叠加”,不透明度“30%”图层状态如下:


  NO.1-4 整理图层

  选择背景杂色、背景光、背景三个图层,把他们编辑成一个图层文件夹(快捷键ctrl+g),将文件夹命名:“背景”


  NO.2 绘制整理轮廓

  下图是这一步的完整效果图


  NO.2-1

  首先用钢笔工具,勾勒出刀身的轮廓,色值:f2f2f7;图层命名为:“刀身”;效果图如下:


  现在要切除刀身上多余的部分,选中刀身的路径,然后选择椭圆工具,再点击ps界面上方,选择减去顶层形状选项;再在下图位置绘制几个正圆。


  NO.2-2

  现在要绘制出护手,首先选择圆角矩形工具,宽:32px,高:214px;半径:4px;色值:dbd8e3;图层命名:“护手”


  选中护手的路径,再点击钢笔工具,再点击减去顶层形状选项慢慢的勾勒出下图的图形;

  为了让护手看着造型美观,还要继续调整它的外形,用刚才同样的方法(钢笔+减去顶层形状)来完善如下图,旁边是两个放大图;


  护手的外形勾勒可以有很多方法,我这里用的是路径的布尔方法绘制,也可以用钢笔工具直接绘制;


  NO.2-3

  接着钢笔工具,勾勒出刀柄,色值:a4684c ;图层命名为:刀柄;

  刀柄同护手一样,很多方法可以实现,我psd中用的是钢笔勾勒+路径的布尔方法;


  NO.3 绘制直刀投影

  NO.3-1

  首先将刀柄、护手、刀身 三个图层复制,然后将被复制的三个图层合并图层(ctrl+e);

  新图层命名为:“投影”


  为了更好的展示这把直刀的体感,我做了两层投影。

  给图层“投影”添加图层样式,点击图层界面下方的,选择投影…

  混合模式:正片叠底;色值:321f51;不透明度:95%;角度:90度 ;距离:10px;扩展:8%;大小:18px;


  现在要做第二层投影,将图层“投影”复制,命名为“投影-1”,放在图层“投影”的下面;

  给“投影-1”添加描边样式,大小:1px;位置:外部;混合模式:叠加;不透明度:78%;色值:40333e;


  继续给它添加投影样式,混合模式:正片叠底;色值:302443;不透明度:52%;角度:90度;距离:24px;扩展:26%;大小:43px;


  NO.3-2 整理图层

  选择“投影”、“投影-1”两个图层,把他们编辑成一个图层文件夹(快捷键ctrl+g),将文件夹命名:“投影”


  NO.4 细致刻画刀身

  NO.4-1

  将图层“刀身”复制,命名为“刀身-1”,放在图层“刀身”的上面,然后右键图层,创建剪贴蒙版;

  给“刀身-1”添加渐变图层样式 , 混合模式:正常;不透明度:100%;样式:线性;角度:96度;缩放:100%;


  NO.4-2

  在图层“刀身-1”上面新建一个图层,起名“刀身-1-渐变”,然后右键“刀身-1-渐变”,创建剪贴蒙版;

  ·用钢笔工具在“刀身-1-渐变”上面绘制下图的形状,色值:dbd9e8;


  现在要给“刀身-1-渐变”添加图层样式,点击,选择描边样式;大小:1px;位置:外部;混合模式:正常;不透明度:100%;颜色:ffffff;


  再给它添加渐变样式;混合模式:正常;不透明度:100%;渐变:样式:线性;角度:-180度;缩放:100%;


  NO.4-3

  在图层“刀身-1-渐变”上面新建一个图层,起名“刀身-2”,然后右键“刀身-2”,创建剪贴蒙版;

  用钢笔工具在“刀身-2”上面绘制下图的形状,色值:aeacbc;


  现在要给“刀身-2”添加描边样式,点击,选择描边样式;大小:3px;位置:内部;混合模式:正常;不透明度:78%;填充类型:渐变;样式:线性;角度:-180度;缩放:100%;


  再给“刀身-2”添加渐变叠加样式,混合模式:正常;不透明度:100%;样式:线性;角度:-90度;缩放:100%;


  NO.4-4

  将图层“刀身-2”复制,起名“刀身-2-光影”,然后右键“刀身-2-光影”,创建剪贴蒙版;

  再将“刀身-2-光影”图层的填充调为:0%;


  给图层“刀身-2-光影”添加内阴影样式,混合模式:正片叠底;色值:747089; 不透明度:75%;角度:50度;距离:5px;阻塞:0%;大小:65px;


  再给“刀身-2-内阴影”添加矢量蒙版,再点击渐变工具,渐变工具的属性;然后按住鼠标左键,将鼠标放在A位置,按箭头方向滑动到B位置,然后松开鼠标左键;


  为了更加清晰的表现刀身的质感,我把图层“刀身-2-光影”复制一层,命名为“刀身-2-光影1”


  NO.4-5

  现在继续做刀身的质感

  再将图层“刀身-2”复制,起名“刀身-2-高光”,放在图层“刀身-2-光影1”的上面,然后右键“刀身-2-高光”,创建剪贴蒙版;

  再将“刀身-2-高光”图层的填充调为:0%;


  给图层“刀身-2-高光”添加描边样式,大小:2px;位置:居中;混合模式:正常;不透明度:100%;填充类型:渐变;样式:线性;角度:-180度;缩放:100%;


  NO.4-6 给刀身增加材质

  大家可以去图片网站下载一张光亮的铁皮材质,然后把材质图片放在图层“刀身-2-高光”的上面,命名“刀身-2-材质”,右键“刀身-2-材质”图层,选择创建剪贴蒙版;


  将图层“刀身-2-材质”的样式改成:叠加;不透明度改成:35%;


  NO.4-7 整理图层

  选择下图选中的图层,把他们编辑成一个图层文件夹(快捷键ctrl+g),将文件夹命名:刀身


  NO.5 细致刻画护手

  NO.5-1

  将图层“护手”复制,命名为“护手-渐变”,放在图层“护手”的上面,然后右键图层,创建剪贴蒙版;

  给“护手-渐变”添加渐变图层样式 , 混合模式:正常;不透明度:100%;样式:线性;角度:90度;缩放:100%;


  NO.5-2

  将刚才下载的铁皮材质再次拖入ps,放在图层“护手-渐变”的上面,命名为“护手-材质”然后右键图层,创建剪贴蒙版;


  将图层“刀身-材质”的图层样式调节为“叠加”,不透明度:35%;


  NO.5-3

  给图层“护手”添加描边样式,大小:2px;位置:外部;混合模式:正常;不透明度:100%;填充类型:渐变;样式:线性;角度:90度;缩放:100%;


  NO.5-4

  新建一个图层,命名为“护手-结构”然后右键图层,选择创建剪贴蒙版;然后选择钢笔工具,勾勒出下图的形状,色值:8e8e91;


  给图层“护手-结构”添加描边样式,大小:2px;位置:外部;混合模式:正片叠底;不透明度:55%;样式:线性;角度:0度;缩放:100%;


  再给图层“护手-结构”添加外发光样式,结构【混合模式:正常;不透明度:93%;杂色:0%;】图素【方法:精确;扩展:0%;大小:3px】品质【范围:50%;抖动:0%】


  再将图层“护手-结构”的填充改成:94%;


  NO.5-5

  新建一个图层,命名为“护手-高光”然后右键图层,选择创建剪贴蒙版;然后选择矩形工具,宽:2px;高:216px;色值:ffffff;


  将图层“护手-高光”的样式改为:柔光;


  NO.5-6 整理图层

  选择下图选中的图层,把他们编辑成一个图层文件夹(快捷键ctrl+g),将文件夹命名:护手


  NO.6 细致刻画刀柄

  NO.6-1

  首先将图层“刀柄”移动到文件夹“刀身”的下面

 


 

分类:

  • PS入门教程
  • ps图标制作教程
时间: 2024-10-02 21:50:55

PS 30分钟拟物图标速成记之直刀篇的相关文章

PS 30分钟拟物图标速成记之USB篇

  最终效果图: 绘制Usb数据线中部 NO.1-1 首先新建一张纸 宽:800px 高:600px 分辨率:72像素/英寸 名称:USB-test NO.1-2 点击选色工具中的前景色工具,输入色值 282828 NO.1-3 绘制出Usb数据线的中部,这是这一步的最终效果图- 先点击前景色,色值:d3d3d3 然后点击圆角矩形形状工具, ps界面上方属性栏显示如下,半径:16px;宽:138px;高:154px; 在屏幕中心创建圆角矩形形状,图层命名为"usb-中部",右边为图层状

PS 30分钟拟物图标速成记之网球篇

  先展示一下整体效果图和两个细节图: 绘制网球基本雏形 首先新建一张纸. 宽:1600px 高:1200px 分辨率:72像素/英寸 名称:网球-test 添加画纸背景色. 点击选色工具中得前景色工具,输入色值 e6efd4 绘制出网球基本圆 先点击前景色 ,色值:90bf00 然后点击圆形形状工具 , ps界面上方属性栏显示如下,宽:800px;长:800px; 在屏幕中心创建圆形形状,图层命名为绿毛毛层,右下角为图层状态. 为绿毛毛层添加图层样式,使用颜色渐变,绘制出网球大概的体感,光感.

PS 30小时拟物图标速成记之写实手表篇

  30小时图标速成终于等来第六期咯,今天@张小碗儿grace (漫画作者)手把手教同学们绘制一个刻画精细的写实手表.想尽快掌握UI软件技能的同学,强烈建议将作者的教程都临摹一遍,先来收这篇. 分类: PS入门教程 ps图标制作教程

绘制设计美工刀拟物图标UI教程

  绘制设计美工刀拟物图标UI教程,绘制精美实物美工刀,UI来于生活,绘制于生活,绘绘绘,画画画,练练练 分类: PS入门教程 ps图标制作教程

PS教你临摹一枚经典的SIRI拟物图标

  今天临摹的是一个SIRI图标,iOS里标志性的icon,非常漂亮.看了原图后我认为临摹过程中最麻烦的地方就是麦克风中的一组镂空和它的发光效果,在胶囊型的麦克风里怎么能整齐科学排列它们的确有点难,如果你不会,那来看高手的做法! 这是我们的最终效果: 这个是原图: 下面开始我的制作过程.为了后面的工作更加轻松便捷,所以我把新建的画布尺寸设成一个比较好计算的整数~ 原图的背景过于简单,我画蛇添足,制作一个iOS风格的背景.新建一层纯黑色填充层. 新建一层,填充白色.执行"滤镜-杂色-添加杂色&qu

PS 30分钟教你快速打造纸边撕裂的网格本字效

  效果图: 步骤1 我们要新建600*400的图层,具体设置如图所示哦~ 步骤2 然后打上"Wirte",设置文字的颜色为#FFE5CD,大小为140px~ 步骤3 现在我们打开图层样式,参数设置如下图所示: 投影,正常,透明度20%,角度90°,距离2px,大小1px 内发光,正常,透明度7%,颜色#000000,柔软,边缘,大小:15px 步骤4 然后捏,我们用"Ctrl+J"来复制一层文本,并把填充改变成0%~再打开图层样式设置参数~=W= 投影,正常,透明

Photoshop制作精美的抹茶拟物图标

总结过去的学习经验,建议大家边观察边思考,观察整体与细节的处理,思考为什么这样做,如找到更好适合自己的实现方法,不妨去尝试做出来,这样才能更有效助你提高. 最终效果 1.构图造型: 先用钢笔工具,画出一个杯子的大概外轮廓,调好各部位的固有色. 2.明暗关系: 重点处理杯子的明暗关系及抹茶与气泡的刻画,目的让物体立体起来,同时表现出抹茶与气泡的材质,让自己找到感觉,这点很重要. 技巧提示:教程里大部分使用了蒙版+画笔(硬度为0)去刻画物体明暗及细节过渡. 3.细节深入: 整体细致刻画,深入纹理.波

拟物VS扁平?请别终结这个话题!

  扁平与拟物两派之争,从来都是话题之王,今年扁平化势力越来越强盛,于是有设计师喊出这个话题该终结了.现在拟物是华山剑宗一脉,虽然气象衰微,仍有老罗这个风清扬在坚持,今天令狐冲@牛MO王涵 小哥为其正名,孰对孰错不要紧,争出个美好就行. 差异化 关于历史和演变问题,我不能给予定论,也无法揣测古人们的思想.就像三国演义里描述的刘备大善,张飞莽夫,然而,如果事实上真有这样的人物,他们真的是这种性格吗?这不是故事的描述吗?也有野史说张飞书画文笔非常了得,因为故事需要才设定这样的形象而且愈演愈烈.在我眼

photoshop设计拟物风格的iTunes图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计拟物风格的iTunes图标的制作教程. 教程分享: 今天的iTunes图标是一个非常经典的icon,不过现在你们看不到了.现在的版本只能说是走火入魔,推崇扁平化,说它漂亮也谈不上,说难看也不至于~ 下面是我完成的效果图,不过我对它的外轮廓作了一些恶搞性质的变化.这个外形介于正方形和圆形之间,它跟圆角矩形不是一个概念,迎合了现在的"审美观":   下面开始制作过程,首先我百度了一张原图作为参考-   新建一个1000*1000