Home > Web Front-end > PS Tutorial > body text

Photoshop 制作质感金属齿轮

PHP中文网
Release: 2016-06-01 14:37:03
Original
2067 people have browsed it

本教程介绍金属齿轮的制作方法。制作难点在齿轮形状及质感制作。作者制作的时候利用矩形复制及变换角度制作出边角为方形的齿轮,然后模糊再调整色阶即可得到圆角矩形,制作方法非常专业省去了手工抠出的时间。质感部分基本上是用图层样式来完成。     最终效果   1 本教程介绍金属齿轮的制作方法。制作难点在齿轮形状及质感制作。作者制作的时候利用矩形复制及变换角度制作出边角为方形的齿轮,然后模糊再调整色阶即可得到圆角矩形,制作方法非常专业省去了手工抠出的时间。质感部分基本上是用图层样式来完成。  
  最终效果

Photoshop 制作质感金属齿轮



  1、创建150*150的画布,并用白色填充。将画布模式改为“灰度”(图像 > 模式 > 灰度)。
  2、创建新的图层。选择矩形选取工具并选择固定大小,设置矩形宽35像素,高145像素。使用油漆桶工具给矩形填充浅灰色(#918E8E),取消选择(Ctrl+D)。

Photoshop 制作质感金属齿轮



  3、复制矩形(Ctrl+J)并旋转90度(编辑 >> 变换 >> 顺时针90°)。
  4、复制矩形(Ctrl+J)并旋转45度(编辑 >> 变换 >> 旋转)。

Photoshop 制作质感金属齿轮


  5、复制矩形(Ctrl+J)水平翻转(编辑 >> 变换 >> 水平翻转)。
  6、合并所有矩形层(Ctrl+E)。

Photoshop 制作质感金属齿轮



  7、创建新的图层,使用圆形选框工具在该图层选择直径120的圆形选区。

Photoshop 制作质感金属齿轮





 使用相同的颜色填充(918E8E),取消选择(Ctrl+D),与矩形层合并,简单的齿轮就完成了。

Photoshop 制作质感金属齿轮



  8、按下CTRL并点击齿轮所在层获得选区,打开通道面板,创建新的通道并命名为“alpha”,使用油漆桶工具填充白色,取消选(Ctrl+D)。

Photoshop 制作质感金属齿轮



  滤镜 >> 模糊 >> 高斯模糊 半径4像素。

Photoshop 制作质感金属齿轮



  9、图像 >> 调整 >> 色阶 输入如下数值。
  10、在通道面板中左键点击Alpha层,按下Ctrl并点击该层获得选区。返回图层面板并创建新的图层,编辑> 填充,选用黑色填充选区。

Photoshop 制作质感金属齿轮



  删除原灰色图层。

Photoshop 制作质感金属齿轮



 11、图层 >> 图层样式 >> 投影,混合模式“正片叠底”。

Photoshop 制作质感金属齿轮



  斜面和浮雕,样式 >> 内斜面

Photoshop 制作质感金属齿轮



  渐变叠加,按下图设置渐变效果。

Photoshop 制作质感金属齿轮



  得到如下效果。

Photoshop 制作质感金属齿轮



  12、为齿轮添加细节,使用椭圆选取工具在齿轮正中创建圆形选区。

Photoshop 制作质感金属齿轮



  复制选区到新图层(Ctrl+J ),将新图层命名为“圆1”。

Photoshop 制作质感金属齿轮



  13、使用椭圆选取工具在“圆1”层创建圆形选区,复制选区到新图层(Ctrl+J),将新图层命名为“圆2”。

Photoshop 制作质感金属齿轮



  14、返回“圆1”层,如下图所示使用椭圆选取工具创建选区。删除,取消选区(Ctrl+D)。

Photoshop 制作质感金属齿轮



  15、按下图所示在“圆2”层创建圆形选区,删除。

Photoshop 制作质感金属齿轮



  选择齿轮层,删除,这时再取消选区(Ctrl+D)。

Photoshop 制作质感金属齿轮



  16、在“圆1”层的圆环上创建圆形选区,并删除。

Photoshop 制作质感金属齿轮



  17、删除白色背景层。

Photoshop 制作质感金属齿轮



  通过练习,可以尝试为齿轮添加更多的细节,变换齿轮的颜色等。

Photoshop 制作质感金属齿轮
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template