首页 > 设计知识 > 正文

Photoshop设计创意风格的立体字教程 Photoshop设计立体光影感十足的APP图标

2023-10-19 10:13:01 | 一百分素材网

今天,一百分素材网小编为关注设计知识的同学们准备了Photoshop设计创意风格的立体字教程 Photoshop设计立体光影感十足的APP图标,下面一起来看一下吧。

Photoshop设计创意风格的立体字教程 Photoshop设计立体光影感十足的APP图标

本文目录一览:

Photoshop设计创意风格的立体字教程 Photoshop设计立体光影感十足的APP图标

Photoshop设计创意风格的立体字教程

本教程主要使用Photoshop制作在墙面上挂着的3D立体字,整体的3D效果非常的漂亮,,类似于挂在墙上的效果,大家可以自己扩展制作出霓虹效果,喜欢的朋友让我们一起来学习吧,教程要求PS是CS6完全版,必须有3D功能的。
教程素材背景:超酷的3D立体字PS教程素材

先看看效果图一百分素材网

下面是教程:

Photoshop设计创意风格的立体字教程 Photoshop设计立体光影感十足的APP图标

Photoshop设计立体光影感十足的APP图标

新建画布:

宽:800px 高:600px 分辨率:150像素/英寸 名称:精灵球

一、建立背景层

填充背景色:

点击拾色器 输入色值:#dad9de

确定主光源:

点击拾色器 输入色值:#ffffff

选择画笔工具 柔边画笔 大小700xp,在画面右上角拍一下,给背景确定一个主光源。

赋予主光源颜色:

添加图层样式:颜色叠加 混合模式:正常 输入色值:#f5f9ff 图层模式:柔光

这样基本上背景和主要的光源就确定了。

二、绘制精灵球底框

绘制底框:

点击拾色器 输入色值:#281f20 创建圆角矩形:宽:478px; 高:478px; 圆角:120px

给底框赋予厚度,制造体积感:

添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:4px 软化:4px 角度:60° 高度:16° 高光:#8bb5dc 阴影:#000000

给底框赋予磨砂质感:

将底框复制一层,命名为:底框-质感 滤镜杂色:1.5 平均/单色 高斯模糊:0.5

底框右侧打光

之前我们在做背景的时候,确定了一个主光源,所以我们在把底框的质感做好以后,因为受到光的影响,所以应该在右侧用柔边画笔打一个光,增加变化。

新建图层:侧边光 点击拾色器 输入色值:#ffffff

选择画笔工具 柔边画笔 大小500xp左右,在底框右侧拍一下 改图层模式为:柔光

最后右键 [侧边光] 图层,创建一个剪贴蒙版,将光线限制在底框范围内,这样就简单的给底框右侧打上了一层淡淡的光。

赋予侧边光颜色:因为之前设定的是偏蓝的冷光源,所以在这里也会有所影响。

添加图层样式:颜色叠加 混合模式:柔光 输入色值:#dfebfe 图层模式:柔光

这样精灵球的底框基本上就已经完成了~!接下来,我们就开始绘制球体的部分。

三、绘制精灵球按钮

绘制按钮圆形底座:

点击拾色器 输入色值:#d7d7d7 创建椭圆:宽:96px; 高:96px; 对齐中心

赋予按钮圆形底座光感,制造体积感:

添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:1px 软化:1px 角度:60° 高度:16° 高光:#ffffff 阴影:#5b5353

添加图层样式:渐变叠加 模式:正常 样式:线性 缩放:100% 颜色:#e3e3e3 ~ #eaebef

添加图层样式:内阴影 模式:正常 颜色:#ffffff 角度:60° 距离:1px 大小:2px

以上就是一百分素材网小编为大家带来的Photoshop设计创意风格的立体字教程 Photoshop设计立体光影感十足的APP图标,希望对大家有帮助,了解更多相关资讯请关注一百分素材网。
与“Photoshop设计创意风格的立体字教程 Photoshop设计立体光影感十足的APP图标”相关推荐
如何把psd格式的图片转换成jpg格式?
如何把psd格式的图片转换成jpg格式?

