ps鼠绘木头书架教程

绘画制作 admin 4个月前 (05-15) 6次浏览 扫描二维码

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

a570cfed8e2b0840f39db6b4f94486d4 在PHOTOSHOP中设计木制书架教程

第1步
在Photoshop中创建一个新的文档,一个600px的宽度和800px高度。
2fa942dd175575e497ae099d3724c0d5 在PHOTOSHOP中设计木制书架教程

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

第3步
现在,请按Ctrl +“T”激活“自由变换”工具。把宽度设置为50%,并向左移动到边缘。
7f3d2cf93e7e4d64a100a788d206a212 在PHOTOSHOP中设计木制书架教程

复制纹理层,然后垂直翻转。要做到这一点,请单击“复制的图层,转到”编辑“>”变换“>”垂直翻转。“
选择这两个纹理层,层上单击右键,然后选择“合并“图层的选项。标记这个新的合并层“木材纹理。”

第4步
接下来,添加杂色的纹理,去“滤镜”>“杂色”>“添加杂色”使用下面的值。
7f23de35f65dbbb1dcb5200b5e1ad25e 在PHOTOSHOP中设计木制书架教程

第5步
现在,使用“滤镜”>“液化”。使用向前变形工具,设置如下图所示,并将其应用在不同的地方在纹理随机。
e1c97fce369951350f3e0c47276f559d 在PHOTOSHOP中设计木制书架教程

第6步
调整纹理图层的大小,使用自由变换工具(CTRL +“T”),以及使用的值的宽度为560px和760px的高度。
35980bd19b9f54594713419d2e24663a 在PHOTOSHOP中设计木制书架教程

第7步
接下来,我们将制作书架边缘。首先,选择矩形工具画一个矩形,如下图所示。拉标尺线来确定其左右的像素。
169fc6e298616d08f89be9ddd930019e 在PHOTOSHOP中设计木制书架教程

第8步
接下来,内侧的标尺线对齐矩形。现在,矩形的宽度略有增加。
44b58d4824a524e5c97b7b1281954d70 在PHOTOSHOP中设计木制书架教程

现在,按Ctrl +鼠标左键 点击图层缩略图 ,得到该层选区,选择“木质纹理图层”按Ctrl +“C”复制粘贴Ctrl + “V”到一个新的图层,。标签此层为“左边框内。”
694accd7b6cb6fe60e43bd4d31bfb044 在PHOTOSHOP中设计木制书架教程

第9步
双击“内的左边框”图层,打开图层样式窗口,并使用以下设置颜色叠加。
f5b5c22ffe55c77b08c7fdcc7c89c66a 在PHOTOSHOP中设计木制书架教程

第10步
接下来,阴影部分。按Ctrl + “模糊”“高斯模糊”。这里使用的值为2px,向外拖动以使其可见。
9a49b09287aeb3d61ffd5a1de05b1506 在PHOTOSHOP中设计木制书架教程

第11步
选择“左边框”层,阴影跟该层新建为一个组,复制组,水平翻转。将它放置内的右侧指南的创建相反的货架。
5b0f61635c6fbda81fc0e518b741d539 在PHOTOSHOP中设计木制书架教程

第12步
绘制一个矩形,如下图所示。
5eddb8e25787becbfd582c7361a7df52 在PHOTOSHOP中设计木制书架教程

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

第13步
应用以下设置渐变叠加“货架前”层。
5b9f6e9814b1c0f54c2265546d582d9d 在PHOTOSHOP中设计木制书架教程

第14步
复制“货架前”该层,将其标示为“货架顶部,”把该层放置在原图层的顶部,进入“编辑”>“变换”>“扭曲”。使用此工具带来的角落里面作为如下所示。
3d44ecbd1d60100b41d63209b36bd803 在PHOTOSHOP中设计木制书架教程

第15步
该层,应用下面的图层样式设置。
8af836f80f31997a745ec3626664b8f2 在PHOTOSHOP中设计木制书架教程

a8fccf08c1840c78f68ea8a41799d282 在PHOTOSHOP中设计木制书架教程

4f98f6a5877e335198735f34e869d992 在PHOTOSHOP中设计木制书架教程

第16步
使阴影“货架顶部”层中的相同的方式,如在步骤10中解释。
7c3dc009944b3bb61b6e67cf9ccb673a 在PHOTOSHOP中设计木制书架教程

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

