首页 > 设计知识 > 正文

Photoshop设计扁平化风格的火箭图标 使用PHOTOSHOP设计木制书架

2023-06-26 20:14:02 | 一百分素材网

Photoshop设计扁平化风格的火箭图标

今天的教程,不仅有超详细的步骤解说与多个技巧,而且绘制时能帮同学们深入学习Photoshop的基础形状,教程不难,作为扁平化图标入门教程再合适不过。

先看看效果图

绘制火箭图标

这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以在Photoshop中创建图形的时候直接用吸管工具选取这些颜色了。

第1步

首先,让我们从背景开始做起。我们的icon是圆形的,所以在工具面板中选择椭圆工具,在画布上单击以弹出创建椭圆的对话框,将高度和宽度都设置为512px——OK,现在我们有了一个正圆。让我们用深蓝色来填充它吧,深蓝色也是代表太空的标志性颜色。保持椭圆工具的选择,在顶部的控制面板上找到颜色填充按钮,然后选择你保存的色板中相应的颜色。没有创建色板?好吧,也有参数值,点击右上角的小标志就可以弹出颜色选择对话框。注意,我用的是HSB颜色制式。

第2步

现在我们开始来做火箭的大致轮廓了。开始,在背景中间绘制一个椭圆形。单击直接选择工具,在创建出来的椭圆边缘点击来使得创建除了路径和锚点可见。选择转换点工具(你可以在钢笔工具系列中找到它),并且在上方的锚点单击,将顶部调节成一个较尖锐的角度。

第3步

保持当前图形的选择状态,在上方的形状控制面板中选择路径操作,然后选择相交。

选择矩形工具并且绘制一个矩形,要包含椭圆的绝大部分,而在地面留出一小部分不要覆盖。操作的最终成果就是,矩形选框之外的内容就会变得不可见了,这样我们就切掉了火箭的底部。

第4步

让我们为椭圆的右半部分添加一点阴影。

首先,打开智能参考线(视图——显示——智能参考线),它们可以帮助你将图形放置在合适的位置上。继续使用矩形工具创建一个浅灰色的矩形并把它放在所有图层的上方,覆盖住火箭的右半部分。

一百分素材网

使用PHOTOSHOP设计木制书架

目前,很多小说阅读类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。将它放置在底部的纹理,如下图所示。标签这层“货架前。”然后,隐藏或删除的矩形。 

与“Photoshop设计扁平化风格的火箭图标 使用PHOTOSHOP设计木制书架”相关推荐
Photoshop设计扁平化风格的雷达图标 使用PHOTOSHOP设计木制书架
Photoshop设计扁平化风格的雷达图标 使用PHOTOSHOP设计木制书架

Photoshop设计扁平化风格的雷达图标今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。先看看效果图行星图标第1步:首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,,星球上方绘制很多不同颜色的方框,让它们的颜色和宽度都不尽相同。你

2023-05-28 00:39:28
Photoshop设计扁平化风格的铅笔软件图标 使用PHOTOSHOP设计木制书架
Photoshop设计扁平化风格的铅笔软件图标 使用PHOTOSHOP设计木制书架

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

2023-06-21 00:48:58
 使用PHOTOSHOP设计木制书架
使用PHOTOSHOP设计木制书架

photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2.一层层的画。从底部最下面一层开始。3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的可能更有意思。渐变,投影。&nb

2023-06-22 13:30:21
Photoshop设计复古风格的牛皮质感图标 使用PHOTOSHOP设计木制书架
Photoshop设计复古风格的牛皮质感图标 使用PHOTOSHOP设计木制书架

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

2023-06-17 13:41:35
Photoshop设计逼真的游泳圈风格的软件图标 使用PHOTOSHOP设计木制书架
Photoshop设计逼真的游泳圈风格的软件图标 使用PHOTOSHOP设计木制书架

Photoshop设计逼真的游泳圈风格的软件图标本教程主要使用Photoshop设计救身圈组成的软件APP图标,整体的图标质感表现的非常好,,喜欢的朋友让我们一起来学习吧。 使用PHOTOSHOP设计木制书架目前,很多小说阅读类APPS界面设计都采用了木质书架,这种方式无疑是一个完美的方式。今天,我们将指导您在Photoshop中创建一个木质书架。在本教程中,你会学到如何创造木材纹理

2023-06-03 11:54:32
Photoshop设计火速形式的动感自行车 使用PHOTOSHOP设计木制书架
Photoshop设计火速形式的动感自行车 使用PHOTOSHOP设计木制书架

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

2023-06-15 01:52:57
Photoshop设计超酷的应用程序软件图标 使用PHOTOSHOP设计木制书架
Photoshop设计超酷的应用程序软件图标 使用PHOTOSHOP设计木制书架

Photoshop设计超酷的应用程序软件图标关于5月份向国外大神学习专辑,是针对0基础的同学,因为我也是这么过来的,一个纯技巧,卡在那里如果得不到及时解决,就会放弃,特打击人,浪费时间,感觉一天又被我浪费了,所以我是想着每天上传一篇(现实很残酷)因为这个学期,课多了,怕应付来啊。教程源文件:科技感十足的软件APP图标PSD源文件入门的同学,可以打开我给网址在这里学,英文不好,没关系啊,谷歌

2023-05-27 04:27:08
Photoshop设计复古风格的拳击海报 使用PHOTOSHOP设计木制书架
Photoshop设计复古风格的拳击海报 使用PHOTOSHOP设计木制书架

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

2023-09-02 01:33:52