如何把psd格式的图片转换成jpg格式?1、首先在电脑端打开Photoshop软件,如图所示。2、接着打开要保存为Png模式的设计稿psd文件。3、在菜单栏中,选择图像选项下的【模式】CMYK颜色。4、然后把背景部分,点击图层左边的【眼睛】图标,进行隐藏图层即可。5、在顶部菜单的文件选项中,选择弹出的框【储存为web选用格式】,选择保存格式为png即可。6、接

2023-12-12 20:40:01
ps怎么做太阳光效果ps做太阳光效果教程
ps怎么做太阳光效果ps做太阳光效果教程

怎样用PS做地砖的效果图要使用PS制作地砖的效果图,可以按照以下步骤进行:1.打开PS软件,并创建一个新的画布。根据需要,选择适当的尺寸和分辨率。2.导入地砖的纹理图片。在PS工具栏上选择“文件”>“打开”,找到所需的纹理图片并导入到画布中。3.调整纹理图片的大小和比例,使其适应画布。选择“编辑”>“自由变换”工具,按住Shift键调整图片的大小,保持纹理的比例

2023-12-12 20:04:54
自学ps的方法和技巧(ps基础教程 新手入门)
自学ps的方法和技巧(ps基础教程 新手入门)

自学ps的方法和技巧平面设计常用的软件有photoshop,AI。CorelDRAW。但是用的最频繁的是photoshop。简称(ps)ps有着强大的处理图片,文字的功能。ai是能够画矢量图。📚自学教程网上有很多自学ps的教程。自己先从网页下载一个ps。听从教程,首次你认识ps界面,各种工具,一些常用的程序。🔑掌握快捷键ps中有很多快捷键,这些快捷键的作用是为了节省时间,更

2023-12-13 00:16:37
如何在ps中制作个性的文字效果?
如何在ps中制作个性的文字效果?

如何在ps中制作个性的文字效果?1、用Photoshop打开图片。2、打开图片后,点击左侧的文字工具。3、点击文字工具后,就可以输入文字了。4、输完文字后,按Ctrl+回车键结束输入。5、结束输入后,点击顶部的切换字符和段落面板。6、点击顶部的切换字符和段落面板后,在右侧就可以调整文字字体颜色或者大小了。photoshop中怎么制作自己想要的字体?1

2023-12-11 14:26:35
怎么p图改数字
怎么p图改数字

怎么p图改数字1、首先在电脑上用PSCS6软件打开目标图片,如图所示。然后在软件的左侧工具栏中,点击“污点修复画笔工具”选项。然后涂抹需要修改的数字,将原数字去掉。然后在左侧工具栏中,点击“横排文字工具”选项。2、打开一张需要修改图片数字的图片,用【矩形选框工具】框选中数字2。按住【ALT】键向右移动,把数字1修改成数字2。接着,继续框选中需要的数字,例如:数字3。把数字3向左移动,就

2023-12-11 16:27:06
怎么用photoshop修图
怎么用photoshop修图

怎么用photoshop修图用photoshop修图首先打开ps软件并选择一张素材,点击“选区工具”,并勾选需要修改的范围,在编辑中选择“填充”,在内容栏中选择“内容识别”即可。AdobePhotoshop,简称“PS”,是由AdobeSystems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很

2023-12-12 18:16:44
ps如何进行图片压缩-使用photoshop怎样可以将图片压缩到自己想要的大小?
ps如何进行图片压缩-使用photoshop怎样可以将图片压缩到自己想要的大小?

ps如何进行图片压缩-使用photoshop怎样可以将图片压缩到自己想要的大小?ps怎么压缩图片大小200kps压缩图片大小200k步骤如下:电脑:联想G700系统:Windows10软件:photoshop软件20221、打开Photoshop软件导入需要进行压缩处理的图片,点击页面上方的图像。2、点击图像之后在弹出的序列栏中,选择图像大小这个选项。

2023-12-11 12:01:44
怎么用ps去痘ps去痘印教程
怎么用ps去痘ps去痘印教程

怎么用ps去痘ps去痘印教程photoshop照片如何去除脸上的痘印1。可以使用PS中的修复刷工具去除痘印。方法:1.首先,打开点上的PS软件,点击回车。2.然后,加上一张需要去除痘印的照片。3.然后选择左边工具栏上的修复笔刷工具。4.按住键盘上的Alt键,点击痘痘旁边的鼠标,以整个皮肤为源吸。5.然后松开Alt键,用鼠标点击痘痘,盖上。可以去除痘印。

2023-12-12 12:19:39