当前位置:首页 > PS教程 > 网页设计

ps缝线风格图标

  • 2022-12-24 23:42:39
  • 来源/作者:互联网/佚名
  • 己被围观

本教程旨在教会大家如何利用Photoshop创建一系列高雅的社交图标。另外,PS CS6中的形状工具新增了选项面板,可以使用新的描边样式。这对我们接下来制作的一些效果非常有帮助。

步骤3:添加图案

新建一个5像素 x 5像素的文档,背景一定要设成透明。

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

使用缩放工具(Zoom Tool)放大整个画布,或使用快捷键,按住Ctrl++亦可。放大之后,使用铅笔工具(Pencil Tool)勾勒出下图所示的图案。

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

将本文档保存成图案:编辑(Edit)-定义样式(Define Pattern),并为其命名。然后将该图案应用到基本形状上去。

图案叠加(参数见下图)

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

步骤4:添加高光

为基本形状添加一些高光看起来更有质感。首先,在形状图层上新建一个高光图层,并按照下图的指示将其与基本形状图层链接。

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

使用减淡工具(Soft Brush Tool)在形状的底部进行涂抹,之后将图层模式设为柔光,不透明度调至80%。

新建另一图层,使用渐变工具(Gradient Tool)-对称渐变(Reflected Gradient),颜色为 #fff ,将其应用在靠近基本形状的顶部的位置。然后将图层模式设为:柔光(Soft pght),不透明度修改为50%。

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

 

再新建一个图层,制作阴影效果。对该图层运用对称渐变( Reflected Gradient),颜色为#000,将其运用到基本形状的顶部位置。将该图层模式修改为正片叠底(Multiply),不透明度设为50%。

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

步骤5:添加缝线效果

缝线效果在PS CS6中很容易实现(直接应用Dash Stroke)。PS CS6对图形工具进行了升级,额外增加了描边和形状的选择项。如果你尚未使用PS CS6,不用着急,你依然能够跟上我们。不过,用PS CS6处理起来更方便。下面是新版的形状工具新增的选择面板。

填充选项面板

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

描边选项面板

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

为了制作出缝线效果,首先创建一个形状,做法跟前面的基本形状一样,只不过将宽度调整为70像素。

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

点击更多选项(More Options)调整描边,将Dash值设为5,Gap值设为6。.接着将描边的颜色改为#a4b1cf。完毕之后,去掉填充的颜色,这样我们的缝线效果就诞生了。

在CS5以下的版本,你可以手动用直线工具(pne Tool)搞定,每行5像素,间隔6像素。

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

接下来,我们要删除顶部多余的缝线,栅格化(Rasterize)图层,最后擦去顶部的缝线即可。

投影效果(参数见下图)

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

Photoshop绘制缝线效果的社交图标教程,PS教程,16xx8.com教程网

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条