首页 > 设计知识 > 正文

Photoshop设计扁平化风格的火箭图标 Photoshop设计逼真的购物袋APP图标

2023-05-28 00:28:23 | 一百分素材网

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

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

先看看效果图

绘制火箭图标

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

第1步

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

第2步

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

第3步

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

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

第4步

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

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

Photoshop设计逼真的购物袋APP图标

本教程主要使用Photoshop设计逼真的购物袋APP图标,今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用。

最终效果图:

新建画布。

给画布拉个渐变。

拉个圆角矩形。

双击图层添加图层样式,先来投影。

接着内阴影,内发光和渐变叠加。

最后来个图案叠加,任选一个用来做纹理。

加完样式后成为这个样子。

与“Photoshop设计扁平化风格的火箭图标 Photoshop设计逼真的购物袋APP图标”相关推荐
Photoshop设计逼真的购物袋APP图标 Photoshop设计扁平化风格的渐变海报教程
Photoshop设计逼真的购物袋APP图标 Photoshop设计扁平化风格的渐变海报教程

Photoshop设计逼真的购物袋APP图标本教程主要使用Photoshop设计逼真的购物袋APP图标,今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用。最终效果图:新建画布。给画布拉个渐变。拉个圆角矩形。双击图层添加图层样式,先来投影。接着内阴影,内发光和渐变叠加。最后来个图案叠加,任选一个用来做纹理。

2023-10-12 22:23:39
Photoshop设计逼真的游泳圈风格的软件图标 Photoshop设计逼真的购物袋APP图标
Photoshop设计逼真的游泳圈风格的软件图标 Photoshop设计逼真的购物袋APP图标

Photoshop设计逼真的购物袋APP图标本教程主要使用Photoshop设计逼真的购物袋APP图标,今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用。最终效果图:新建画布。给画布拉个渐变。拉个圆角矩形。双击图层添加图层样式,先来投影。接着内阴影,内发光和渐变叠加。最后来个图案叠加,任选一个用来做纹理。

2023-06-24 21:52:39
Photoshop设计逼真的游泳圈风格的软件图标 Photoshop设计扁平化风格的火箭图标
Photoshop设计逼真的游泳圈风格的软件图标 Photoshop设计扁平化风格的火箭图标

Photoshop设计逼真的游泳圈风格的软件图标本教程主要使用Photoshop设计救身圈组成的软件APP图标,整体的图标质感表现的非常好,,喜欢的朋友让我们一起来学习吧。 Photoshop设计扁平化风格的火箭图标今天的教程,不仅有超详细的步骤解说与多个技巧,而且绘制时能帮同学们深入学习Photoshop的基础形状,教程不难,作为扁平化图标入门教程再合适不过。先看看效果图绘制火

2023-05-29 23:08:23
Photoshop设计复古风格的牛皮质感图标 Photoshop设计逼真的购物袋APP图标
Photoshop设计复古风格的牛皮质感图标 Photoshop设计逼真的购物袋APP图标

Photoshop设计逼真的购物袋APP图标本教程主要使用Photoshop设计逼真的购物袋APP图标,今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用。最终效果图:新建画布。给画布拉个渐变。拉个圆角矩形。双击图层添加图层样式,先来投影。接着内阴影,内发光和渐变叠加。最后来个图案叠加,任选一个用来做纹理。

2023-06-11 19:34:28
Photoshop设计逼真的购物袋APP图标 Photoshop设计渐变插画主题风格的图标
Photoshop设计逼真的购物袋APP图标 Photoshop设计渐变插画主题风格的图标

Photoshop设计逼真的购物袋APP图标本教程主要使用Photoshop设计逼真的购物袋APP图标,今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用。最终效果图:新建画布。给画布拉个渐变。拉个圆角矩形。双击图层添加图层样式,先来投影。接着内阴影,内发光和渐变叠加。最后来个图案叠加,任选一个用来做纹理。

2023-10-09 10:40:46
Photoshop设计逼真的购物袋APP图标 Photoshop设计粉色风格的大白图标教程
Photoshop设计逼真的购物袋APP图标 Photoshop设计粉色风格的大白图标教程

Photoshop设计逼真的购物袋APP图标本教程主要使用Photoshop设计逼真的购物袋APP图标,今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用。最终效果图:新建画布。给画布拉个渐变。拉个圆角矩形。双击图层添加图层样式,先来投影。接着内阴影,内发光和渐变叠加。最后来个图案叠加,任选一个用来做纹理。

2023-10-13 04:45:46
Photoshop设计逼真的购物袋APP图标 Photoshop设计金属质感的火焰燃烧字
Photoshop设计逼真的购物袋APP图标 Photoshop设计金属质感的火焰燃烧字

Photoshop设计逼真的购物袋APP图标本教程主要使用Photoshop设计逼真的购物袋APP图标,今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用。最终效果图:新建画布。给画布拉个渐变。拉个圆角矩形。双击图层添加图层样式,先来投影。接着内阴影,内发光和渐变叠加。最后来个图案叠加,任选一个用来做纹理。

2023-06-12 01:13:04
Photoshop设计火速形式的动感自行车 Photoshop设计逼真的购物袋APP图标
Photoshop设计火速形式的动感自行车 Photoshop设计逼真的购物袋APP图标

Photoshop设计火速形式的动感自行车最终效果1、启动Photoshop打开原图,然后选择仿制图章工具工具把图中的白线去掉。2、我们提高亮度,这里新建一个亮度和饱和度调整图层,亮度设置5,对比度设置56,效果如下。3、按Ctrl+Shift+N新建立一个图层,使用柔角笔刷工具,主直径设置为4px,设置前景色为白色,之后使用钢笔工具把车轮选中。4、设置好路径之后右击鼠标选择

2023-05-28 02:27:11