首页 > 设计知识 > 正文

Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体橙色质感的网页按钮

2023-10-03 17:46:41 | 一百分素材网

在平时的学习生活当中,对于设计知识一定都很关心,今天一百分素材网小编为大家整理了Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体橙色质感的网页按钮,希望能够帮助到大家。

Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体橙色质感的网页按钮

Photoshop设计立体橙色质感的网页按钮

button按钮作为网页设 UI设计中重要的一步也是最基础的一步,对设计来说有着重要的作用,按钮是否精致、是否和整体网页、UI相配合,对设计的好与坏有着很大的影响。近几年扁平化简洁化的趋势下,按钮越来越简单,但是不是说设计师本身就应该忘记,,今天我们一起来设计这款橙色风格的按钮,喜欢的朋友一起来学习吧。

教程源文件:MissYuan_按钮源文件.rar

Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体橙色质感的网页按钮

Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体橙色质感的网页按钮

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设计复古风格的牛皮质感图标 Photoshop设计立体橙色质感的网页按钮的全部内容了,如果需要了解更多相关资讯敬请关注一百分素材网。
与“Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体橙色质感的网页按钮”相关推荐
Photoshop设计复古风格的牛皮质感图标 Photoshop设计蓝色质感的网页下载按钮
Photoshop设计复古风格的牛皮质感图标 Photoshop设计蓝色质感的网页下载按钮

Photoshop设计蓝色质感的网页下载按钮本教程主要使用Photoshop绘制蓝色玻璃质感的下载按钮,主要通过图层样式来完成,喜欢的朋友一起来学习吧,,有不懂的朋友可以下载PSD源文件下载。教程的源文件:蓝色玻璃质感的下载按钮PSD源文件 Photoshop设计复古风格的牛皮质感图标在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先

2023-06-28 13:02:26
Photoshop设计复古风格的拳击海报 Photoshop设计立体橙色质感的网页按钮
Photoshop设计复古风格的拳击海报 Photoshop设计立体橙色质感的网页按钮

Photoshop设计立体橙色质感的网页按钮button按钮作为网页设UI设计中重要的一步也是最基础的一步,对设计来说有着重要的作用,按钮是否精致、是否和整体网页、UI相配合,对设计的好与坏有着很大的影响。近几年扁平化简洁化的趋势下,按钮越来越简单,但是不是说设计师本身就应该忘记,,今天我们一起来设计这款橙色风格的按钮,喜欢的朋友一起来学习吧。教程源文件:MissYuan_按钮源文件.rar

2023-07-16 23:11:48
Photoshop设计复古风格的电影海报 Photoshop设计立体橙色质感的网页按钮
Photoshop设计复古风格的电影海报 Photoshop设计立体橙色质感的网页按钮

Photoshop设计复古风格的电影海报经常看电影的同学们相信对很多经典的电影海报有很深的记忆,那么我们在PS中如何制作一张有电影效果的复古海报呢?其实比较简单,具体通过教程思路来制作一下吧,相信同学们可以有深的认识,也可以通过教程所学来制作更加有创意的海报,动手来学习一下吧。效果图:操作步骤:步骤1首先找到一张素材,然后把人像用魔棒工具抠出来,选择-平滑两个像素;步骤2填充成

2023-09-09 11:11:54
Photoshop设计复古风格的花纹图案背景 Photoshop设计立体橙色质感的网页按钮
Photoshop设计复古风格的花纹图案背景 Photoshop设计立体橙色质感的网页按钮

Photoshop设计复古风格的花纹图案背景1、新建一个250*250px的文件,添加垂直、水平参考线,位置在画布中间。这样比较方便对比位置。画布颜色改为#5a5b5d。2、第一个几何形状STEP1:新建一个组-smallpattern。使用椭圆工具,在画布中心画一个直径40px的圆,,填充无,描边2pt,白色。STEP2:画另一个较小圆,直径20px,填充无,描边1pt,白色。放

2023-09-03 15:51:25
Photoshop设计立体橙色质感的网页按钮 Photoshop设计复古风格的金属艺术字
Photoshop设计立体橙色质感的网页按钮 Photoshop设计复古风格的金属艺术字

Photoshop设计立体橙色质感的网页按钮button按钮作为网页设UI设计中重要的一步也是最基础的一步,对设计来说有着重要的作用,按钮是否精致、是否和整体网页、UI相配合,对设计的好与坏有着很大的影响。近几年扁平化简洁化的趋势下,按钮越来越简单,但是不是说设计师本身就应该忘记,,今天我们一起来设计这款橙色风格的按钮,喜欢的朋友一起来学习吧。教程源文件:MissYuan_按钮源文件.rar

2023-07-10 19:57:56
Photoshop设计复古风格的牛皮质感图标 Photoshop设计蓝色立体效果的播放按钮
Photoshop设计复古风格的牛皮质感图标 Photoshop设计蓝色立体效果的播放按钮

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

2023-06-12 20:36:32
Photoshop设计立体橙色质感的网页按钮 Photoshop设计紫色风格的圆形按钮图标
Photoshop设计立体橙色质感的网页按钮 Photoshop设计紫色风格的圆形按钮图标

Photoshop设计立体橙色质感的网页按钮button按钮作为网页设UI设计中重要的一步也是最基础的一步,对设计来说有着重要的作用,按钮是否精致、是否和整体网页、UI相配合,对设计的好与坏有着很大的影响。近几年扁平化简洁化的趋势下,按钮越来越简单,但是不是说设计师本身就应该忘记,,今天我们一起来设计这款橙色风格的按钮,喜欢的朋友一起来学习吧。教程源文件:MissYuan_按钮源文件.rar

2023-10-01 13:40:51
 Photoshop设计立体橙色质感的网页按钮
Photoshop设计立体橙色质感的网页按钮

本文目录一览:1、photoshop设计制作圆形质感纽扣式按钮2、Photoshop设计立体橙色质感的网页按钮photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2.一层层的画。从底部最下面一层开始。3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走

2023-10-18 14:56:16