Maison interface Web Tutoriel PS Photoshop设计制作出飘逸的粉色丝绸飘带

Photoshop设计制作出飘逸的粉色丝绸飘带

Mar 20, 2017 am 11:57 AM
soie

丝绸飘带的透明感较强,不太好刻画。制作的时候需要把彩带的高光及暗部分出来,然后由底部开始,逐层叠加颜色,慢慢把层次感刻画出来。

 最终效果
Photoshop设计制作出飘逸的粉色丝绸飘带


1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,由上至下拉出图2所示的线性渐变。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图1>

Photoshop设计制作出飘逸的粉色丝绸飘带
<图2>
 
2、新建一个图层填充白色,按住Alt键添加图层蒙版,用白色画笔把中间的高光部分涂出来,如图3,4。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图3>

Photoshop设计制作出飘逸的粉色丝绸飘带
<图4>

3、现在开始制作第一段菜单,由中间开始制作,需要完成的部分如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图5>
 
4、新建一个组,在组里新建一个图层,用钢笔勾出下图所示的选区,填充较淡的粉红色:#FFEEE7,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图6>

5、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,用钢笔勾出边缘暗部的选区,羽化2个像素后填充粉红色:#FFC9B3。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图7>

6、新建一个图层,用钢笔勾出下图所示的选区,填充较淡的粉红色:#FFDCCF,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图8>

7、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,然后在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充橙红色:#FC8E68。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图9>
 
8、新建一个图层,用钢笔勾出顶部边缘暗部选区,羽化2个像素后填充橙红色:#F9604F,效果如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图10>

9、新建一个图层,用钢笔勾出右侧边缘选区,羽化2个像素后填充较淡粉红色:#FFAB87,效果如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图11>

10、新建一个图层,用钢笔勾出下图所示的选区,把前景颜色设置为粉红色:#FFC3A9,用画笔把顶部边缘部分涂上前景色,确定后把图层混合模式改为“正片叠底”,不透明度改为:30%。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图12>

11、新建一个组,用钢笔勾出下图所示的选区,给组添加图层蒙版。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图13>
 
12、在组里新建一个图层,填充橙红色:#F59968,确定后把图层不透明度改为:50%,效果如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图14>

13、新建一个图层,用钢笔勾出右边的高光选区,羽化10个像素后填充较淡的粉红色:#FDC69A,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图15>

14、新建一个图层,用钢笔勾出中间暗部选区,羽化3个像素后填充粉红色:#FEBEA2,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图16>

15、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充橙红色:#FEB390,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图17>
 
16、新建一个图层,用钢笔勾出左侧暗部选区,羽化20个像素后填充橙红色:#FAAA7A,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图18>

17、新建一个图层,把前景颜色设置为淡黄色,用画笔把左侧的高光部分涂出来,确定后把图层混合模式改为“滤色”,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图19>

18、新建一个图层,用钢笔勾出右侧底部的选区,羽化3个像素后填充橙红色:#F59C6B,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图20>

19、局部再添加一些高光和暗部,第一条菜单基本完成。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图21>
 
20、新建一个组,用钢笔勾出下图所示的选区,给组添加图层蒙版。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图22>

21、同上的方法制作光束的高光及暗部,过程如图23 - 26。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图23>

Photoshop设计制作出飘逸的粉色丝绸飘带
<图24>

Photoshop设计制作出飘逸的粉色丝绸飘带
<图25>
 
Photoshop设计制作出飘逸的粉色丝绸飘带
<图26>

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

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

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 utiliser Photoshop pour créer des graphiques sur les réseaux sociaux? Comment utiliser Photoshop pour créer des graphiques sur les réseaux sociaux? Mar 18, 2025 pm 01:41 PM

L'article détaille à l'aide de Photoshop pour les graphiques des médias sociaux, couvrant la configuration, les outils de conception et les techniques d'optimisation. Il met l'accent sur l'efficacité et la qualité de la création graphique.

Comment préparer des images pour l'utilisation du Web dans Photoshop (taille du fichier, résolution, espace coloré)? Comment préparer des images pour l'utilisation du Web dans Photoshop (taille du fichier, résolution, espace coloré)? Mar 13, 2025 pm 07:28 PM

L'article discute de la préparation d'images pour l'utilisation du Web dans Photoshop, en nous concentrant sur l'optimisation de la taille du fichier, de la résolution et de l'espace colorimétrique. Le problème principal est d'équilibrer la qualité d'image avec des temps de chargement rapides.

Comment utiliser efficacement les outils de déménagement de remplissage et de contenu de contenu de Photoshop? Comment utiliser efficacement les outils de déménagement de remplissage et de contenu de contenu de Photoshop? Mar 13, 2025 pm 07:35 PM

L'article discute de l'utilisation efficace de l'utilisation efficace de remplissage et de déplacement du contenu de Photoshop, offrant des conseils sur la sélection des zones source, l'évitement des erreurs et l'ajustement des paramètres pour des résultats optimaux.

Comment utiliser les capacités d'édition vidéo de Photoshop? Comment utiliser les capacités d'édition vidéo de Photoshop? Mar 18, 2025 pm 01:37 PM

L'article explique comment utiliser Photoshop pour l'édition vidéo, détaillant les étapes pour importer, modifier et exporter des vidéos et mettre en évidence les fonctionnalités clés telles que le panneau de chronologie, les couches vidéo et les effets.

Comment puis-je calibrer mon moniteur pour une couleur précise dans Photoshop? Comment puis-je calibrer mon moniteur pour une couleur précise dans Photoshop? Mar 13, 2025 pm 07:31 PM

L'article traite des moniteurs d'étalonnage pour une couleur précise dans Photoshop, des outils d'étalonnage, des effets de l'étalonnage incorrect et de la fréquence de recalibrage. Le principal problème est d'assurer la précision des couleurs.

Comment préparer des images pour le Web à l'aide de Photoshop (optimiser la taille du fichier, la résolution)? Comment préparer des images pour le Web à l'aide de Photoshop (optimiser la taille du fichier, la résolution)? Mar 18, 2025 pm 01:35 PM

L'article discute de l'optimisation des images pour le Web à l'aide de Photoshop, en se concentrant sur la taille et la résolution des fichiers. Le principal problème est d'équilibrer la qualité et les temps de chargement.

Comment créer des GIF animés dans Photoshop? Comment créer des GIF animés dans Photoshop? Mar 18, 2025 pm 01:38 PM

L'article discute de la création et de l'optimisation des GIF animés dans Photoshop, y compris l'ajout de trames aux GIF existants. L'accent principal est de l'équilibre entre la qualité et la taille du fichier.

Comment préparer des images pour l'impression à l'aide de Photoshop (résolution, profils de couleurs)? Comment préparer des images pour l'impression à l'aide de Photoshop (résolution, profils de couleurs)? Mar 18, 2025 pm 01:36 PM

L'article guide la préparation d'images à l'impression dans Photoshop, en se concentrant sur la résolution, les profils de couleurs et la netteté. Il fait valoir que les profils de 300 PPI et CMYK sont essentiels pour les impressions de qualité.

See all articles