新万博万博_万博出事了

当前位置: 万博 > 新万博教程 > 图标新万博教程 > Photoshop绘制精美的复古风格书本图标

本教程主要使用Photoshop绘制精美的复古风格书本图标来痞,大多数人都没有意识到绘制一个图标需要多少时间和精力力蓄赏。图标需要数个小时才能完成贾,当然技术也在不断练习中日臻耍的是JAY的双截棍“是的,是同学。”完善佰慷可。在本次教程中祁散氯,我们将演示如何在Photoshop中绘制一个打开的书本的图标窟。

教程素材汞姜:填充图案.rar

先看看效果图

Photoshop绘制精美的复古风格书本图标

第1步

打开Photoshop并新建一个文档肪市椿。画布设为400px宽贰,350px高水。

Photoshop绘制精美的复古风格书本图标

第2步

使用油漆桶工具(G)并将前景色设为中灰#7a7a7a传。然后使用油漆桶工具 (G)填充画布泛。然后将这个灰色图层命名为”Background”劲。新建一个图层扮钎脱,选中矩形工具 (U), 并将其设为形状图层桐。

Photoshop绘制精美的复古风格书本图标

保持矩形工具的选中状态锈绍渐,将前景色设为 #e7c681伟鲁焚,在你新建的图层上画一个矩形杯体苯。

Photoshop绘制精美的复古风格书本图标

第3步

因为你使用了形状图层设置乳舰吉,你会发现虎踢陪,在你的图层面板里稗卫嫁,那个普通图层已经变成了一个形状图层讨,也就是Photoshop的矢量图!你还会注意到你矩形周围的灰色边框炮。这样一来就绝妙无比了佳,知道为什么吗?因为你可以无损改变这个形状了!所以来吧钨钢唯。按下Command/Ctrl + T打开变形倒,按住Command/C职 业:大学讲师( )trl键并拖拽四个角椽,让它变得和下图相近吝躲渭。

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绘制精美的复古风格书本图标

第6步

干得好!现在磋,如果你愿意的话悼堆,可以用Photoshop超赞的的群组功能来稍微整理一下你的图层蒙,在图层面板的底部紧挨着阴阳圆圈的右边平脊,你会看到一个文件夹似的图标对吧?点一下它妒寿施,你就创建了一个新的群组啦!把你迄今为止建立的所有的图层(background那个除外)丢进去骨痹,并将其重命名为”Covers”瑞。好了每挂膳,下一部分解释起来会有点困难邪,所以让我们放慢脚步吧垮。在Covers群组上方新建一个图层第五部分彩色女孩(5)打开吧。”耍是钢,命名为 “Corner 1″汹叭煎。现在使用多边形套索工具 (L)在Cover1的左下角画一个三角形选区寞棚舅。

Photoshop绘制精美的复古风格书本图标

把你的前景色设为#e7c681然后使用油漆桶工具(G)唤,在你的”Corner 1″ 图层上填充它腑猎雀。然后按下Command/Ctrl + D 取消选择火。宝贝儿把斤本,还记得我们之前从”Cover 1″图层复制图层样式到”Cover 2″图层的方法吗?把相同的图层样式粘贴到”Corner 1″ 图层上袒狸。你应该得到类似下面的东西蹈琶使。

Photoshop绘制精美的复古风格书本图标

好了笔龋,现在我们要做剩下的3个角稿。新建一个图层鲜,将其命名为”Corner 2″蜡,画一个三角形选区馈贸芭,然后填色酒琅,取消选择摔,粘贴图层样式祟,好了赶赖,换个角再来一次韩。然后你就有了涂:4个图层没士,分别叫”Corner1″, “Corner2″, “Corner 3″和”Corner 4″奸畦,每个图层都有一个图层样式“哦,汤姆1杜晚晴摆一摆手,说:顺,然后看起来就像下面这样郸辉。

Photoshop绘制精美的复古风格书本图标

分享到: 
Photoshop新万博复古风格的牛皮质感图标
Photoshop绘制蓝色质感的软件图标教程

热门推荐