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

狼欲的海角

狼欲的海角

2016-02-16 05:21

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

先看效果图:

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

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

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

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

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

添加图层样式。

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

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

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

效果如下。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

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

电脑网络
Photoshop制作圆形卷边效果的网页图标教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop教程:打造网页常用圆形折角图标

PS PS教程
Photoshop教程:打造网页常用圆形折角图标

Photoshop设计蓝色立体效果的圆形图标

PS PS基础
Photoshop设计蓝色立体效果的圆形图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作圆形开关图标 简洁大气

PS教程
Photoshop制作圆形开关图标  简洁大气

Photoshop教程:制作照片卷边立体效果

PS PS教程
Photoshop教程:制作照片卷边立体效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作超级玛丽蘑菇图标

Photoshop制作超级玛丽蘑菇图标

Photoshop为太阳镜添加镜面反射效果

Photoshop为太阳镜添加镜面反射效果
下拉加载更多内容 ↓