软件下载吧文章资讯

分类分类

photoshop设计精美的系统标志教程

2024-02-04 21:45作者:下载吧

本例教程主要为大家介绍使用photoshop绘画一个Vista 标志的方法,制作过制作我们将会使用到“钢笔工具”、“图层样式”、“渐变工具”、“图层混合模式”等,有助于photoshop初学者掌握常用工具的使用方法。效果图:

photoshop设计精美的系统标志教程
1、首先创建一个新文档,选择“椭圆选框工具”在文档中拖动并按下Shift键,创建一个正圆形的选区,如图所示。

photoshop设计精美的系统标志教程
图1
2、选择“渐变工具”,在属性栏中打开“渐变编辑器”窗口,然后设置渐变颜色,如图所示。

photoshop设计精美的系统标志教程
图2
3、在图层面板下创建一个新图层,然后使用“渐变工具”在圆形选区内,从上到下拖动,添加渐变效果,如图所示。

photoshop设计精美的系统标志教程
图3
4、在菜单栏中选择“选择—修改—收缩”命令,设置收缩量为“6像素”,如图所示。

photoshop设计精美的系统标志教程
图4
5、再次打开“渐变编辑器”,按下图所示设置渐变颜色。

photoshop设计精美的系统标志教程
图5
6、在图层面板中创建一个新图层,使用“渐变工具”从上到下拖动,添加渐变效果,如图所示。

photoshop设计精美的系统标志教程
图6

photoshop设计精美的系统标志教程
图7


,7、选择矩形工具在属性栏中单击路径按钮,然后在图中手动并按下Shift键,创建一个正方形的路径,如图所示。 图8 8、在菜单栏中选择视图显示网格命令,然后使用钢笔工具按着Ctrl键拖动,选择正方形路径,然后按着Alt
7、选择“矩形工具”在属性栏中单击“路径”按钮,然后在图中手动并按下Shift键,创建一个正方形的路径,如图所示。

photoshop设计精美的系统标志教程
图8
8、在菜单栏中选择“视图—显示—网格”命令,然后使用“钢笔工具”按着Ctrl键拖动,选择正方形路径,然后按着Alt键在正方形路径右上方的顶点上点击并拖动出调整线,如图所示。

photoshop设计精美的系统标志教程
图9
9、参照下图所示,按着Alt键拖动调整线。

photoshop设计精美的系统标志教程
图10

photoshop设计精美的系统标志教程
图11
10、设置前景色和背景色,如图所示。

photoshop设计精美的系统标志教程
图12
11、按下Ctrl+Enter键把路径变为选区,然后在图层面板中创建一个新图层,选择“渐变工具”在属性栏中设置“从前景色到背景色”的渐变效果,接着在选区中从左下到右下手动,创建渐变效果,如图所示。

photoshop设计精美的系统标志教程
图13

photoshop设计精美的系统标志教程
图14
12、在菜单栏中选择“选择—修改—收缩”命令,设置收缩量为“2像素”,如图所示。

photoshop设计精美的系统标志教程
图15
13、设置前景色为“#bc3a07”,背景色为“#ffec1b”,然后使用“渐变工具”在选区中添加渐变效果,如图所示。

photoshop设计精美的系统标志教程
图16

photoshop设计精美的系统标志教程
图17


,14、选择编辑变换斜切,然后在下方中间的调整点下手动,调整图形的倾斜度,如图所示。 图18 15、按下Ctrl+J快捷进行复制出图层副本,如图所示。 图19 16、分别选择编辑变换水平翻转/垂直翻转,然后使用移工具设置副
14、选择“编辑—变换—斜切”,然后在下方中间的调整点下手动,调整图形的倾斜度,如图所示。

photoshop设计精美的系统标志教程
图18
15、按下Ctrl+J快捷进行复制出图层副本,如图所示。

photoshop设计精美的系统标志教程
图19
16、分别选择“编辑—变换—水平翻转/垂直翻转”,然后使用移工具设置副本图层的位置,如图所示。

