欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Photoshop绘制一个精美打开的复古风格书本图标

程序员文章站 2023-09-09 23:21:11
这篇教程是向萬仟网的朋友介绍利用photoshop绘制一个精美打开的复古风格书本图标,教程绘制出来的效果非常精美逼真。大多数人都没有意识到绘制一个图标需要多少时间和精力。图标需要数个小时才能完成,...

这篇教程是向的朋友介绍利用photoshop绘制一个精美打开的复古风格书本图标,教程绘制出来的效果非常精美逼真。大多数人都没有意识到绘制一个图标需要多少时间和精力。图标需要数个小时才能完成,当然技术也在不断练习中日臻完善。教程介绍的很详细,希望大家通过本篇教程,能学到更多的知识。

先看看效果图

Photoshop绘制一个精美打开的复古风格书本图标

第1步

打开photoshop并新建一个文档。画布设为400px宽,350px高。

Photoshop绘制一个精美打开的复古风格书本图标

第2步

使用油漆桶工具(g)并将前景色设为中灰#7a7a7a。然后使用油漆桶工具 (g)填充画布。然后将这个灰色图层命名为”background”。新建一个图层,选中矩形工具 (u), 并将其设为形状图层。

Photoshop绘制一个精美打开的复古风格书本图标

保持矩形工具的选中状态,将前景色设为 #e7c681,在你新建的图层上画一个矩形。

Photoshop绘制一个精美打开的复古风格书本图标

第3步

因为你使用了形状图层设置,你会发现,在你的图层面板里,那个普通图层已经变成了一个形状图层,也就是photoshop的矢量图!你还会注意到你矩形周围的灰色边框。这样一来就绝妙无比了,知道为什么吗?因为你可以无损改变这个形状了!所以来吧。按下command/ctrl + t打开变形,按住command/ctrl键并拖拽四个角,让它变得和下图相近。

Photoshop绘制一个精美打开的复古风格书本图标

太棒了!现在建立一个新图层,然后像刚才那样使用矩形工具 (u),画一个新的矩形,然后把它变成右边那样。

Photoshop绘制一个精美打开的复古风格书本图标

第4步

现在是给我们的形状图层命名的时候了,我们并不想让它们遭遇身份危机吧?所以,在你的图层面板中将第一个矩形重命名为 “cover 1′ (左边那个)。然后把另外一个命名为”cover 2′ (右边那个)。赞!我们给他们命名之后,来再为他们添加一些图层样式!双击某个cover图层(当然是在你的图层面板里)或者在图层 > 图层样式 > 混合选项中给他们赋予这些样式。

Photoshop绘制一个精美打开的复古风格书本图标

Photoshop绘制一个精美打开的复古风格书本图标

Photoshop绘制一个精美打开的复古风格书本图标

现在点击确定。然后右键单击cover 1图层(就是我们刚刚添加过样式的那个),然后选择”复制图层样式”。然后在图层面板中右键单击cover 2图层, 然后选择”粘贴图层样式”!现在我们有一副金色书封了。

Photoshop绘制一个精美打开的复古风格书本图标

第5步

现在只有一个小问题,我们想要它绿一点,而不是那么金。当然我们可以简单修复这个问题:前往图层面板,你会发现每个图层都有一个小略缩图对吧?是的!现在按住command/ctrl键然后单击某个略缩图,下面是见证奇迹的时刻!你获得了一个图层的选区!好了,从现在开始我们将称这种操作为”获得图层x/y/z的选区,”。为了获得更多奇迹,你可以按住command/ctrl + shift并单击图层略缩图,来获得多个图层的复合选区。试试看吧!按住command/ctrl + shift键并分别单击”cover 1′和”cover 2′的图层略缩图 ,你会发现你获得了一个这样的选区。

这个技巧赞吧?想学习更多高阶技巧,右戳:《设计师应该知道的17个ps技巧》

Photoshop绘制一个精美打开的复古风格书本图标

好了,现在你应该知道我们确实需要这个选区。在图层面板中,看它的底部找到一个看起来有点像太极阴阳的图标,就是一个圈一半黑一半白的对吧?这就是”新建调整图层”按钮!好了,确认你还保留着我们之间做的选区。选择 “色相/饱和度”。然后按下图设置。

Photoshop绘制一个精美打开的复古风格书本图标

好了,我们现在又需要这个选区了你知道吗?在色相/饱和度图层的略缩图上按command/ctrl,现在我们还要去”创建新的填充或调整图层”按钮。这次选择”色彩平衡”。按下图设置:保持亮度:选中!中间调:+21/0/-12。高光:+3/0/0。阴影: +11/-10/-18 确保你的色彩平衡图层在色相/饱和度图层上面好吗?否则你会得到一个带有恶趣味颜色的形状。再次获得封皮的选区,在色相/饱和度中按下图选择。

Photoshop绘制一个精美打开的复古风格书本图标

好了,你现在应该得到一个类似这样的东西。

Photoshop绘制一个精美打开的复古风格书本图标