您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps入门教程 >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

   最终效果图:

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

  绘制Usb数据线中部

  NO.1-1

  首先新建一张纸

  宽:800px 高:600px 分辨率:72像素/英寸 名称:USB-test

USB201501063

  NO.1-2

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

USB201501064

  NO.1-3

  绘制出Usb数据线的中部,这是这一步的最终效果图…

USB201501065

  先点击前景色,色值:d3d3d3

  然后点击圆角矩形形状工具, ps界面上方属性栏显示如下,半径:16px;宽:138px;高:154px;

USB201501066

  在屏幕中心创建圆角矩形形状,图层命名为“usb-中部”,右边为图层状态。

USB201501067

  下面要利用路径相减功能,去掉刚才图形上半部分的圆角。

  在该圆角矩形形状的路径被选中的状态下,再点击直角矩形工具,在ps上方属性栏上点击红色框内的路径选择工具,选择下拉菜单中的减去顶层形状。

USB201501068

  建立一个高:16px,宽138px的矩形,目的是减掉圆角矩形上半部分的圆角,下图为放大效果:

USB201501069

  单击图层 usb-中部,再点击图层界面下方的fx,选择渐变叠加…

USB2015010610

  点击前景色工具, 选择色值:ffffff;

USB2015010611

  然后点击圆形形状工具, ps界面上方属性栏显示如下,半径:6px;宽:138px;高:16 px;

USB2015010612

  数值选择好后,将此圆角矩形形状绘制在刚才usb-中部的上方位置,图层命名为:“usb-中部-1”;具体看下图:

USB2015010613

  单击图层 “usb-中部-1”,同上步骤,给usb-中部-1添加“渐变叠加”样式。

  混合模式:正常;不透明度64%;样式:线性;角度:-90度;缩放:86%;

USB2015010614

  再单击图层 “usb-中部-1”,给usb-中部-1添加“描边”样式。

  大小:正常;位置:内部;混合样式:正常;不透明度:100%;

  填充类型:渐变;样式:线性;角度:-90度;缩放:100%;

USB2015010615

  下面要给usb中部加一些高光,用来点睛

  选择矩形工具,宽:3px;高:124px;色值:ffffff;

  将矩形绘制在下左方例图红框内,图层命名为:“usb-中部-高光1 ”;

USB2015010616

  单击图层 “usb-中部-高光1”,给该图层加入“渐变叠加”样式;

  混合模式:正常;不透明度:100%;样式:线性;角度:-90度;缩放:100%

  在渐变这里注意一下,把右边的透明度调成0%

USB2015010617

  点击图层“usb-中部-高光1”,将该图层的填充调整为0%

USB2015010618

  将图层 “usb-中部-高光1”复制,起名“usb-中部-高光-2”,并将“usb-中部-高光2”移动到右侧,如下图显示:

USB2015010619

  绘制Usb数据线下部

  这是这一步的最终效果图:

USB2015010620

  选择圆角矩形工具,宽:48px 高:70px ;圆角半径:16px;色值:c2c2c2;

  数值设置好后,将该圆角矩形绘制在下图位置,图层命名为 “usb-下部” , 把图层“usb-下部”放在“usb-中部”的下面:

USB2015010621

  下部的结构和中部一样,需要左右渐变样式来完成,但是由于整体光从上面打下来,中部会给下部一个阴影,所以需要下部需要一个左右渐变和一个上下渐变来完成。

  首先复制“usb-下部”图层,改名为“usb-下部-左右渐变”;再右键“usb-下部-左右渐变”图层,点击创建剪切蒙版;

USB2015010622

  现在开始给“usb-下部-左右渐变”添加渐变样式。

  点击“usb-下部-左右渐变”,在点击fx,选择其中的“渐变叠加”;

  混合模式:正常;不透明度:100%;样式:线性;角度:0度;缩放:100%;

USB2015010623

  复制“usb-下部”图层,起名为“usb-下部-上下渐变”,放在“usb-下部-左右渐变”的上面;

  再右键“usb-下部-左右渐变”图层,点击创建剪切蒙版:

USB2015010624

  现在开始给“usb-下部-上下渐变”添加渐变样式。

  点击“usb-下部-上下渐变”,在点击,选择其中的“渐变叠加”

  混合模式:正常;不透明度:29%;样式:线性;角度:-90度;缩放:100%;

USB2015010625

  点击“usb-下部-上下渐变”将它的填充改为:0%

USB2015010626

  绘制Usb数据线尾部

  这是这一步的最终效果图:

USB2015010627

  选择圆角矩形工具,宽:20px 高:190px ;色值:c2c2c2;

  数值设置好后,将该圆角矩形绘制在 下图位置,图层命名为 “usb-尾部” , 把图层“usb-尾部”放在“usb-下部”的下面;

USB2015010628