0 Comments

PS中级教程!教你利用PS绘制精美的复古书本图标

发布于:2014-10-22  |   作者:广州网站建设  |   已聚集:人围观

第18步

现在我们要来画书页了。使用钢笔工具(P),设为形状图层,前景色为#efd5a9。在一个新图层上画你的书页的形状。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

将这个图层命名为”Base Pages”然后给它赋予这些样式。

PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标

接下来,把前景色设为#b48455,背景色设为#efd5a9,在”Base Pages”上创建一个新图层,单击右键创建剪贴蒙版,然后使用渐变工具(G)并将其设为前景色到背景色的对称渐变,从中间拉出渐变。

PS中级教程!教你利用PS绘制精美的复古书本图标

第19步

现在我们要来画翻起的书页。新建一个图层,前景色设为#cc9c6a,使用钢笔工具(P)画一个翻起来的书页。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

将这个图层重命名为”Flip Page Left” ,右键单击 “Base Pages” 图层,选择复制图层样式,然后回到”Flip Page Left”上,右键单击并选择 > 粘贴图层样式。然后在上面创建一个新图层并将其转换为 “Flip Page Left”的剪贴蒙版,把前景色设为#f5e0b2,背景色设为#cea06e,渐变图层(G)设为线性渐变,前景色到背景色,这么拖。

PS中级教程!教你利用PS绘制精美的复古书本图标

迄今为止还不错,接下来把前景色设为#fef9ed,继续使用渐变工具,不过这次是设为前景色到透明,对称渐变,就这么拖,给页面一个高光。

PS中级教程!教你利用PS绘制精美的复古书本图标

很好,你的图像看起来应该是这样的了。

PS中级教程!教你利用PS绘制精美的复古书本图标

第20步

现在我们使用相同的方法来做右边的书页,因为它是一个重复的过程,所以我只用图像展示出这一系列操作。只是有一点要注意,我们要让”Flip Page Right” 图层放在 “Flip Page Left” 下面。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标

第21步

好了,我们来看看现在我们都有啥了。我们好像有点不对劲的,书页没有任何阴影对吧?这很容易修复。跟着做,在图层面板中找到”Pages Base” 图层,找到它没?

PS中级教程!教你利用PS绘制精美的复古书本图标

现在它上面有一个渐变的剪贴蒙版图层,我们要再画一个新图层,让它成为 “Pages Base”形状图层的第二个剪贴蒙版,要注意把它放在渐变图层之上,像这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

把这个图层设为正片叠底,然后把前景色设为#815130,获取两个翻页的选区,在新建的图层上使用前景色填充选区。接下来,将其变形弄成这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

现在把图层的填充降低到80%或者更低,你觉得好看就行了。我们一直没有做完的原因是,我们需要一点模糊但是!不要用模糊滤镜,它看起来会很奇怪的,因为距离表面近的物体的影子会更锐利一些。而距离远的物体的影子就更模糊!所以我们要使用模糊工具(R),把它设为圆软笔刷,大概50px大小,强度大约30%,模糊阴影的边缘,记住我们刚才说的。差不多涂成下面这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

也有一件事情才能让我们的阴影完美!使用减淡和加深工具,减淡工具设为50px大小的软圆笔刷,范围:高亮,曝光度:9%,打开喷枪。加深工具设为50px大小的软圆笔刷,范围:阴影,曝光度5%,打开喷枪。然后在外面的角使用减淡工具,靠近”pages”的地方使用加深工具,这样外边缘就会有一个红色的色调。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

第22步

完美啦我的甜心!现在我们的图标看起来更像一本书而不是驴子了。现在我们来看看本该在两个页相交的地方出现的阴影效果。为了处理这个问题,我们必须将所有的翻页页面弄到一个图层里(呃为什么呢,好吧因为这样我们就可以用一个漂亮的剪贴蒙版消除一切烦恼)。所以我们要在图层面板中按住 Command/Ctrl + Click 并选择那4个跟翻页有关的页面(2个形状图层、两个剪贴蒙版渐变图层),像这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

