步骤01:

首先新建一个512x512px大小的空白文档。

01

步骤02:

将背景层填充为中性灰色(#7a7a7a)。然后新建一个层,选择矩形工具。拉出一个填充颜色为#e7c681的长方形。

02

步骤03:

拖拽长方形的各个顶点,将形状调整为如下类似于书页的样子。然后如法炮制一个放到右侧。

03

步骤04:

为了避免后面图层过多造成制作困扰,给每个图层做好重命名是个好习惯。我们可以将左边的书页图层命名为“cover1”,右边的为“cover2”。接下来对这两个图层应用图层样式,一个是浮雕效果,一个是渐变填充,具体设置如下图。

04a

04b

这里左右的颜色均为#503e25,中间那个定位在75%左右,颜色为#fbebab。

最后效果如下。

04c

步骤05:

问题来了,我们要的是古旧的绿色效果,现在却是金灿灿的效果。怎么办?简单——使用调整图层的色相/饱和度!

按住Ctrl键点击“cover1”图层的缩略图,获得选区,接着Ctrl+Shift键点击“cover2”图层的缩略图,获得两个图层的选区。OK,直接点击图层面板下方那个“创建新的填充或调整图层”按钮,选择“色相/饱和度”,在弹出的面板中做如下设置。

05a

这是第一步,我们还要再调整一次色相/饱和度才能得到最后效果。按住Ctrl键点击刚才建立的调整图层的缩略图,得到全部选区,重复上一步的动作再一次调整“色相/饱和度”,设置如下。

05b

图层的关系和最后效果如下。

05c

05d

步骤06:

到此为止,我们最好把图层整理一下,建立一个图层组,将刚才建立的几个图层归纳到这个组中。接下来开始做书角包边的效果。在刚才的图层组之上,新建一个图层“corner1”,使用多边形套索工具勾出一个三角形,形状如下。然后随意填充一个颜色。(其实我更喜欢用形状工具,选区调整起来很方便,但这里我就不改变原作者的使用方法了。)

06a

还记得最初给cover1应用的图层样式吗?复制cover1的图层样式,然后粘贴到corner1上。

06b

剩下3个角按照这个方法以此做好,得到如下效果。

06c

步骤07:

但是现在我们的这四个包边看上去过于沉闷,我们需要让它们看上更生动一点。操作很简单,合并包边的那四个图层,得到一个没有任何应用样式的图层,点击图层面板下的“创建新的填充或调整图层”中的“照片滤镜”,给图层加一个暖调滤镜,设置如下。

07b

然后把两个图层合并掉,再次得到唯一的图层。

07c

接着就是先用加深工具给包边增强阴影效果,然后再用减淡工具给包边增强高光效果。具体设置如下。

07d

07e

基本上都是50左右的笔刷大小,加深工具只影响阴影范围,减淡工具只影响高光范围,最后效果如下。

07f

步骤08:

包边经过这几步的调整名称有点乱,我们给它重命名为“gold corners”,这样边角的效果就做好了,我们接下来要开始书页纸张的制作。还记得大明湖畔的夏雨荷…错了,是还记得之前做过的cover1图层吗?把它从covers图层组中找出来,复制一个,然后拖到最顶层。

08a

我们不需要原来的样式了,右键它,然后选择“清除样式”,它又回到了素颜的样子(~欢喜哦)。然后分别调整4个顶点,让它势必要比封面小,大概样子如下。

08b

使用“直接选择工具”激活边框角点,然后用“钢笔工具”在左下角添加一个角点,然后拖动手柄,让形状如下。最后好习惯重命名这个图层为“pages base”。

08c

步骤09:

然后制作模拟的书页厚度,先把前景色设置为#d6bb8e,然后用矩形工具拖出一个长条,调整顶点变成如下形状。

09a

接着选择“转换点工具”把这个长方形的右上角和右下角转换为分别可拖拽的角点。

09b

步骤10:

休息一下,看完《肉蒲团》回来继续教程。这一步中,我们要模拟纸张的页数。这里要用到一个Pages-pat笔刷(点击下载),当然你也可以自己做。新建一个空白图层,然后执行编辑>填充,在面板的内容选项中选择图案,然后加载笔刷,确定后,就是下面的样子。

10a

10b

然后就简单了,Ctrl+T进行调整,先旋转到合适的角度,然后缩放到合适大小(这些都自己看着办——然后就是下面的样子。

10c

最后通过图层蒙版,把多余的地方消去。

10d

步骤11:

合并这两个图层,重命名为“light side”使用橡皮擦工具,用1~2px的尺寸轻轻擦去书页和书页之间的像素,努力达成一种真实纸张的效果。

11b

步骤12:

现在开始制作底部的效果。先设置前景色为#9c8d6e,然后用之前相同的方法拖出一个长条,然后调整形状到如下。

12a

还是同样的方法,建新图层,填充图案,旋转跳跃我不停歇……不同的地方就是因为这里有弯曲,所以要用在自由变换中选择变形把填充的线条做弯。最后蒙版一下,得到如下效果。

12b

注意啦,就是斜边和底边的线条数大致要一样并且对齐。

12c

步骤13:

照葫芦画瓢把右侧的也做出来。

13a

填充、旋转、缩放、变形。

13b

得到蒙版后,合并所有书的底部图层,重命名为“pages dark side”,然后用橡皮擦工具把右侧的边缘清除一些,模拟纸张效果,如下图。

13c

13d

步骤14:

现在反过头去处理一些阴影效果。把图层组“covers”全部合并得到“covers”图层,然后在该图层上新建一个空白图层,右键它,建立一个剪辑蒙版,然后按住Ctrl键点击“golden corners”图层缩略图,获得选区。

14b

14a

设置前景色为#8c7330,填充后更改图层的混合模式为“正片叠底”,然后通过移动工具,把四个角的阴影都移至合适位置。最后加上一个高斯模糊的滤镜,模糊值设置为0.2~0.5之间即可。

14c

然后再制作书页产生的阴影,方法类似。Ctrl+Shift点击两个书页的图层,获得整个选区,然后在“golden corners”之上新建一个空白图层,填充,移动调整位置,最后高斯模糊。(别忘记这个图层的混合模式也要是“正片叠底”)

14d

14e

步骤15:

好了好了,这些鸡零狗碎的东西终于做好了。终于要进入正题,制作这本书的打开面了。在图层面板最上面新建一个空白图层,使用钢笔工具勾出打开面的形状,别忘了提前设置前景色为#efd5a9。效果如下。

15a

然后设置图层样式,分别是内阴影、内发光、描边。

内阴影的颜色是#381111。

15b

内发光的颜色是#b88f66。

15c

描边的渐变颜色是#bc9e79到#f1d7ad。

15d

好的,基础设定已经好了。接着制作打开面的渐变效果。再新建一个空白图层,设置前景色为#b48455,背景色为#efd5a9。然后右键图层,创建剪辑蒙版。

15e

接着使用渐变工具,选择“对称渐变”模式,颜色选择“从前景色到背景色”,OK。在打开面上从中心位置向右边缘拉出一条线条,这样打开面的渐变效果就制作完成了。

15f

15g

步骤16:

制作翻开的纸张。先开始制作左边的。设置前景色为#cc9c6a,用钢笔工具勾出形状,调整为如下效果。

16a

然后复制之前制作的那个打开面图层的样式,粘贴过来。重命名这个图层为“flip page left”,再在之上新建一个空白图层,右键选择剪辑蒙版,接下来的动作都要在这个剪辑蒙版图层上操作。

16b

设置前景色为#f5e0b2,背景色为#cea06a,使用渐变工具拖出如下效果。

16d

这样有了基本色彩渐变后,我们还要添加高光的渐变效果,所以我们还要再使用渐变工具一次。不过要注意,这时前景色要更改为fef9ed。然后在渐变工具中,选择“前景色到透明”,使用对称模式,拉出高光效果。

16e

16f

步骤17:

制作右侧的过程不再赘述,各种颜色等设置参照上一步。

17a

17b

17c

17d

最后所有的图层组合应该如下。

17e

步骤18:

现在要制作的是翻开页面的阴影。很简单,获得两个书页的合并选区,然后在“base pages”之上再建一个剪辑蒙版图层,使用#815130的颜色填充。

18

然后Ctrl+T,使用变形选项,让填充的形状变成阴影的效果。

18b

但是阴影太实了,不真实。如果使用滤镜模糊的话,它是整个范围模糊,更加不对。所以这里我们要用模糊工具,把笔刷调为50px,0%的硬度,强度30%,着重把阴影的两边刷到模糊即可。

18c

为了达到更好的效果,我们还要利用减淡、加深工具让阴影边缘更柔亮一些,靠近书页里侧的更暗一些。具体数值如图。反复刷几次达到你认为好的效果即可。

18d

18d

步骤19:

嗯。整个书的大致效果就初具规模了。继续下面的工作吧。

将最上面的4个图层全部合并,重命名为“flip pages”。这里要提一点,开始合并完这个图层后,它会成为“base pages”的剪辑图层,所以我们要右键取消这个剪辑蒙版。

19

好,现在要在“filp pages”上新建一个空白图层,转换它为“filp pages”的剪辑图层,更改混合模式为正片叠底。然后用渐变工具从书的中缝向外拖出一道“前景色到透明”的渐变来,如果你改变过前景色,记得调回#815130,渐变类型选择对称。

19b

方向掌握不好的多试几次。就基本可以达到上图的效果。但是这样的阴影没有层次,我们需要加深这个效果。所以步骤基本重复上面的,先合并刚才的两个图层,再次重命名为“flip pages”,再建一个剪辑蒙版,记得混合模式为“正片叠底”,这次要改变一下前景色为#49260f,然后再用同样模式的渐变工具拖拽(只不过这次拖拽的距离要比上一次短)。最后把图层不透明度改为60%。

19c

最后在“flip pages”和“图层7”之间再加添一层,同样的正片叠底,填充为20%左右,设置前景色为#815130,按照之间的渐变设置再拖动一次,这次操作按我的理解是给较深和较浅的阴影添加一层过度,避免颜色差别突兀。

19d

步骤20:

劳什子的阴影终于好了现在到了制作的书脊的时间了啊。做完书脊就可以开始制作书页上的文字了。开不开心?兴不兴奋?

呃。。。还是先把书脊做完再说。let’s go!

使用直线工具(U),粗细调整为3px,类型调整为“填充像素”,做出如下的一个形状。然后设置前景色为#7e7633。(P.S.如果书角那里位置不对,适当的剪切一下。)

20

然后给这个图层添加图层样式。

20b

20c

最后应该是这样的效果。

20d

步骤21:

接着完成书脊的第二部分。设置前景色为#544a15。使用钢笔工具画出如下的形状,注意图层顺序,让这个形状压在最下面。重命名这个层为“spine base”。

21

紧接着,在其上新建空白层,右键创建剪辑蒙版。设置前景色为#221500,背景色为#372705。然后使用我们可爱的渐变工具,选择“前景色到透明”,“线性”类型。让后从上到下拉出渐变。

21b

创建一个新层在刚才的那个层中间,再次使用渐变工具,设置为“前景色到透明”,“对称”类型。拖动出如下的效果。

21c

最后给“spine base”图层添加一些图层样式,从而让它看上去有些厚度和质感。

21d

完成之后合并这三个图层,重命名为“spine base”,你可以使用减淡工具给这个层添加一些细节。具体操作就是用20px大小的笔刷,将书脊的右下角刷出高光反射的效果。

21e

步骤22:

呼呼~终于到了添加文字的时刻了,激动啊!这里就没有什么过多的赘述了。在“base pages”图层的两个剪辑蒙版图层之间建立一个新图层,画一个路径,然后在路径上输入适当的文字即可,注意文字颜色是#a17852。位置如下。为了做出文字若隐若现的效果,再复制一层放到被遮盖的位置即可。将它们的混合模式都改为正片叠底,不透明度调为85%左右。

22

然后在“flip pages”图层上依照上述方法制作满页的文字(去网上顺便找几首英文诗来即可,中文做上去不太像那么回事)。文字走向不对了就及时调整路径就行。其实也有简单的方法,就是正常输入文字,然后旋转、缩放、变形即可。总之,达到效果就好。

23

步骤22:

啊哈!剩下的都是锦上添花的事情了。比如现在要做的就是添加一个红色的书签。在“flip pages”图层之下新建空白图层,用钢笔工具勾勒出一个书签的形状。填充的颜色随便吧,原作者用了#c52114的红色,效果还蛮好。

24a

重命名这个层为“bookmark”,然后在其上新建一个图层,右键转换为剪辑图层。然后就是让渐变工具大显身手的时候了。设置前景色为#480b04,背景色为#fa6e5c。选择渐变工具,前景色到透明,线性模式,在书签最上方,斜着拖出阴影效果。然后在从书签下方,往上斜着拖出阴影效果。

24c

嗯,但是还缺少高光。所以,按x键切换前后背景色,渐变工具依然还是前景色到透明,不过模式换成对称,在中间弯曲的位置拖一段很短的距离,制造高光效果。

24d

现在可以把这两个图层合并了,合并后的图层依然叫“bookmark”,获取它的选区,在其下新建一个空白图层,混合模式改为正片叠底,不透明度改为80%,前景色改为#480b04后填充,然后取消选区,给这个阴影图层命名为“shadow bookmark”后添加高斯模糊滤镜,值定为2~3左右。效果最后如下。

25b25c

后记:

原教程里还有制作钢笔的步骤。不过我觉得不是这个教程的重点了(吐槽:其实是这教程步骤太多了,懒了),主要就是金属质地的样式调试。有兴趣的同学可以参考原教程去做。当然,我个人认为这里用鹅毛笔效果更好。