第17步
现在,在书架中间绘制一个矩形,如下图所示。
cdcbd4b76cba21dddcda3c4c4e705362 在PHOTOSHOP中设计木制书架教程

拖动参考线,形成水平的货架,如下图所示。
c6aa173e778bd8ef2f8bb5c6b5d0c226 在PHOTOSHOP中设计木制书架教程

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

a570cfed8e2b0840f39db6b4f94486d4 在PHOTOSHOP中设计木制书架教程

第1步
在Photoshop中创建一个新的文档,一个600px的宽度和800px高度。
2fa942dd175575e497ae099d3724c0d5 在PHOTOSHOP中设计木制书架教程

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

第3步
现在,请按Ctrl +“T”激活“自由变换”工具。把宽度设置为50%,并向左移动到边缘。
7f3d2cf93e7e4d64a100a788d206a212 在PHOTOSHOP中设计木制书架教程

复制纹理层,然后垂直翻转。要做到这一点,请单击“复制的图层,转到”编辑“>”变换“>”垂直翻转。“
选择这两个纹理层,层上单击右键,然后选择“合并“图层的选项。标记这个新的合并层“木材纹理。”

第4步
接下来,添加杂色的纹理,去“滤镜”>“杂色”>“添加杂色”使用下面的值。
7f23de35f65dbbb1dcb5200b5e1ad25e 在PHOTOSHOP中设计木制书架教程

第5步
现在,使用“滤镜”>“液化”。使用向前变形工具,设置如下图所示,并将其应用在不同的地方在纹理随机。
e1c97fce369951350f3e0c47276f559d 在PHOTOSHOP中设计木制书架教程

第6步
调整纹理图层的大小,使用自由变换工具(CTRL +“T”),以及使用的值的宽度为560px和760px的高度。
35980bd19b9f54594713419d2e24663a 在PHOTOSHOP中设计木制书架教程

第7步
接下来,我们将制作书架边缘。首先,选择矩形工具画一个矩形,如下图所示。拉标尺线来确定其左右的像素。
169fc6e298616d08f89be9ddd930019e 在PHOTOSHOP中设计木制书架教程

第8步
接下来,内侧的标尺线对齐矩形。现在,矩形的宽度略有增加。
44b58d4824a524e5c97b7b1281954d70 在PHOTOSHOP中设计木制书架教程

现在,按Ctrl +鼠标左键 点击图层缩略图 ,得到该层选区,选择“木质纹理图层”按Ctrl +“C”复制粘贴Ctrl + “V”到一个新的图层,。标签此层为“左边框内。”
694accd7b6cb6fe60e43bd4d31bfb044 在PHOTOSHOP中设计木制书架教程

第9步
双击“内的左边框”图层,打开图层样式窗口,并使用以下设置颜色叠加。
f5b5c22ffe55c77b08c7fdcc7c89c66a 在PHOTOSHOP中设计木制书架教程

第10步
接下来,阴影部分。按Ctrl + “模糊”“高斯模糊”。这里使用的值为2px,向外拖动以使其可见。
9a49b09287aeb3d61ffd5a1de05b1506 在PHOTOSHOP中设计木制书架教程

第11步
选择“左边框”层,阴影跟该层新建为一个组,复制组,水平翻转。将它放置内的右侧指南的创建相反的货架。
5b0f61635c6fbda81fc0e518b741d539 在PHOTOSHOP中设计木制书架教程

第12步
绘制一个矩形,如下图所示。
5eddb8e25787becbfd582c7361a7df52 在PHOTOSHOP中设计木制书架教程

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

第13步
应用以下设置渐变叠加“货架前”层。
5b9f6e9814b1c0f54c2265546d582d9d 在PHOTOSHOP中设计木制书架教程

第14步
复制“货架前”该层,将其标示为“货架顶部,”把该层放置在原图层的顶部,进入“编辑”>“变换”>“扭曲”。使用此工具带来的角落里面作为如下所示。
3d44ecbd1d60100b41d63209b36bd803 在PHOTOSHOP中设计木制书架教程

第15步
该层,应用下面的图层样式设置。
8af836f80f31997a745ec3626664b8f2 在PHOTOSHOP中设计木制书架教程

