Heim Web-Frontend PS-Tutorial Photoshop打造柔美的彩色透明飘带

Photoshop打造柔美的彩色透明飘带

Jun 01, 2016 pm 02:35 PM

透明彩带制作方法有很多,其中用定义画笔的方法最为简便,不过做出的效果的转折部分过渡不是很自然。下面介绍用纯手工来打造,虽然繁琐一点,不过曲线可以打造的更飘逸更自然。 最终效果

Photoshop打造柔美的彩色透明飘带


1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,然后由左上角只右下角拉出图2所示的线性渐变作为背景。

Photoshop打造柔美的彩色透明飘带
<图1>

Photoshop打造柔美的彩色透明飘带
<图2>
 
2、新建一个组,得到“序列1”。每一条完整的曲线都需要新建一个组。

Photoshop打造柔美的彩色透明飘带
<图3>

2、新建一个组,得到“序列1”。每一条完整的曲线都需要新建一个组。

Photoshop打造柔美的彩色透明飘带
<图3>
 
3、在刚才新建的组里面新建一个图层,命名为“曲线1”,用钢笔勾出下图所示的路径,转为选区后暂时填充红色或其他颜色。

Photoshop打造柔美的彩色透明飘带
<图4>

4、用钢笔工具勾出图5所示的选区,按Ctrl + J 把选区部分的图形复制到新的图层,锁定图层后把图层填充白色,效果如图6。

Photoshop打造柔美的彩色透明飘带
<图5>

Photoshop打造柔美的彩色透明飘带
<图6>
 
5、新建一个图层,按Ctrl + Alt + G 与前一图层编组。然后在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D羽化8个像素后填充淡蓝色:#C5D4F3。

Photoshop打造柔美的彩色透明飘带
<图7>

6、下面再开始沿着曲线的弧度勾出下图所示的选区,羽化5个像素后填充颜色:#C5D4F3。

Photoshop打造柔美的彩色透明飘带
<图8>

7、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充颜色:#C5D4F3。

Photoshop打造柔美的彩色透明飘带
<图9>
 
8、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充颜色:#78A2ED,取消选区后加上图层蒙版,用黑色画笔把一些不自然的部分涂出过度效果。

Photoshop打造柔美的彩色透明飘带
<图10>

9、新建一个图层,把前景颜色设置为颜色:#568BE9,用钢笔勾出图11所示的选区,选择画笔工具,画笔不透明度设置为:10%,然后把选区中间部分涂上前景色,效果如图12。

Photoshop打造柔美的彩色透明飘带
<图11>

Photoshop打造柔美的彩色透明飘带
<图12>
 
10、新建一个图层,用钢笔勾出图13所示的选区,用画笔涂出图14所示的效果。

Photoshop打造柔美的彩色透明飘带
<图13>

Photoshop打造柔美的彩色透明飘带
<图14>

11、新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#ABD3DC。

Photoshop打造柔美的彩色透明飘带
<图15>

12、新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#D1DFF8。

Photoshop打造柔美的彩色透明飘带
<图16>
 
13、新建一个图层,用钢笔勾出图17所示的选区,羽化3个像素后填充淡紫色:#D6CEF6,效果如图18。

Photoshop打造柔美的彩色透明飘带
<图17>

Photoshop打造柔美的彩色透明飘带
<图18>

14、回到“曲线1”图层,用钢笔勾出图19所示的选区,按Ctrl + J 把选区部分的图形复制到新的图层,锁定图层后拉上图20所示的线性渐变。

Photoshop打造柔美的彩色透明飘带
<图19>

Photoshop打造柔美的彩色透明飘带
<图20>
 
15、用钢笔勾出下图所示的选区,羽化5个像素后用减淡工具把边缘部分稍微涂亮一点。

Photoshop打造柔美的彩色透明飘带
<图21>

16、回到“曲线1”图层,用钢笔勾出下图所示的选区,按Ctrl + J 把选区部分图形复制到新的图层,锁定图层后填充颜色:#E1E9F9。

Photoshop打造柔美的彩色透明飘带
<图22>
 
17、同上的方法把边缘部分填充一些颜色,过程如图23 - 26。

Photoshop打造柔美的彩色透明飘带
<图23>

Photoshop打造柔美的彩色透明飘带
<图24>

Photoshop打造柔美的彩色透明飘带
<图25>

Photoshop打造柔美的彩色透明飘带
<图26>
 
18、隐藏“曲线1”图层,大致完成的曲线如下图。

Photoshop打造柔美的彩色透明飘带
<图27>

19、新建一个组后,同上的方法制作第二条曲线,效果如图28,确定后把组的混合模式改为“正片叠底”,效果如图29。