photoshop设计精美的系统标志教程
图20
17、按着Ctrl键,单击副本图层的缩略图,载入其选区,如图所示。

photoshop设计精美的系统标志教程
图21
18、设置前景色和背景色,如图所示。

photoshop设计精美的系统标志教程
图22
19、使用“渐变工具”创建一个新的渐变效果,如图所示。

photoshop设计精美的系统标志教程
图23

photoshop设计精美的系统标志教程
图24
20、选择“选择—修改—收缩”命令,设置收缩量为“2像素”,如图所示。

photoshop设计精美的系统标志教程
图25
21、设置前景色为“#14440c”、背景色为“#e5ff98”,然后在选区中创建一个从前景色到背景色的渐变效果,如图所示。

photoshop设计精美的系统标志教程
图26

photoshop设计精美的系统标志教程
图27


,22、参考前面的步骤,继续制作两个图形,组成一个Windows的窗口旗帜,如图所示。 图28 23、按着Shift选择四个窗口图形,然后按下Ctrl+T快捷键,调整它们的大小和位置,如图所示。 图29 24、按下Ctrl+E快捷键,合并
22、参考前面的步骤,继续制作两个图形,组成一个Windows的窗口旗帜,如图所示。

photoshop设计精美的系统标志教程
图28
23、按着Shift选择四个窗口图形,然后按下Ctrl+T快捷键,调整它们的大小和位置,如图所示。

photoshop设计精美的系统标志教程
图29
24、按下Ctrl+E快捷键,合并四个窗口图形,然后按着Ctrl键载入其选区,接着选择“椭圆选框工具”,在属性栏中单击“从选区减去”按钮,然后修改选区,如图所示。

photoshop设计精美的系统标志教程
图30
25、在图层面板中创建一个新图层,然后在选区中自上而下添加一个白色到透明的渐变效果,并设置图层的不透明度为“60%”如图所示。

photoshop设计精美的系统标志教程
图31

photoshop设计精美的系统标志教程
图32
26、选择Windows窗口旗帜的图层,然后在菜单栏中选择“滤镜—渲染—光照效果”命令,设置光照类型为“全光源”,强度为“21”,并在左边调整光照大小和角度,如图所示。

photoshop设计精美的系统标志教程
图33

photoshop设计精美的系统标志教程
图34
27、选择“图层—图层样式—渐变叠加”打开图层样式对话框,单击“渐变”打开渐变编辑器,按下图所示设置渐变颜色,如图所示。

photoshop设计精美的系统标志教程
图35
28、设置角度为“-9”,混合模式为“柔光”,如图所示。

photoshop设计精美的系统标志教程
图36

photoshop设计精美的系统标志教程
图37


,29、在图层2的上方创建一个新的图层,然后设置其混合模式为叠加,如图所示。 图38 30、设置前景色为#,然后载入图层2选区,选择画笔工具,在选区的下方进行涂抹,如图所示。 图39 31、在图层6的上方创建一个新图层
29、在图层2的上方创建一个新的图层,然后设置其混合模式为“叠加”,如图所示。

photoshop设计精美的系统标志教程
图38
30、设置前景色为“#”,然后载入图层2选区,选择画笔工具,在选区的下方进行涂抹,如图所示。

photoshop设计精美的系统标志教程
图39
31、在图层6的上方创建一个新图层前设置其不透明度为“60%”,如图所示。

photoshop设计精美的系统标志教程
图40
32、设置前景色为白色,接着选择“渐变工具”在属性栏中设置“从前景色到透明”的渐变方式,然后按照下图所示拖动,创建渐变效果,如图所示。

photoshop设计精美的系统标志教程
图41
最终效果如图所示。

photoshop设计精美的系统标志教程
图42


作者:河马 出处:IT世界
展开全部

相关文章

说两句网友评论
    我要跟贴
    取消