在PHOTOSHOP中设计木制书架教程

在PHOTOSHOP中设计木制书架教程

编辑：南辰| 时间：2013年12月29日 | 分类：UI教程| 热度：451° |暂无评论

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

第1步
在Photoshop中创建一个新的文档，一个600px的宽度和800px高度。

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

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

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

第4步
接下来，添加杂色的纹理，去“滤镜”>“杂色”>“添加杂色”使用下面的值。

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

第6步
调整纹理图层的大小，使用自由变换工具（CTRL +“T”），以及使用的值的宽度为560px和760px的高度。

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

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

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

第9步
双击“内的左边框”图层，打开图层样式窗口，并使用以下设置颜色叠加。

第10步
接下来，阴影部分。按Ctrl + “模糊”“高斯模糊”。这里使用的值为2px，向外拖动以使其可见。

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

第12步
绘制一个矩形，如下图所示。

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

第13步
应用以下设置渐变叠加“货架前”层。

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

第15步
该层，应用下面的图层样式设置。

第16步
使阴影“货架顶部”层中的相同的方式，如在步骤10中解释。

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

第17步
现在，在书架中间绘制一个矩形，如下图所示。

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

第18步
重复的“书架底部”层和位置，如下图所示。

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

第19步
现在，使用“多边形套索”工具，选择一个三角形区域上的阴影层。

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

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

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

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

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

本教程来源：http://designfestival.com
翻译：教程盒子

Photoshop
赞 (0)

相关推荐

  • Photoshop中字体安装教程

    Photoshop中字体安装教程

    相信很多小伙伴都有在使用Photoshop软件,那么在其中我们怎么安装字体呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开浏览器搜索"站长素材"并进入.2. 进入 ...

  • Photoshop图层叠加模式使用教程

    Photoshop图层叠加模式使用教程

    相信很多小伙伴都有在使用Photoshop软件,其中的图层叠加模式该如何使用呢?下面小编就来为大家介绍.具体如下:1. 首先,在Photoshop中打开两个我们要进行操作的图像文件,然后点击左侧菜单栏 ...

  • Photoshop Interface Assistant安装教程图解

    Photoshop Interface Assistant的安装过程全程都是英文了,很多人不知道怎么安装,所以,整理一个Photoshop Interface Assistant安装教程图解大家可以参 ...

  • Photoshop cc2018安装图文教程、破解注册方法

    以下介绍Photoshop cc2018[ps cc2018]简体中文(64/32位)安装图文教程.破解注册方法! 操作方法 01 第一 步:下载解压. 载Photoshop cc2018官方破解版并 ...

  • ps怎么切图保存，Photoshop如何切图教程

    Photoshop是一款灰常好的软件,可以作图,还可以用来切图.对于做前端的朋友来说用Photoshop切图再熟悉不过了.但是也有很多新手或者是业余朋友想学习用ps切图,下面呢,言小鱼就来教大家ps怎 ...

  • Adobe PhotoShop CS6安装破解教程正版序列号

    2012年4月24日,Adobe发布了Photoshop CS6的正式版,在CS6中整合了其Adobe专有的 Mercury图像引擎,通过显卡核心GPU提供了强悍的图片编辑能力,正版序列号激活保证稳定 ...

  • adobe photoshop express下载安装教程

    第一步：在控制面板中搜索位置，点击区域选项更改位置。 第二步：选择美国(安装完后再改回来就可以了) 第三步：进入应用商店，在搜索输入框中输入Photoshop 第四步：在下搜索框弹出的下拉提示用选择， ...

  • photoshop简单基础操作教程

    photoshop软件作为很多电脑工作人员的必学软件 ,也越来越走向大众,但是要进行图片美化和修改,就要知道photoshop的基本操作,下面,我们就来介绍一下如何使用photoshop进行基础操作. ...

  • Adobe Photoshop CS6序列号安装教程

    AdobePhotoshopCS6是AdobePhotoshop的第13代,是一个较为重大的版本更新.Photoshop在前几代加入了GPUOpenGL加速.内容填充等新特性,此代会加强3D图像编辑, ...