现在按下 Command/Ctrl + E 把它们合并成一个图层。将其重命名为 “Flip Pages”。啊对了还有一个小事,合并的时候,你的图层有可能会变成 “Pages Base” 的剪贴蒙版,这样的话就右键单击它然后选择释放剪贴蒙版就行了。现在图层面板看起来差不多是这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

好了,我们现在要在新合并的”Flip Pages”图层上再新建一个图层,并将其转换成剪贴蒙版,然后把它设为正片叠底模式。前景色设为#815130使用渐变工具(G),设为前景色到透明,对称渐变,这么拖一下。

PS中级教程!教你利用PS绘制精美的复古书本图标

滤镜 > 模糊 > 高斯模糊,给阴影一个8,5 – 8,7的高斯模糊,像这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

第23步

现在一切都不错,不过我们的影子还是要更深一点。所以按下Command/Ctrl + E合并”Flip Pages”和第一个影子图层,然后再次新建一个图层、转成剪贴蒙版,跟之前做的都一样。设为正片叠底模式,然后前景色设为#49260f,使用渐变工具拉一个渐变,就是距离稍小一点。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

降低图层不透明度到60%左右就行了,现在创建一个新图层,将其移动到 “Flip Pages”和影子之间(然后现在Flip Pages就有两个剪贴蒙版了),把前景色设为 #815130 ,使用渐变工具拖拽。把图层设为正片叠底,并降低填充到20%左右。现在把那些图形都合并起来吧,成果就差不多这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

第24步

好了,现在我们要开始折腾书脊了,之后我们要在书页上添加文字。首先是,书脊时间。把前景色设为#7e763,并使用直线工具 (U),设为填充像素模式,宽度为3px,拖动并创建一个类似倒V的形状,像这样(我帮你选出来了,这样你能看清楚一点)。

PS中级教程!教你利用PS绘制精美的复古书本图标

现在添加图层样式。

PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标

把图层命名为 “Spine V”。现在我们的图片看起来应该是这样的了。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

第25步

好了,现在让我们来做书脊的第二部分。把前景色设为 #544a15 然后使用钢笔工具,设置为形状图层,在所有的书本图层下面画一个形状(这个新图层就是background图层上面的第一个图层了)。

PS中级教程!教你利用PS绘制精美的复古书本图标

把这个图层命名为”Spine Base”。然后,在上面新建一个图层并转换为剪贴蒙版。现在把前景色设为#221500,背景色设为#372705,使用我们可爱的渐变工具(G)。设为前景色到透明的线性渐变。像图中那样拖动创建一个影子。

PS中级教程!教你利用PS绘制精美的复古书本图标

