首页 > 设计知识 > 正文

Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体时尚的软件APP图标

2023-05-30 04:08:22 | 一百分素材网

Photoshop设计复古风格的牛皮质感图标

在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光。让我们开始吧。

教程素材:复古风格的笔记本图标PSD教程素材

先看看效果图

一、新建文件,显示网格一百分素材网

打开PS,Command/Ctrl-N新建一个文件。按照下图设置参数,单击确定。显示网格(视图>显示>网格),然后对齐到网格(视图>对齐到>网格)。刚开始,你需要一个10px的网格,选择编辑>首选项>参考线,网格和切片,设置网格线间隔为10px,子网格为1,网格颜色为#a7a7a7。注:可以用Command/Ctrl-’ 快捷键来显示或隐藏网格。你也可以打开信息面板(窗口>信息)来查看你绘制的形状的大小和位置。

二、创建封面和封底

步骤 1

将前景色设为#aecef5。选择圆角矩形工具,选择形状图层模式,把 半径设为5px。创建一个 240 x 380px 的圆角矩形,使用对齐到网格可以简化工作。

步骤 2

选择矩形工具。按住Alt 键,创建一个40 x 330px的矩形,如下图。

步骤 3

选择圆角矩形工具,按住Shift 键,,创建一个50 x 20px 的圆角矩形,如下图。

Photoshop设计立体时尚的软件APP图标

一枚超级漂亮的图标教程。今天P大点S微博同学临摹了一个色板图标,效果好到发指,重点是图层样式的运用,关键部分都有大字标示,方便大家练习。

教程源文件:立体软件APP图标PS教程源文件

效果图:

新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。

执行图层样式斜面浮雕,投影和颜色叠加,参数:

如下,大家也可以自己摸索不同的数值:

效果:

与“Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体时尚的软件APP图标”相关推荐
Photoshop设计复古风格的牛皮质感图标 Photoshop设计时尚质感的圆形软件图标
Photoshop设计复古风格的牛皮质感图标 Photoshop设计时尚质感的圆形软件图标

Photoshop设计复古风格的牛皮质感图标在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光。让我们开始吧。教程素材:复古风格的笔记本图标PSD教程素材先看看效果图一、新建文件,显示网格打开PS,Command/C

2023-05-27 09:08:18
Photoshop设计复古风格的牛皮质感图标 Photoshop设计颓废风格的软件APP图标
Photoshop设计复古风格的牛皮质感图标 Photoshop设计颓废风格的软件APP图标

Photoshop设计复古风格的牛皮质感图标在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光。让我们开始吧。教程素材:复古风格的笔记本图标PSD教程素材先看看效果图一、新建文件,显示网格打开PS,Command/C

2023-05-28 08:39:45
Photoshop设计复古风格的牛皮质感图标 Photoshop设计银色拉丝质感的软件APP图标
Photoshop设计复古风格的牛皮质感图标 Photoshop设计银色拉丝质感的软件APP图标

Photoshop设计银色拉丝质感的软件APP图标下面是教程:步骤一:首先新建画布800px*800px画布,命名为质感图标,为背景添加图层样式。步骤二:使用圆角矩形工具、绘制一个450px*540px圆角半径为90px底座,并为它添加图层样式。Photoshop设计复古风格的牛皮质感图标在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三

2023-09-18 07:22:54
Photoshop设计复古风格的牛皮质感图标 Photoshop设计清新创意的软件APP图标
Photoshop设计复古风格的牛皮质感图标 Photoshop设计清新创意的软件APP图标

Photoshop设计清新创意的软件APP图标1、新建大小自定的画布,用形状工具制作圆角矩形。2、添加图层样式:渐变叠加和投影,,参数及效果如下图。3、分三个图层做中间的形状绘制,其对应图层如下图。4、首先看红点标注的2个图层,参数是一样的。Photoshop设计复古风格的牛皮质感图标在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技

2023-06-10 20:06:06
Photoshop设计复古风格的牛皮质感图标 Photoshop设计时尚的照相机软件图标教程
Photoshop设计复古风格的牛皮质感图标 Photoshop设计时尚的照相机软件图标教程

Photoshop设计时尚的照相机软件图标教程主要通过不规则形状来完成各种软件图标的绘制,有什么不懂的地方可以下载PSD源文件下载,喜欢的朋友让我们一起来学习吧。先看看效果图下面是教程Step01:点击—【文件】—【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(

2023-06-17 13:48:00
Photoshop设计复古风格的牛皮质感图标 Photoshop设计时尚大气的马赛克软件图标
Photoshop设计复古风格的牛皮质感图标 Photoshop设计时尚大气的马赛克软件图标

Photoshop设计时尚大气的马赛克软件图标第1步:打开Photoshop,Ctrl+N新建一个文档,文档尺寸可自定义。第2步:按住Alt键双击背景图层,使其转换为普通图层。然后再次双击,打开图层样式面板,为其添加颜色叠加样式,颜色为#262523。继续为其添加渐变叠加,数值如下:再利用内发光中的杂色功能来给背景添加一些杂色,当然你也可以使用滤镜中的添加杂色功能。此时的

2023-06-27 12:30:09
Photoshop设计复古风格的牛皮质感图标 Photoshop设计翡翠玉石质感的立体APP图标
Photoshop设计复古风格的牛皮质感图标 Photoshop设计翡翠玉石质感的立体APP图标

Photoshop设计翡翠玉石质感的立体APP图标具体的制作步骤如下:新建画布创建圆角矩形颜色#ccd6b1#背景图层填充#f5f7ee#先简单做一个投影添加斜面浮雕添加内阴影添加内发光复制玉图层命名暗部只保留内阴影并修改参数,图层填充为0Photoshop设计复古风格的牛皮质感图标在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要

2023-08-29 04:57:04
Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体光影感十足的APP图标
Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体光影感十足的APP图标

Photoshop设计立体光影感十足的APP图标新建画布:宽:800px高:600px分辨率:150像素/英寸名称:精灵球一、建立背景层填充背景色:点击拾色器输入色值:#dad9de确定主光源:点击拾色器输入色值:#ffffff选择画笔工具柔边画笔大小700xp,在画面右上角拍一下,给背景确定一个主光源。赋予主光源颜色:添加图层样式:颜色叠加混合模式:正常输入色值:#f

2023-10-08 12:29:12