Maison interface Web Tutoriel PS Photoshop变形工具打造漂亮的彩带花朵

Photoshop变形工具打造漂亮的彩带花朵

Jun 01, 2016 pm 02:34 PM

本教程的重点是花瓣部分的制作,说花瓣其实就是一个气泡,需要慢慢的渲染气泡边缘的高光,尽量多加入一些彩色。然后把做好的气泡变形处理做成类似花瓣的效果,再自由组合成花朵即可 PS版本要求:CS3及以上版本。
最终效果1

Photoshop变形工具打造漂亮的彩带花朵

最终效果2

Photoshop变形工具打造漂亮的彩带花朵
 
1、教程的效果都是由下面这个气泡变形出来的。制作之前先来制作气泡效果。

Photoshop变形工具打造漂亮的彩带花朵
<图1>

2、新建一个600 * 600像素的画布,背景填充蓝色。新建一个组,用钢笔勾出下图所示的轮廓选区,然后给当前组添加图层蒙版,如下图。

Photoshop变形工具打造漂亮的彩带花朵
<图2>
 
3、在组里新建一个图层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D 羽化10个像素后拉上图4所示的线性渐变色。

Photoshop变形工具打造漂亮的彩带花朵
<图3>

Photoshop变形工具打造漂亮的彩带花朵
<图4>

4、把当前图层复制一层,混合模式改为“强光”,不透明度改为:60%,按住Alt键添加图层蒙版,用白色画布把需要加亮的部分擦出来,如下图。

Photoshop变形工具打造漂亮的彩带花朵
<图5>
 
5、同上的方法给气泡的顶部增加一些淡紫色,如下图。

Photoshop变形工具打造漂亮的彩带花朵
<图6>

6、用钢笔勾出图7所示顶部的高光选区,羽化3个像素后填充淡黄色,边缘部分用减淡工具涂亮一点,局部再涂上一下淡绿色,效果如图8。

Photoshop变形工具打造漂亮的彩带花朵
<图7>

Photoshop变形工具打造漂亮的彩带花朵
<图8>
 
7、新建一个图层,用钢笔勾出底部高光选区,羽化1个像素后拉上之前设置的渐变色,效果如下图。

Photoshop变形工具打造漂亮的彩带花朵
<图9>

8、同上的方法再制作左右两侧的高光,大致效果如下图。

Photoshop变形工具打造漂亮的彩带花朵
<图10>

9、局部边缘再添加一些高光,气泡效果基本完成,大致效果如下图。

Photoshop变形工具打造漂亮的彩带花朵
<图11>
 
10、影藏背景图层,在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。就可以得到一个完整的气泡。

新建一个800 * 600像素的画笔,背景填充深蓝色,把做好的气泡拖进来,效果如下图。

Photoshop变形工具打造漂亮的彩带花朵
<图12>

11、把气泡图层复制一层,影藏圆图层,按Ctrl + T 变形稍微压扁一点如图13,然后右键选择变形,再自由变换,如图14,15。

Photoshop变形工具打造漂亮的彩带花朵
<图13>

Photoshop变形工具打造漂亮的彩带花朵
<图14>

Photoshop变形工具打造漂亮的彩带花朵
<图15>
 
12、同上的方法再多复制几个气泡变形处理,然后自由组合成下面所示的效果。

Photoshop变形工具打造漂亮的彩带花朵
<图16>

13、复制做好的花瓣,适当旋转组成一个完整的花朵,如图17,18。

Photoshop变形工具打造漂亮的彩带花朵
<图17>

Photoshop变形工具打造漂亮的彩带花朵
<图18>

14、适当调整一下亮度,渲染一下中间的高光,效果1基本完成。

Photoshop变形工具打造漂亮的彩带花朵
<图19>
 
15、再来制作效果2。新建一个图层填充深蓝色,同上的操作把气泡拖进来变形处理,再降低图层不透明度,效果如下图。

Photoshop变形工具打造漂亮的彩带花朵
<图20>

16、按Ctrl + J 把花瓣图层复制一层,按Ctrl + T 线性,中性点移到花瓣的底部,然后旋转一定角度如下图。然后确认。

Photoshop变形工具打造漂亮的彩带花朵
<图21>

17、按住Ctrl + Alt + Shift + T 复制,直到组成花朵效果。然后把这些图层合并。按Ctrl + J 把合并后的图层复制一层,按Ctrl + T 变形,稍微缩小一定,如下图。

Photoshop变形工具打造漂亮的彩带花朵
<图22>
 
18、再复制再缩小,直到做出自己满意的效果,过程如图23,24。

Photoshop变形工具打造漂亮的彩带花朵
<图23>

Photoshop变形工具打造漂亮的彩带花朵
<图24>

最后微调一下颜色,完成最终效果:

Photoshop变形工具打造漂亮的彩带花朵
<图25>

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

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

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.

Quelle est la raison pour laquelle PS continue de montrer le chargement? Quelle est la raison pour laquelle PS continue de montrer le chargement? Apr 06, 2025 pm 06:39 PM

Les problèmes de «chargement» PS sont causés par des problèmes d'accès aux ressources ou de traitement: la vitesse de lecture du disque dur est lente ou mauvaise: utilisez Crystaldiskinfo pour vérifier la santé du disque dur et remplacer le disque dur problématique. Mémoire insuffisante: améliorez la mémoire pour répondre aux besoins de PS pour les images à haute résolution et le traitement complexe de couche. Les pilotes de la carte graphique sont obsolètes ou corrompues: mettez à jour les pilotes pour optimiser la communication entre le PS et la carte graphique. Les chemins de fichier sont trop longs ou les noms de fichiers ont des caractères spéciaux: utilisez des chemins courts et évitez les caractères spéciaux. Problème du PS: réinstaller ou réparer le programme d'installation PS.

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 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é.

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.

Quelles sont les questions courantes sur l'exportation du PDF sur PS Quelles sont les questions courantes sur l'exportation du PDF sur PS Apr 06, 2025 pm 04:51 PM

Questions et solutions fréquemment posées lors de l'exportation de PS en PDF: Problèmes d'intégration de la police: vérifiez l'option "Font", sélectionnez "intégrer" ou convertissez la police en courbe (chemin). Problème de déviation de couleur: convertir le fichier en mode CMYK et ajuster la couleur; L'exporter directement avec RVB nécessite une préparation psychologique pour l'aperçu et l'écart des couleurs. Problèmes de résolution et de taille des fichiers: choisissez la résolution en fonction des conditions réelles ou utilisez l'option de compression pour optimiser la taille du fichier. Problème d'effets spéciaux: fusionnez (aplatir) les couches avant de l'exportation, ou pesez les avantages et les inconvénients.

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 accélérer la vitesse de chargement de PS? Comment accélérer la vitesse de chargement de PS? Apr 06, 2025 pm 06:27 PM

La résolution du problème du démarrage lent Photoshop nécessite une approche à plusieurs volets, notamment: la mise à niveau du matériel (mémoire, lecteur à semi-conducteurs, CPU); des plug-ins désinstallés ou incompatibles; nettoyer régulièrement les déchets du système et des programmes de fond excessifs; clôture des programmes non pertinents avec prudence; Éviter d'ouvrir un grand nombre de fichiers pendant le démarrage.

See all articles