Photoshop制作圆形卷边效果的网页图标

2016-02-16 05:21 115 1 收藏

下面图老师小编要跟大家分享Photoshop制作圆形卷边效果的网页图标,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - PS 】

先看效果图:

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

新建文档450x450像素,背景白色,新建图层填充黑色,添加渐变叠加样式,设置很简单,我就不截图了。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

建新层前景色#8c0000画一个正圆。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

添加图层样式。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

效果如下。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

只保留投影效果的显示,然后减法模式用钢笔做如下路径,只保留左上角部分。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

Ctrl+T选择缩放位置如下。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

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

选择第一步画的正圆图层,用钢笔减法模式画一个路径,得到下图效果。

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

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

选择形状1副本,修改图层样式。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

把渐变中心往下挪动一定距离,会得到类似下图的效果。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

输入文字F,颜色#c01616,并添加一些投影。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

新建层,调出形状1副本的选区填充白色,之后椭圆工具减选,图层不透明度4%,此为右下角高光部分。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

如果颜色不喜欢,可以添加色相/饱和度调整层,调节颜色。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

最终效果如下,本ps教程结束。

Photoshop制作圆形卷边效果的网页图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1568545.html

延伸阅读
标签: PS教程
在做之前我们需要分解开关了解它的结构,然后按照教程一步步跟着做,想要学习的朋友就赶紧跟着教程一起学习吧。 1、先建立一个1136*640的画布。 2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。 3、建立一个新图层,画一个同样大小的同心圆,...
标签: PS PS教程
有人喜欢新鲜的东西,也有人喜欢怀旧的事物,旧照片是过去的记录,即便是它卷页了也还是记录着过去(寒)。今天笔者就带给大家使用Photoshop制作旧照片的卷页效果,希望对大家有所帮助。 首先启动Photoshop,新建空白画布,将素材照片倒入到画布中,素材照片的女人还是挺有味道的,如果选择芙蓉xx之类的那可没有什么制作下去的必要。如图1所示...
PS教程 Photoshop制作圆形简洁开关图标   想要自己用photoshop设计出一个圆形简介开关,那么就一起来看看下面这个教程吧,制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。 效果图: PS教程 Photoshop制作圆形简洁开关图标(...
标签: PS
Photoshop如何制作简洁大气的圆形开关图标   制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。 最终效果 1、先建立一个1136 * 640的画布。 2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为按...
来源:站酷 作者:残酷de乐章 制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。 最终效果 1、先建立一个1136 * 640的画布。 2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。 3、建立一个新图层,画一...

经验教程

32

收藏

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