Heim Web-Frontend PS-Tutorial Photoshop设计制作简洁的双11电商促销横幅

Photoshop设计制作简洁的双11电商促销横幅

Jun 01, 2016 pm 02:28 PM
横幅

电商促销页面中的横幅比较重要,作者在设计的时候也非常用心,用较大的文字直接表达主题,再加上一些合适的装饰,效果也非常不错 电商促销页面中的横幅比较重要,作者在设计的时候也非常用心,用较大的文字直接表达主题,再加上一些合适的装饰,效果也非常不错。
最终效果

Photoshop设计制作简洁的双11电商促销横幅


1、新建一个宽度1920像素,高光自定的文件,填充颜色:#ffd941。然后在1000像素内拉取铺助线。

Photoshop设计制作简洁的双11电商促销横幅

2、使用钢笔工具勾取形状,填充颜色:#ae1c0d。

Photoshop设计制作简洁的双11电商促销横幅

3、输入字体,大小150PX,按Ctrl + T 把文字调斜一点。

Photoshop设计制作简洁的双11电商促销横幅

Photoshop设计制作简洁的双11电商促销横幅
 
4、一样用钢笔工具,画出一个形状,至此大体的排版就出来了。

Photoshop设计制作简洁的双11电商促销横幅

5、排版好之后,我们就开始处理文字效果,首先把文字合并,然后图层样式选择描边,大小数值选25。

Photoshop设计制作简洁的双11电商促销横幅

6、然后用钢笔工具对着描边的形状进行重新画一遍,使棱角分明点。色值#350a04。之后把描边图层样式清除掉。

Photoshop设计制作简洁的双11电商促销横幅

7,8、复制几层文字图层,向右下角轻移几步,然后合并图层,命名阴影层,之后再新建一个图层,对阴影层创建剪切蒙版,用画笔绘制效果如下。

Photoshop设计制作简洁的双11电商促销横幅

9、把文字图层眼睛点上,然后修改文字颜色,色值为#f9e00b,然后再对文字层做些渐变。

Photoshop设计制作简洁的双11电商促销横幅

Photoshop设计制作简洁的双11电商促销横幅
 

10、对矩形进行处理,简单的加个渐变效果,还有投影即可,无需太复杂。

Photoshop设计制作简洁的双11电商促销横幅

Photoshop设计制作简洁的双11电商促销横幅

Photoshop设计制作简洁的双11电商促销横幅

11、输入活动文字,注意主次,然后叠加一个炫光素材,模式改为“滤色”。

Photoshop设计制作简洁的双11电商促销横幅

Photoshop设计制作简洁的双11电商促销横幅

12、主体内容都处理好后,我们开始处理背景,现在感觉还有点单调。首先压暗边缘跟底部,提亮正中顶部,然后叠加一个不规则形状素材,再叠加一个窗帘素材。

Photoshop设计制作简洁的双11电商促销横幅


Photoshop设计制作简洁的双11电商促销横幅

Photoshop设计制作简洁的双11电商促销横幅

13、至此基本就算完成了,但是促销氛围还不够,所有我们要添加一些飘絮物来制造氛围。

Photoshop设计制作简洁的双11电商促销横幅

最终效果:

Photoshop设计制作简洁的双11电商促销横幅

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

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen 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 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 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 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 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 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