Maison interface Web Tutoriel PS Photoshop设计制作出漂亮的彩色泡泡立体图标

Photoshop设计制作出漂亮的彩色泡泡立体图标

Jun 01, 2016 pm 02:33 PM
图标 couleur 泡泡 Personnages en trois dimensions

最终效果

Photoshop设计制作出漂亮的彩色泡泡立体图标

1、新建一个800 * 800像素文档,背景填充蓝色。

Photoshop设计制作出漂亮的彩色泡泡立体图标

2、选择椭圆工具,在背景图层上画一个圆形,填充紫色,并添加蒙版拉上透明度渐变。

Photoshop设计制作出漂亮的彩色泡泡立体图标
 
3、复制球体1,颜色填充为蓝绿色,同样添加蒙版做出透明渐变。

Photoshop设计制作出漂亮的彩色泡泡立体图标

4、选择椭圆工具画一个椭圆,利用变形工具根据球体形状进行变形,最后进行渐变色填充。

Photoshop设计制作出漂亮的彩色泡泡立体图标

5、后面的效果需要有耐心去调了,步骤基本和上面一层一层,利用椭圆围绕球体形状变形,然后进行颜色填充。

Photoshop设计制作出漂亮的彩色泡泡立体图标

6、随后对其加深的地方进行加深。用椭圆工具画圆,栅格化图层,用涂抹工具涂抹。然后添加图层蒙版,控制好过渡区域。

Photoshop设计制作出漂亮的彩色泡泡立体图标
 
7、选择椭圆选框工具,画一个同球体一样大小的圆形选区,利用描边工具对其描边:大小1像素,颜色为白色。然后对线框进行外发光。最后添加蒙版控制好过渡。

Photoshop设计制作出漂亮的彩色泡泡立体图标

8、利用圆角矩形工具,画一个圆形,然后栅格化图层,利用自由变换工具对图形透视变形,效果如下图。

Photoshop设计制作出漂亮的彩色泡泡立体图标

9、复制图层,渐变色填充。

Photoshop设计制作出漂亮的彩色泡泡立体图标

10、利用钢笔工具画出受光部分,以增加质感。

Photoshop设计制作出漂亮的彩色泡泡立体图标
 
11、利用钢笔勾出画出对勾的符号,进行颜色填充。

Photoshop设计制作出漂亮的彩色泡泡立体图标

12、利用多边形套索工具选中符号以部分,然后反选删除另外的部分,并对选中的图形填充渐变色,位置向上移动,形成立体感。

Photoshop设计制作出漂亮的彩色泡泡立体图标

13、随后复制对勾符号图形,位于原图层上方,并改变颜色,稍稍向上移动,这样一个立体图形出现了。

Photoshop设计制作出漂亮的彩色泡泡立体图标

14、有了图形后,对受光源照射的部分进行细化,进一步增加图形的立体感及质感,最后加上投影。

Photoshop设计制作出漂亮的彩色泡泡立体图标

最终效果:

Photoshop设计制作出漂亮的彩色泡泡立体图标


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

Article chaud

Musée de deux points: Guide de localisation de Bungle Wasteland
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Musée de deux points: Guide de localisation de Bungle Wasteland
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment désactiver l'aperçu des vignettes de la barre des tâches dans Win11 ? Désactivez la technique d'affichage des vignettes de l'icône de la barre des tâches en déplaçant la souris Comment désactiver l'aperçu des vignettes de la barre des tâches dans Win11 ? Désactivez la technique d'affichage des vignettes de l'icône de la barre des tâches en déplaçant la souris Feb 29, 2024 pm 03:20 PM

Comment désactiver l'aperçu des vignettes de la barre des tâches dans Win11 ? Désactivez la technique d'affichage des vignettes de l'icône de la barre des tâches en déplaçant la souris

Téléchargez l'icône des paramètres du téléphone sur le bureau « Savoir en quelques secondes : étapes pour modifier les icônes des applications sur les téléphones Android » Téléchargez l'icône des paramètres du téléphone sur le bureau « Savoir en quelques secondes : étapes pour modifier les icônes des applications sur les téléphones Android » Feb 06, 2024 pm 04:27 PM

Téléchargez l'icône des paramètres du téléphone sur le bureau « Savoir en quelques secondes : étapes pour modifier les icônes des applications sur les téléphones Android »

Que signifient les icônes 5G UC et 5G UW sur votre smartphone T-mobile ? Que signifient les icônes 5G UC et 5G UW sur votre smartphone T-mobile ? Feb 24, 2024 pm 06:10 PM

Que signifient les icônes 5G UC et 5G UW sur votre smartphone T-mobile ?

Comment supprimer les icônes dans le menu Démarrer d'Ubuntu ? Comment supprimer les icônes dans le menu Démarrer d'Ubuntu ? Jan 13, 2024 am 10:45 AM

Comment supprimer les icônes dans le menu Démarrer d'Ubuntu ?

Comment faire apparaître l'icône de la barre d'état système sur tous mes moniteurs Windows 11 ? Comment faire apparaître l'icône de la barre d'état système sur tous mes moniteurs Windows 11 ? Sep 22, 2023 pm 03:21 PM

Comment faire apparaître l'icône de la barre d'état système sur tous mes moniteurs Windows 11 ?

Comment insérer des icônes Excel dans les diapositives PPT Comment insérer des icônes Excel dans les diapositives PPT Mar 26, 2024 pm 05:40 PM

Comment insérer des icônes Excel dans les diapositives PPT

Comment désactiver l'icône d'invite de cas dans Win11 Comment désactiver l'icône d'invite de cas dans Win11 Jun 29, 2023 pm 01:00 PM

Comment désactiver l'icône d'invite de cas dans Win11

Que dois-je faire si l'icône dans le coin inférieur droit de Win11 ne répond pas lorsque je clique dessus ? Que dois-je faire si l'icône dans le coin inférieur droit de Win11 ne répond pas lorsque je clique dessus ? Jun 29, 2023 pm 01:54 PM

Que dois-je faire si l'icône dans le coin inférieur droit de Win11 ne répond pas lorsque je clique dessus ?

See all articles