Maison interface Web Tutoriel PS Photoshop制作实用的橘红色装饰彩带

Photoshop制作实用的橘红色装饰彩带

Jun 01, 2016 pm 02:31 PM

彩带是常用的装饰素材,广告设计中应用最多。彩带的前期构思非常重要,需要怎样的效果,心中要规划好;然后画出手稿,再后期渲染质感 彩带是常用的装饰素材,广告设计中应用最多。彩带的前期构思非常重要,需要怎样的效果,心中要规划好;然后画出手稿,再后期渲染质感。本教程只介绍后期制作,前期的创意由自己去发挥。
最终效果

Photoshop制作实用的橘红色装饰彩带


1、新建一个1000 * 600像素,分辨率为72像素的文件,背景填充淡绿色:#30E9A2。先来制作彩带的第一部分,需要完成的效果如下图。

Photoshop制作实用的橘红色装饰彩带
<图1>
 
2、新建一个组,用钢笔勾出下图所示的选区,给组添加图层蒙版。

Photoshop制作实用的橘红色装饰彩带
<图2>

3、在组里新建一个图层填充红色作为底色,如下图。

Photoshop制作实用的橘红色装饰彩带
<图3>

4、新建一个图层,用钢笔勾出中间高光部分选区,羽化4个像素后填充橙黄色。

Photoshop制作实用的橘红色装饰彩带
<图4>

5、新建一个图层,用钢笔勾出高光中间部分高亮选区,羽化1个像素后填充淡黄色。

Photoshop制作实用的橘红色装饰彩带
<图5>

6、新建一个图层,用钢笔勾出底部边缘的暗部选区,羽化2个像素后填充暗红色。

Photoshop制作实用的橘红色装饰彩带
<图6>
 
7、新建图层,用钢笔勾出顶部边缘的高光选区,羽化1个像素后填充橙黄色,不过过渡不自然的部分用涂抹工具涂抹一下。

Photoshop制作实用的橘红色装饰彩带
<图7>

Photoshop制作实用的橘红色装饰彩带
<图8>

8、新建图层,用钢笔勾出尾部边缘的暗部选区,羽化4个像素后填充暗红色。

Photoshop制作实用的橘红色装饰彩带
<图9>

9、新建图层,同上的方法制作尾部顶部边缘的暗部。

Photoshop制作实用的橘红色装饰彩带
<图10>

10、新建图层,用钢笔勾出尾部的阴影区域,羽化15个像素后填充稍暗的红色。

Photoshop制作实用的橘红色装饰彩带
<图11>
 
11、新建图层,加强一下尾部的暗部区域,第一部分基本完成。

Photoshop制作实用的橘红色装饰彩带
<图12>

12、现在再来制作第二部分,需要完成的效果如下图。

Photoshop制作实用的橘红色装饰彩带
<图13>

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

Photoshop制作实用的橘红色装饰彩带
<图14>

14、在组里新建一个图层,填充红色作为底色。

Photoshop制作实用的橘红色装饰彩带
<图15>
 
15、新建图层,同上的方法先制作几条主要的高光及暗部区域,效果如下图。

Photoshop制作实用的橘红色装饰彩带
<图16>

16、新建图层,右侧底部加上阴影,效果如下图。

Photoshop制作实用的橘红色装饰彩带
<图17>

17、新建图层,用钢笔勾出顶部的高光选区,羽化5个像素后填充橙黄色,局部需要加亮的部分用减淡工具涂抹一下。

Photoshop制作实用的橘红色装饰彩带
<图18>

18、局部高光的中间需要加强一下亮度,如下图。

Photoshop制作实用的橘红色装饰彩带
<图19>

19、同上的方法增加一些暗部。

Photoshop制作实用的橘红色装饰彩带
<图20>

Photoshop制作实用的橘红色装饰彩带
<图21>
 
20、创建亮度/对比度调整图层,适当增加图片对比度,参数及效果如下图。

Photoshop制作实用的橘红色装饰彩带
<图22>

Photoshop制作实用的橘红色装饰彩带
<图23>

21、同上的方法制作其它部分的菜单过程如图24 - 26。

Photoshop制作实用的橘红色装饰彩带
<图24>

Photoshop制作实用的橘红色装饰彩带
<图25>

Photoshop制作实用的橘红色装饰彩带
<图26>

最后修饰一下细节,完成最终效果。

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

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
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 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 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 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 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