Photoshop绘制木质立体效果的书架子

2016-02-16 02:06 113 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Photoshop绘制木质立体效果的书架子,一起来学习了解下吧!

【 tulaoshi.com - PS 】

目前,很多小说阅读类APPS界面设计都采用了木质书架,这种方式无疑是一个完美的方式。今天,教程盒子将指导您在Photoshop中创建一个木质书架。在本教程中,你会学到如何创造木材纹理等许多的方便、快捷的技术。所以,废话不多说,让我们开始吧!

教程所需素材:

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第1步

在Photoshop中创建一个新的文档,一个600px的宽度和800px高度。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第2步

首先,我们将制作木质纹理。创建一个新层,选择图层新建图层。使用油漆桶工具填充它可与任何颜色。设置前景和#dc8a24的背景颜色#ab540f。现在去滤镜渲染纤维。使用以下参数设置。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第3步

现在,请按Ctrl +T激活自由变换工具。把宽度设置为50%,并向左移动到边缘。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

复制纹理层,然后垂直翻转。要做到这一点,请单击复制的图层,转到编辑变换垂直翻转。

选择这两个纹理层,层上单击右键,然后选择合并图层的选项。标记这个新的合并层木材纹理。

第4步

接下来,添加杂色的纹理,去滤镜杂色添加杂色使用下面的值。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第5步

现在,使用滤镜液化。使用向前变形工具,设置如下图所示,并将其应用在不同的地方在纹理随机。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

第6步

调整纹理图层的大小,使用自由变换工具(CTRL +T),以及使用的值的宽度为560px和760px的高度。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第7步

接下来,我们将制作书架边缘。首先,选择矩形工具画一个矩形,如下图所示。拉标尺线来确定其左右的像素。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第8步

接下来,内侧的标尺线对齐矩形。现在,矩形的宽度略有增加。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

现在,按Ctrl +鼠标左键 点击图层缩略图 ,得到该层选区,选择木质纹理图层按Ctrl +C复制粘贴Ctrl + V到一个新的图层,。标签此层为左边框内。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第9步

双击内的左边框图层,打开图层样式窗口,并使用以下设置颜色叠加。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第10步

接下来,阴影部分。按Ctrl + 现在按Ctrl +D,取消选择它,去滤镜模糊高斯模糊。这里使用的值为2px,向外拖动以使其可见。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第11步

选择左边框层,阴影跟该层新建为一个组,复制组,水平翻转。将它放置内的右侧指南的创建相反的货架。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第12步

绘制一个矩形,如下图所示。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

现在,按Ctrl + 。现在,点击木质纹理,按Ctrl +C复制,然后按Ctrl +V粘贴选定的纹理到一个新的层。在那之后,进入编辑变换旋转90⁰。将它放置在底部的纹理,如下图所示。标签这层货架前。然后,隐藏或删除的矩形。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第13步

应用以下设置渐变叠加货架前层。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第14步

复制货架前该层,将其标示为货架顶部,把该层放置在原图层的顶部,进入编辑变换扭曲。使用此工具带来的角落里面作为如下所示。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第15步

该层,应用下面的图层样式设置。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第16步

使阴影货架顶部层中的相同的方式,如在步骤10中解释。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

把刚刚做的图层归为一个组,并标示为书架底部。

第17步

现在,在书架中间绘制一个矩形,如下图所示。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

拖动参考线,形成水平的货架,如下图所示。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第18步

重复的书架底部层和位置,如下图所示。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

创建阴影部分,绘制一个矩形和应用7px的高斯模糊滤镜。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第19步

现在,使用多边形套索工具,选择一个三角形区域上的阴影层。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

之后,进入编辑清除。右侧也用同样的方式设置,阴影层的不透明度降低到50%。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第20步

同样的,为该层归类分组中间书架,复制,在每个水平线上面放置改组。如下图所示,。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第21步

创建顶部边框,从刚刚的中间组里面选择实用的图层复制,移动到标尺线的上方。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

第22步

我们的木质书架已经完成,接下来我们将为整个书架创建阴影部分。具体方法不再提示。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

把刚刚下载的书籍封面放入书架,同样阴影部分是必须的。有光源的地方必有阴影。

Photoshop绘制木质立体效果的书架子,PS教程,图老师教程网

希望你喜欢本教程,如果有什么建议可以给我们提出。

来源:https://www.tulaoshi.com/n/20160216/1566711.html

延伸阅读
标签: PS PS基础
最终效果 1、新建一个1024 * 650像素,分辨率为72的画布。选择渐变工具,颜色设置如图1,然后由中间向边角拉出图2所示的径向渐变作为背景色。 2、现在来制作第一段绸带,需要完成的效果如下图。 3、新建一个组,在右下角位置,用钢笔勾出第一段绸带的轮廓路径,按Ctrl + 回车转为选区,然后给组添加图层蒙版,如下图。 4、...
标签: PS PS基础
本教程主要使用Photoshop绘制立体效果的礼盒包装,发奖回馈玩家这一类游戏专题层出不穷,就必然会出现礼盒这类元素,下面我分享一下礼盒素材的绘制过程。 最终应用效果 1、拿捏不好透视关系和礼盒样式的时候最好搜集一些参考图片 2、这一步影响下面的每一步,所以要着重注意一下 3、先来丰富礼盒底部的结构,底部的构造比较多...
标签: PS PS基础
先看看效果图 一,创建背景 创建一个宽高1000px,72PPI的文件 二,应用背景图案 建新组命名Background。下载Vertical cloth Pattern(素材包里有),用矩形工具画个矩形,将下载的图案应用到矩形中。 1,创建按钮 创建一个新组命名Button。用椭圆工具画一个正圆形,颜色#0e0f0f。应用下列图层样式。然后透明度设为20%。 2现...
标签: PS PS基础
最终效果 1、新建一个1000 * 800像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 2、我们把彩带分成三段来制作。由顶部开始。先来制作第一部分,新建一个组,用钢笔勾出第一段的轮廓,转为选区后给组添加图层蒙版,如下图。 3、在组里新建一个图层,填充橙红色:#D06E18作为底色。 4、新建一个...
标签: PS PS基础
最终效果 加上文字后的效果。文字教程后续呈现! 1、先来绘制马头的主体部分,需要完成的效果如下图,用到的颜色非常少:红、黄、暗红,黑色。 2、新建一个1000 * 700像素,分辨率为72像素的文件,背景填充暗蓝色。新建一个组,用钢笔勾出马头主体轮廓,转为选区后给组添加图层蒙版,如下图。 3、在组里新建一个图层,填充红色...

经验教程

467

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部