a8fccf08c1840c78f68ea8a41799d282 在PHOTOSHOP中设计木制书架教程

4f98f6a5877e335198735f34e869d992 在PHOTOSHOP中设计木制书架教程

第16步
使阴影“货架顶部”层中的相同的方式,如在步骤10中解释。
7c3dc009944b3bb61b6e67cf9ccb673a 在PHOTOSHOP中设计木制书架教程

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

第17步
现在,在书架中间绘制一个矩形,如下图所示。
cdcbd4b76cba21dddcda3c4c4e705362 在PHOTOSHOP中设计木制书架教程

拖动参考线,形成水平的货架,如下图所示。
c6aa173e778bd8ef2f8bb5c6b5d0c226 在PHOTOSHOP中设计木制书架教程

第18步
重复的“书架底部”层和位置,如下图所示。
4af1fc2d8ceb1da71c2eace108b1dcdc 在PHOTOSHOP中设计木制书架教程

创建阴影部分,绘制一个矩形和应用7px的高斯模糊滤镜。
80473fdb1a8609054eccc03136621e57 在PHOTOSHOP中设计木制书架教程

第19步
现在,使用“多边形套索”工具,选择一个三角形区域上的阴影层。
2b76a8c76e24c01b91e1fad9e8f1bf1b 在PHOTOSHOP中设计木制书架教程

之后,进入“编辑”>“清除”。右侧也用同样的方式设置,阴影层的不透明度降低到50%。
0aa32937cfcd72bde3fb34308be21752 在PHOTOSHOP中设计木制书架教程

第20步
同样的,为该层归类分组“中间书架”,”复制,在每个水平线上面放置改组。如下图所示,。
627ebaa07a0d50e3097b3e096b091cbe 在PHOTOSHOP中设计木制书架教程

第21步
创建顶部边框,从刚刚的中间组里面选择实用的图层复制,移动到标尺线的上方。
eae700f31cb4f9baa00cb4c5275eecf6 在PHOTOSHOP中设计木制书架教程

第22步
我们的木质书架已经完成,接下来我们将为整个书架创建阴影部分。具体方法不再提示。
3794d321a72ac84ce7eced2003b44664 在PHOTOSHOP中设计木制书架教程

把刚刚下载的书籍封面放入书架,同样阴影部分是必须的。有光源的地方必有阴影。
4032e2650913660064533a0c556b3411 在PHOTOSHOP中设计木制书架教程

第18步
重复的“书架底部”层和位置,如下图所示。
4af1fc2d8ceb1da71c2eace108b1dcdc 在PHOTOSHOP中设计木制书架教程

创建阴影部分,绘制一个矩形和应用7px的高斯模糊滤镜。
80473fdb1a8609054eccc03136621e57 在PHOTOSHOP中设计木制书架教程

第19步
现在,使用“多边形套索”工具,选择一个三角形区域上的阴影层。
2b76a8c76e24c01b91e1fad9e8f1bf1b 在PHOTOSHOP中设计木制书架教程

之后,进入“编辑”>“清除”。右侧也用同样的方式设置,阴影层的不透明度降低到50%。
0aa32937cfcd72bde3fb34308be21752 在PHOTOSHOP中设计木制书架教程

第20步
同样的,为该层归类分组“中间书架”,”复制,在每个水平线上面放置改组。如下图所示,。
627ebaa07a0d50e3097b3e096b091cbe 在PHOTOSHOP中设计木制书架教程

第21步
创建顶部边框,从刚刚的中间组里面选择实用的图层复制,移动到标尺线的上方。
eae700f31cb4f9baa00cb4c5275eecf6 在PHOTOSHOP中设计木制书架教程

第22步
我们的木质书架已经完成,接下来我们将为整个书架创建阴影部分。具体方法不再提示。
3794d321a72ac84ce7eced2003b44664 在PHOTOSHOP中设计木制书架教程

把刚刚下载的书籍封面放入书架,同样阴影部分是必须的。有光源的地方必有阴影。
4032e2650913660064533a0c556b3411 在PHOTOSHOP中设计木制书架教程


声明:本站的文章、图片、资源等来自互联网或者站长原创;版权归原作者所有,仅作为个人学习、研究以及欣赏!如有侵权,请联系i@ki4.cn删除!本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:ps鼠绘木头书架教程
喜欢 (0)