如何在Photoshop中创建3D图书图标

Trevin是WebFX的业务发展高级总监。他参与了450多个营销活动,并建立了20多年的网站。他的作品曾被《搜索引擎》、《今日美国》、《快公司》和《Inc.》刊登。

预览

预览

步骤1:设置Photoshop画布

使用文件>新建(Ctrl/Cmd + N)新建一个文件,画布尺寸为300x300px。设置Photoshop画布

第二步:画书皮

使用钢笔工具(P)在背景层上方画一个形状。注意左边的角在里面弯曲。画书皮双击图书封面的图层,查看图层样式窗口。

给这个形状一个红色(#c44d3c)到粉红色(#dc5542)的渐变叠加。画书皮 画书皮

第三步:画书皮

在书的封面上方,创建一个形状来代表书的书脊/装订。画书的装订双击图层进入图层样式窗口,并给图层一个蓝色(#323656)的颜色叠加。画书的装订 画书的装订

第四步:画书的上边缘

创建如下所示的绿色形状。画书的上边缘给形状一个颜色叠加和投影。

颜色叠加

颜色叠加的颜色是淡粉色(#fc9271)。颜色叠加

阴影

投影的颜色为白色(#ffffff)。颜色叠加 颜色叠加

第五步:画书的边沿

画出书的边沿。画书的边给侧边设置深粉色(#9b4737)颜色叠加图层样式。画书的边

第六步:绘制弯曲的顶部边缘的绑定

画出下面绿色的形状。通过绑定绘制弯曲的上边缘我们将给这个形状一个颜色覆盖和投影。

颜色叠加

颜色叠加的颜色是蓝色(#868ec5)。通过绑定绘制弯曲的上边缘

阴影

投影的颜色为白色(#ffffff)。通过绑定绘制弯曲的上边缘 通过绑定绘制弯曲的上边缘将所有的形状放到一个图层组中。

第七步:画书的内部

使用钢笔工具(P)在背景层上方创建一个新形状(绿色)。这将是书的封底内侧。画出书的内部给后盖内侧加一个深粉色(#d74f34)的颜色叠加。

画出书的内部同样,使用钢笔工具绘制绑定的形状。画出书的内部给它一个深蓝色(#323657)的颜色叠加。画出书的内部

步骤8:创建图书页面

画一个形状来代表书页的前部。创建图书页面给这个形状一个灰色(#e0dfdf)的颜色叠加和一个黑色(#000000)的投影图层样式。创建图书页面绘制图书页面顶部的形状,并给它一个白色(#ffffff)的颜色叠加。

创建图书页面在书页的前部绘制垂直线,以给出书页的定义。之后,降低图层的不透明度为18%。创建图书页面同样,在书的顶部创建横向黑线,并将其图层的不透明度降低到8%。

创建图书页面创建一个微小的细节形状,在书的顶部和侧面部分相遇(绿色显示)。给这个形状一个白色(#ffffff)的颜色叠加图层样式。创建图书页面

第九步:绘制书封面的内阴影

现在我们需要创建一个微弱的阴影,书的封面投射在页面上。用钢笔工具画一个类似下图的黑色形状。设置图层的不透明度为5%左右。

阴影几乎是看不见的,因为书页和封面之间的空间很小。绘制书封面的内阴影

步骤10:阴影和细节覆盖

在书的封面上创建一个新图层(Shift + Ctrl/Cmd + N)。使用多边形套索工具(L)选择前盖。切换到渐变工具(G)并设置它,使它在径向梯度并使用白色到透明的颜色渐变。

对角线绘制渐变(从右上角到左下角)。阴影和细节覆盖切换图层的混合模式为叠加,不透明度为70%。阴影和细节覆盖在书封面的右边画一条很细的白线。

设置线层的混合模式为叠加,并将不透明度降低到50%。阴影和细节覆盖再次使用多边形套索工具在书的封面边缘画两个选区。完成其中一个选区,然后按Shift键创建另一个选区。

使用渐变工具(G),用白色到透明的线性渐变,从上到下绘制。然后将图层的混合模式切换为叠加,并将不透明度降低到15%。阴影和细节覆盖复制上面的图层(Ctrl/Cmd + J),设置复制图层的不透明度为15%。

阴影和细节覆盖在封面的顶部边缘画一条黑色线条。使用颜色叠加设置它的颜色为棕色(#be715a)。阴影和细节覆盖书封面的前顶部和右边缘的连接处(绿色部分)没有亮好,我们应该做点什么。

在新图层上,在上边缘和左边缘的交汇处画一条白线。阴影和细节覆盖设置白线图层的混合模式为叠加,不透明度为70%。阴影和细节覆盖再次使用多边形套索工具在书封面的上边缘做矩形选区。

在一个新图层上,使用渐变工具给选区下面的区域一个从白色到透明的线性渐变。通过将混合模式设置为叠加并将不透明度降低到27%来完成顶部的高光。阴影和细节覆盖

步骤11:突出和详细说明书籍的装订

现在让我们转到突出显示和详细说明绑定。创建一个多边形套索工具(L)选择,沿图书装订的顶部方向。在一个新图层上,使用渐变工具(G)从顶部开始创建一个白色到透明的线性渐变。

设置图层的混合模式为叠加,降低不透明度为40%。突出和详细说明书籍的装订现在在新图层上创建一个白色的形状。设置图层的混合模式为叠加,降低不透明度为20%。

突出和详细说明书籍的装订现在在装订和封面的地方画一条1px的黑线。复制黑线5次。使用移动工具(V)沿着活页夹的宽度排列重复的线条。

将所有带黑线的图层合并为一个图层(Ctrl/Cmd + E),将合并图层的不透明度降低到20%左右。突出和详细说明书籍的装订在有竖线的图层上,通过点击添加图层蒙版在图层面板底部的图标。

在蒙版上,使用从右到左的黑到白线性渐变。这将使右侧的线条显得更加微妙,加强我们想要达到的3D效果。突出和详细说明书籍的装订

步骤12:制作书的封面

封面艺术是这本书最显著的特点。我选择了瑜伽作为本书的主题,但请随意使用其他主题。要绘制像花一样的形状,首先将前景色设置为白色。

然后激活自定义形状工具(U)。在选项栏的形状下拉菜单中,查找名为花6.在画布上的新图层上绘制它。

要中空形状的中心,只需使用椭圆选框工具(M)在中间创建一个圆圈,然后点击编辑>清除。制作书的封面艺术给白色的花一个渐变叠加(从#f9cabd到#ffffff)和描边(#000000)图层样式。制作书的封面艺术使用水平文字工具(T)在花的下面键入“Yoga Secrets”。

给它和花一样的图层样式。要做到这一点,首先复制图层样式从花右键点击它的图层,然后选择复制图层样式.然后将图层样式粘贴到“Yoga Secrets”文本图层上,右键单击并选择粘贴图层样式

制作书的封面艺术选择花朵图层和“Yoga Secrets”文本图层,然后点击:编辑>变换>倾斜。拖动左上角和右下角的变换控件,使对象与前封面的角度和透视图相匹配。制作书的封面艺术现在选择移动工具(V)移动封面在封面的中心。

制作书的封面艺术如果您想要更多的细节,您可以使用与上面类似的技术在封面的右下角添加一种条形码图形。制作书的封面艺术

步骤13:给前盖灯光效果

切换到画笔工具(B)。选择一个软画笔,主直径约100px。将前景色设置为白色。

在新图层上,在书的中心描边。给前盖灯光效果使用椭圆选框工具(M)在白色描边的底部画一个宽椭圆。然后点击:编辑>清除(删除),移除椭圆选框所选择的区域。

然后简单地切换图层的混合模式为叠加来完成效果。给前盖灯光效果使用相同的技术(在不同的图层上)来产生更多的灯光效果。给前盖灯光效果

步骤14:在封面的角落创建一个高亮细节

用钢笔工具(P)在书封面的右上角创建细白线。创建一个图层蒙版,点击添加图层蒙版按钮在图层面板的底部。在封面的角落创建一个高亮细节在图层蒙版上,使用渐变工具创建一个从白色到黑色的对角线线性渐变,这样当我们离书的边缘更远时,白色的线条就会逐渐消失。

设置图层的不透明度为40%,以完成高亮效果。在封面的角落创建一个高亮细节

步骤15:给书添加阴影

这是我们的最后一步。在背景图层的上方新建一个图层。使用多边形套索工具(L)画出一个形状的书的阴影。

切换到渐变工具(G),在新图层上创建一个从黑色到透明的线性渐变。在书中添加阴影设置图层的不透明度为25%左右。在书中添加阴影再次使用多边形套索工具创建如下所示的选区。

在画布上,右键单击选中的区域并选择通过切割图层从出现的菜单中将选定的阴影部分转移到新图层中。降低新图层的不透明度为10%左右。在书中添加阴影

教程汇总

在本教程中,我们使用Photoshop创建了一个3D图书图标。我们使用了各种工具,比如多边形套索工具,钢笔工具,渐变工具和图层蒙版来创建这本书。我们注重细节,确保在必要的地方创造亮点和细节。

我希望本教程对您有所帮助。预览

下载源文件

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识并成长为个人。

我们招聘! 视图30 +职位空缺!