然后按一下X,反转前景色和背景色(现在#ff8e72是你的前景色了)。新建一个图层,把它移动到刚才创建的渐变图层和 “Spine Base” 形状图层之间。再次使用渐变工具,但是这次设为前景色到背景色的对称渐变。像图中这样拉一个渐变。

PS中级教程!教你利用PS绘制精美的复古书本图标

现在给你的 “Spine Base” 形状图层添加图层样式。

PS中级教程!教你利用PS绘制精美的复古书本图标

合并3个”Spine Base”相关的图层。在图层面板按住Command/Ctrl并点击那3个图层,然后按Command/Ctrl + E合并它们。之后你可以把这个图层重命名为 “Spine Base”然后使用减淡工具(你可以使用之前留下的设置,不过尺寸要降到20左右)然后在书脊右侧轻轻刷一下,像这样。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

第26步

嗯,现在是我们期待已久的时刻。添加文字时间!好了让我们从”Base Pages” 开始。首先,你的 “Base Pages” 形状图层应该有2个剪贴蒙版。

PS中级教程!教你利用PS绘制精美的复古书本图标

看到上面那个影子图层了么?我写着”1″ 的那个?现在新建一个图层,放到影子图层和渐变图层(也就是1和 2)之间。然后使用钢笔工具,设成路径模式,然后像这样拖动一个路径。

PS中级教程!教你利用PS绘制精美的复古书本图标

然后使用文字工具(T)然后选择一个不错的字体(我用的是这个Lainie Day SH)。把你的前景色设为 #a17852然后开始打字吧。打完之后,把图层设为正片叠底并降低不透明度到85%左右,这是我的路径输入效果。

字体素材 微盘下载

PS中级教程!教你利用PS绘制精美的复古书本图标

好了,再次重复这个操作,添加第二个路径文字图层,把它向上移动一点,这样就只有它的底边缘可见了。

PS中级教程!教你利用PS绘制精美的复古书本图标

第27步

OK现在我们要给翻开的书页上添加蚊子了。新建一个图层,移动到”Flip Pages”上面,像之前那样使用钢笔工具,跟随书页的弯曲画一段路径。

PS中级教程!教你利用PS绘制精美的复古书本图标

不断这样重复这些操作,这样你就把两张纸都填满啦!现在出于文件大小的考虑,在图层面板中按住Command/Ctrl并单击所有的文字图层,然后把它们合并成一个图层。现在它看起来好多了。重新把图层模式设为正片叠底,并将其重命名为 “Text on Flip Pages”,乖乖干得好。

PS中级教程!教你利用PS绘制精美的复古书本图标

第28步

现在书上还有一样东西要画,就是书签。画完书签之后再画支笔,然后就搞定了。新建一个图层,放到 “Flip Pages”下面,像这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

使用钢笔工具,设为形状图层,前景色为#c52114,画一个书签的形状。

PS中级教程!教你利用PS绘制精美的复古书本图标

好现在把这个图层重命名为”Bookmark”。在上面新建一个图层,并转换为剪贴蒙版。把前景色设为#480b04背景色设为#fa6e5c,然后使用你的渐变工具(G),前景色到透明的线性渐变,然后书签顶部拖动创建一个阴影,用于模拟书页的影子。然后再从下往上拖动一个影子,这是书签尖端的影子。像这样:(看到两个影子和它们之间的亮色了吗?尽量弄成这样)
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

按下X来交换前景色和背景色。现在使用渐变工具,对称渐变,仍是前景色到透明。拖动一个很短的距离,这是书签的高亮部分。

PS中级教程!教你利用PS绘制精美的复古书本图标

现在可以Command/Ctrl并单击你的书签形状图层和剪贴蒙版,并按下Command/Ctrl+E来合并它们了。 你可能得重命名图层为”Bookmark”,然后可能还得用”释放剪贴蒙版”。现在在图层面板按住Command/Ctrl并单击书签图层的略缩图来活得选区。然后新建一个图层,将其命名为”Shadow Bookmark”。把图层设为正片叠底模式,并把不透明度降低到80%左右。把前景色设为#480b04,并以此填充选区,然后就可以取消选择了。然后前往滤镜 > 模糊 > 高斯模糊,半径大约是2,3。好了,现在,见证奇迹的时刻!我们把书画完了!恭喜!它看起来应该差不多是这样的。

PS中级教程!教你利用PS绘制精美的复古书本图标

第29步

画笔时间!把前景色设为#d2a756,然后使用钢笔工具,你要把它设为形状图层。然后新建一个图层,用你的钢笔工具画一个这样的形状。

PS中级教程!教你利用PS绘制精美的复古书本图标

很好,现在来添加图层样式。

PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标

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

PS中级教程!教你利用PS绘制精美的复古书本图标

第30步

把刚才做好的形状图层重命名为”Pen Body Gold”。然后再次使用钢笔工具在”Pen Body Gold”上面新建一个图层并画一个这样的形状。

PS中级教程!教你利用PS绘制精美的复古书本图标

接下来图层样式。

PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标

把它重命名为”Pen Body Silver”,然后现在在所有图层顶端新建一个图层,用钢笔工具(P)画一个这样的小环。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

图层样式啦。

PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标PS中级教程!教你利用PS绘制精美的复古书本图标

第31步

好了,你的图像现在差不多是这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

把小环形状重命名为”Ringlet”。复制这个”Ringlet” 图层,然后移动到上面去,像这样

PS中级教程!教你利用PS绘制精美的复古书本图标

现在万里长征就差最后一步了!让我们来做笔尖。新建一个图层,放在”Pen Body Silver”下面,使用钢笔工具画个这样的形状。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

好,现在把他重命名为”Pen Tip”然后右键单击”Pen Body Gold”图层,选择复制图层样式。回到 “Pen Tip” 图层,右键单击并选择粘贴图层样式。然后进入笔尖的混合样式选项,在渐变叠加中,把缩放改为31,就像这样。

PS中级教程!教你利用PS绘制精美的复古书本图标

第32步

在 “Pen Tip” 图层上新建一个图层,使用椭圆工具。把前景色设为#593f11,并把椭圆工具设为填充像素模式。画一个这样的椭圆。

PS中级教程!教你利用PS绘制精美的复古书本图标

然后使用直线工具 (U) ,同样是填充像素模式,粗细为1px,画一条这样的线。

PS中级教程!教你利用PS绘制精美的复古书本图标

把这个图层命名为”Details Pen Tip”。很好,现在你的图像看起来就是这样的了。

PS中级教程!教你利用PS绘制精美的复古书本图标

第33步

现在我们要给钢笔的笔尖添加阴影。在图层面板按住Command/Ctrl并单击”Pen Tip” 和 “Details Pen Tip” 图层,然后合并它们。把图层重命名为”Pen Tip”然后在上面新建一个图层。把这个新图层转换为”Pen Tip”的剪贴蒙版,把这个图层设成正片叠底模式。把前景色改为#6a5428,然后使用画笔工具,设为硬圆6、7px大小的笔刷,画一个影子。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

PS中级教程!教你利用PS绘制精美的复古书本图标

好了,降低图层的不同明度,看着好看就行啦。

PS中级教程!教你利用PS绘制精美的复古书本图标

第34步

现在可以合并你的图层了。还有一件事没做:你看,我们的笔现在是个幽灵啊!他没有影子!!所以就让我们来赋予它生命吧,我们不能用一支幽灵笔写字对吧?好了,现在在你钢笔的图层下面新建一个图层,设为正片叠底模式。把前景色设为#663316,然后按住Command/Ctrl并单击所有跟笔有关的图层略缩图,以创建整只笔的选区。

PS中级教程!教你利用PS绘制精美的复古书本图标

现在使用油漆桶工具 (G)填充选区,取消选择。按Command/Ctrl + T来这么给它变形。

PS中级教程!教你利用PS绘制精美的复古书本图标

然后编辑 > 变换 > 扭曲。

PS中级教程!教你利用PS绘制精美的复古书本图标

接下来,让我们使用涂抹工具(R),把硬度设为80%,硬圆笔刷,强度大约30%,模式为正常。看到那些映在书页和书封上的影子了吗?在自然情况下,你可以拿一本书和一支笔,看一下它的影子,你会发现影子有一种“台阶”的感觉。所以我们也要给我们的影子一点“台阶”!轻轻拖动涂抹工具,像这样(你可能需要放大来做这个)。

PS中级教程!教你利用PS绘制精美的复古书本图标

现在好多了是吧。现在你可以把那些跑到书外面的影子都删掉。然后使用模糊工具 (R),设置不用动(尺寸大约30px),轻轻处理我们的影子,离得越远越模糊(还记得我们之前说过的吗?)。现在重命名图层为 “Shadow Pen”然后,大功告成!

PS中级教程!教你利用PS绘制精美的复古书本图标

最终图像

PS中级教程!教你利用PS绘制精美的复古书本图标
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
标签:
飞机