用Photoshop设计微形3D界面

2016-03-18 02:20 5 1 收藏

下面图老师小编要跟大家分享用Photoshop设计微形3D界面,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - PS 】

本教程主要应用路径与渐变工具的结合运用,制作微形3D界面,下面来看看
最终效果图


1.新建一个文件,300X200象素,分辨率为72DPI,白色背景的文件。

  2.新建图层1,选择圆角矩形工具,在画布中央拉出一个圆角矩形的路径来!并将此路径转换为选区。再选择渐变填充工具,在矩形选区中拉出如(图1)摸样的渐变色填充。



图1
3.将图层1复制一个为图层1副本。再回到图层1,将图层1中的矩形垂直向下移动5-6个象素,并用曲线或者明暗命令将其颜色加深至黑色(图2)。


图2
4.将图层1副本再复制一个为图层1副本2,回到图层1副本,将其垂直向上移动5-6个象素,并同样用曲线命令将起颜色加深,加深至深灰色即可(图3)。


图3

5.在图层1副本2上面新建一个图层2,再选择圆角矩形工具,在原先矩形位置的上半部拉出个稍窄的矩形,完成后按CTRL+T,此时矩形路径上会出现个变换框,然后再按住CTR+SHIFT+ALT将变换框下端两侧的任意一个角向中间水平移动(图4)。


图4
6.完成上述步骤后,将此变形的矩形路径转换为选区,再选择渐变工具,将深浅色两端的颜色都设置为白色,并将浅色端的不透明度设置为0。在此选区内至上而下垂直拖拉(图5)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
图5
7.将图层1,tulaoshi.com图层1副本,图层1副本2及图层2合并为一个图层,再执行菜单-滤镜-模糊-高斯模糊,模糊1个象素(图6)。


图6
8.在合并后的图层上方新建一个图层,再选择圆角矩形工具,在原本矩形的中间位置拉出一个矩形路径,并转换为选区,并用原先的灰色渐变色填充,完成后双击此图层,在弹出的图层样式面板上钩选斜面和浮雕选项,取消全局光设置,将大小跟软化都设置为0,角度为-50度,高度为48,其他不变(图7)。


图7

9.按住CTRL点击此图层,使其选区浮起,再执行菜单-选择-修改-收缩,将选区收缩3个象素,再按CTRL+U将其选区内图象的明度降低(图8)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
图8
10.不要取消选区,再执行菜单-选择-修改-收缩,将选区再收缩2个象素,同时在此图层的上方再新建一个图层,如上述第6步中所说的,将简便色相同设置,并在选区中拖拉(图9)。


图9
11.回到原先合并的,图层,将其复制一个为副本,并下下面的图层水平象下移动4-5个象素,再回到上面的图层,用鼠标双击此图层,在图层样式面板中选内发光跟投影效果,投影的距离设置为10,扩展为10,大小为15,其它不变,再将内发光的发光色设置为白色,阻塞为0,大小为8个象素,并将等高线设置为第2排第5种样式(图10)。


图10
12.好了~此时的界面已经完成了!若要在上面做别的修饰与美化,自己可以发挥(图11)。


图11

来源:http://www.tulaoshi.com/n/20160318/1869969.html

延伸阅读
标签: PS PS基础
效果图: Step 1 创建一个 1000x750像素大小的文件,双击背景图层将其变为可编辑的图层,并打开图层样式颜色叠加,用#47382e叠加。 Step 2 打开标尺(视图标尺),按下图添加一些参考线 Step 3 用矩形工具创建一个矩形,将该图层命名为header. Step 4 将前景色设为黑色,选择椭圆工具创建一个阴影区域,大小要高于白色的矩...
【PS文字特效】Photoshop CS6 3D字母设计教程 CS6的PhTuLaoShi.comotoshop的3D工具添加更多的功能,使得它更容易使用和更快的更新。我们决定一起玩一些3D的使用Photoshop创建一个基本的挤压,然后加一些老的半色调风格。 因此,在本教程中,我们将使用Photoshop和Illustrator创建一个基本的3D效果。整个过程很简单,但它可能需要你到...
【PS文字特效】怎样在photoshop中设计3D纹理字体   效果图: 第一步: 我们先打开AI,然后在里面输入字体,这里可以随便适用任何字体,我们要学的是技巧。 第二步: 然后我们到效果3D凸出与斜角。设置如下: 然后选择字体,然后换个颜色。到对象扩展外观。使用魔术棒工具把字体上面一层选取出来,...
标签: PS PS基础
先看效果图 首先打开老外提供的初始PSD文件,解压后我们可以看到,名为BASIC的组里有3个矢量层,Moon1,MOON,和BLUE。 选择Moon1,复制一层,得到Moon1副本层。 将副本层往左下方挪动一段距离,改变颜色为# 0077a2。 选择钢笔工具,将红框内的节点分别向上向右挪动一段距离,效果如下。 添加图层样式。 效果如...
来源:PS联盟 作者:Sener 本教程重点是把文字的立体面艺术化,用非常漂亮的立体曲线来代替。制作方法相对来说要复杂一些,大致过程:我们先要画好立体草图,包括每一个字母尾巴部分的展现方式。然后用PS慢慢实现。如果认真去做的话跟其它的立体字制作有很多相同点,高光及暗调渲染方法基本相同。 最终效果 1、新建一个1024 * 768像...

经验教程

447

收藏

65

精华推荐

Ellie Morin 3D角色设计

Ellie Morin 3D角色设计

q1576498456

3D字体效果设计欣赏

3D字体效果设计欣赏

小鱼小悠

3d播播如何设置3d

3d播播如何设置3d

请叫我水哥时代

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部