Photoshop绘制立体多层次的透明泡泡

2016-02-15 23:11 12 1 收藏

下面是个Photoshop绘制立体多层次的透明泡泡教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - PS 】

最终效果

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

1、新建一个800 * 800像素,分辨率为72的画布,确定后把背景填充深蓝色:#1A487C,如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

2、新建一个组,选择椭圆选框工具,按住Alt + Shift键拉一个正圆选区,然后给组添加图层蒙版,如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

3、在组里新建一个图层,填充白色,把不透明度改为:20%,如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

4、载入当前组的蒙版选区,把选区往上移动2个像素,在把选区羽化2个像素,然后按Delete键删除选区部分的色块,取消选区后效果如图5。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

5、新建一个图层,填充白色,用椭圆选框工具拉出下图所示的椭圆选区,羽化4个像素后按Delete键删除选区部分的色块。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

6、取消选区后按住Alt键添加图层蒙版,用白色画笔把左侧局部擦出来,效果如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

7、右侧部分也是同样的方法增加一点高光,效果如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

8、底部也用同样的方法增加高光。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

9、新建一个图层,给顶部增加一点高光,效果如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

10、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

11、选择菜单:编辑 描边,参数设置如图12,确定后效果如图13。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

12、用椭圆选框工具拉出下图所示的椭圆选区,羽化35个像素后按Ctrl + J 把选区部分的线条复制到新的图层,再把原图层隐藏。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

13、选择模糊工具把线条的两端模糊处理,效果如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

14、按Ctrl + J 把当前图层复制一层,效果如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

15、新建一个组,用椭圆选框工具拉出下图所示的椭圆选区,给组添加图层蒙版,用模糊工具把底部稍微模糊处理,如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

16、在组里新建一个图层,填充白色,把不透明度改为:20%,用椭圆选框工具拉出下图所示的椭圆选区,羽化15个像素后按Delete删除,然后取消选区。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

17、新建一个图层,填充白色,不透明度改为:30%,用椭圆选框工具拉出下图所示的椭圆选区,羽化25个像素后按Delete删除。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

18、顶部用同上的方法增加一点高光,如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

19、新建一个图层,用椭圆选框工具在顶部拉出下图所示的椭圆选区,羽化20个像素后填充白色,不透明度改为:30%,如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

20、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化10个像素后填充白色,不透明度改为:50%,如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

21、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充白色,适当降低图层不透明度,如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

22、新建一个图层,加强一下高光区域,如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

23、创建亮度/对比度调整图层,适当增加对比度,参数及效果如下图。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

最后调整一下细节,完成最终效果。

Photoshop绘制立体多层次的透明泡泡,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1565116.html

延伸阅读
标签: PS PS教程
2015即将结束了,2016正向我们迈进,在这个时候,何不激动一下,做一张文字海报来迎接一下我们的新年朋友呢! 最终效果 了解透视: 我先把2015这4个数字组合在一起。 1、运用PS的自由变换Ctrl + T 中的透视和扭曲等,按照自己喜欢的角度去调整一个斜面。 2、Ctrl + J 复制多一个图层出来,并且缩小调节透明度,放在后方,做出一...
来源:PS联盟 作者:大眼仔~旭 本教程的字体效果的层次感非常强。制作的时候需要控制好选区,把文字或图形的选区逐渐减少后填色,再添加图层样式及颜色等,做出层次感。 最终效果1 最终效果2 1、新建一个600 * 400分辨率为300像素的文档,背景选择白色。确定后选择文字工具打上黑色文字,如下图。 2、给文字添加图层样式...
【PS文字特效】Photoshop制作多层次塑料文字教程 只用一个图层样式也可以做出不错的塑料字,不过层次感不是很强。可以在文字的边框及文字中心等多添加几层,再分别设置不同的样式增强塑料的光滑度,效果会更好。 最终效果 1、新建一个1000 * 600像素的文件,选择渐变工具,颜色设置如图1,由中心向边角拉出图2所示的径...
标签: PS效果 PS PS基础
本教程的字体效果的层次感非常强。制作的时候需要控制好选区,把文字或图形的选区逐渐减少后填色,再添加图层样式及颜色等,做出层次感。  最终效果1 最终效果2 1、新建一个600  * 400分辨率为300像素的文档,背景选择白色。确定后选择文字工具打上黑色文字,如下图。 2、给文字添加图层样式,选择斜面...
来源:站酷 作者:KOU_DESIGN PS也可以制作不错的立体字,只是稍微有点复杂。最好在制作之前了解一下3D工具的操作,把基础的学会,然后再去设置字体效果就非常简单了。 最终效果 1、Tulaoshi.com创建一个新的1360 * 1240像素的文件,背景填充颜色:#fcfcfc。 然后,使用titillium字体创建全部大写字体的文本。如果你创建多行文本,确保为每一...

经验教程

623

收藏

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