Maison > interface Web > Tutoriel PS > le corps du texte

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

PHP中文网
Libérer: 2016-06-01 14:26:50
original
1675 Les gens l'ont consulté

依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制 依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制。
最终效果

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

1、新建大小自定的画布,用形状工具制作圆角矩形。

2、添加图层样式:渐变叠加和投影,参数及效果如下图。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标
 3、分三个图层做中间的形状绘制,其对应图层如下图。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

4、首先看红点标注的2个图层,参数是一样的。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标
 5、正圆形图层样式:内阴影和内发光。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

6、将刚才的三个形状选中,然后成组。

7、在组上添加图层样式:投影,如下图。

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

最终效果及其它类似效果:

Photoshop设计制作一个清新的半透明扁平浅蓝色图标

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!