Photoshop打造柔美的彩色透明飘带
<图28>

Photoshop打造柔美的彩色透明飘带
<图29>
 
20、新建一个组后,同上的方法制作第三条曲线,效果如图30,确定后把组的混合模式改为“正片叠底”,效果如图31。

Photoshop打造柔美的彩色透明飘带
<图30>

Photoshop打造柔美的彩色透明飘带
<图31>

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

Photoshop打造柔美的彩色透明飘带

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie benutze ich Photoshop zum Erstellen von Social -Media -Grafiken? Wie benutze ich Photoshop zum Erstellen von Social -Media -Grafiken? Mar 18, 2025 pm 01:41 PM

Die Artikel detailliert mit Photoshop für Social -Media -Grafiken, Abdeckungen von Setup, Design -Tools und Optimierungstechniken. Es betont Effizienz und Qualität bei der Grafikkreation.

Wie bereite ich Bilder für die Verwendung von Web -Verwendung in Photoshop (Dateigröße, Auflösung, Farbraum) vor? Wie bereite ich Bilder für die Verwendung von Web -Verwendung in Photoshop (Dateigröße, Auflösung, Farbraum) vor? Mar 13, 2025 pm 07:28 PM

In Artikeln werden Bilder für die Verwendung von Websäuren in Photoshop vorbereitet und konzentrieren sich auf die Optimierung der Dateigröße, der Auflösung und des Farbraums. Das Hauptproblem ist das Ausgleich der Bildqualität mit schnellen Ladezeiten.

Wie verwende ich Photoshops inhaltsbewusste Füllung und inhaltsbewusste Bewegungswerkzeuge effektiv? Wie verwende ich Photoshops inhaltsbewusste Füllung und inhaltsbewusste Bewegungswerkzeuge effektiv? Mar 13, 2025 pm 07:35 PM

In Artikeln werden die inhaltsbewussten Füll- und Verschieben von Photoshop effektiv mithilfe von Photoshops erörtert, wodurch Tipps zur Auswahl von Quellbereichen, die Vermeidung von Fehlern und das Anpassen der Einstellungen für optimale Ergebnisse angeboten werden.

Wie verwende ich Photoshops Videobearbeitungsfunktionen? Wie verwende ich Photoshops Videobearbeitungsfunktionen? Mar 18, 2025 pm 01:37 PM

In dem Artikel wird erläutert, wie Photoshop zum Bearbeiten von Videoen verwendet wird, Schritte zum Importieren, Bearbeiten und Exportieren von Videos sowie zum Hervorheben von Schlüsselfunktionen wie Timeline -Panel, Videoebenen und Effekten.

Wie bereite ich Bilder für das Web mithilfe von Photoshop vor (optimieren Sie die Dateigröße, Auflösung)? Wie bereite ich Bilder für das Web mithilfe von Photoshop vor (optimieren Sie die Dateigröße, Auflösung)? Mar 18, 2025 pm 01:35 PM

In Artikeln wird die Optimierung von Bildern für das Web mithilfe von Photoshop erläutert, wobei der Schwerpunkt auf Dateigröße und -auflösung liegt. Das Hauptproblem ist die Ausgleich von Qualität und Ladezeiten.

Wie kalibriere ich meinen Monitor für genaue Farbe in Photoshop? Wie kalibriere ich meinen Monitor für genaue Farbe in Photoshop? Mar 13, 2025 pm 07:31 PM

In Artikel werden in den Kalibrierungsmonitoren für genaue Farbe in Photoshop, Werkzeuge zur Kalibrierung, die Auswirkungen einer unsachgemäßen Kalibrierung und die Neukalibrierungsfrequenz erörtert. Hauptproblem ist die Gewährleistung der Farbgenauigkeit.

Wie erstelle ich animierte GIFs in Photoshop? Wie erstelle ich animierte GIFs in Photoshop? Mar 18, 2025 pm 01:38 PM

In Artikel werden animierte GIFs in Photoshop erstellt und optimiert, einschließlich Hinzufügen von Frames zu vorhandenen GIFs. Der Schwerpunkt liegt auf dem Ausgleich von Qualität und Dateigröße.

Wie bereite ich Bilder für den Druck mit Photoshop (Auflösung, Farbprofile) vor? Wie bereite ich Bilder für den Druck mit Photoshop (Auflösung, Farbprofile) vor? Mar 18, 2025 pm 01:36 PM

Der Artikel führt zum Vorbereiten von Bildern für den Druck in Photoshop und konzentriert sich auf Auflösung, Farbprofile und Schärfe. Es wird argumentiert, dass 300 pPI- und CMYK -Profile für Qualitätsdrucke unerlässlich sind.

See all articles