Heim Web-Frontend PS-Tutorial Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

Jun 01, 2016 pm 02:28 PM

制作主页是一项非常复杂的工作,跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考,找出一些灵感,然后搜集相关的素材,并按照自己的思路去慢慢溶图、渲染颜色,处理明暗及细节等。
最终效果

Photoshop制作华丽大气的游戏主页


1、加上底色绘制平面色块作为物体形状,注意透视形状。

Photoshop制作华丽大气的游戏主页

2、在平面上用画笔工具选取白色绘制亮色过度。

Photoshop制作华丽大气的游戏主页
 
3、继续丰富亮色部分。

Photoshop制作华丽大气的游戏主页

4、在前面的色块上面贴入上面的平面图即可,注意颜色要调成类似蓝色。填进去是不是有点石头机理的感觉了。注意的是这里不需要太逼真的机理,界于半真半假的假三维形式更有设计感。

Photoshop制作华丽大气的游戏主页

5、用深色丰富石头肌理的边缘过度。

Photoshop制作华丽大气的游戏主页

6、继续丰富过度,肌理只需看的见即可,不用太明显。以免抢主体建筑的视觉。

Photoshop制作华丽大气的游戏主页

7、用亮色提亮边缘,使整个物体的暗部不至于过于硬朗,与背景有融合,但是要注意他边缘的虚实变化。

Photoshop制作华丽大气的游戏主页
 
8、放上扣好的建筑物体。

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

9、在建筑图层上面新建图层填上深蓝色,使用滤色。目的是减弱深色让他偏蓝色融入环境。

Photoshop制作华丽大气的游戏主页

10、画笔喷上稍亮的蓝色减弱部分区域,让其有逆光背面透光的感觉。

Photoshop制作华丽大气的游戏主页

11、加上投影。

Photoshop制作华丽大气的游戏主页
 
12、加上其他配件丰富场景。

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

13、摆放其他配件的时候注意不要过于堆积,并且注意整个的重量平衡。位置很重要。不是随便哪个位置都可以摆放。

Photoshop制作华丽大气的游戏主页

14、底下放上倒过来的房子,马上有了超现实的色彩有木有。

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

15、配上主题文字。

Photoshop制作华丽大气的游戏主页
 
16、继续丰富物体边缘部分,使物体与背景更加融合。方法就是喷色使用滤色图层样式。此处虚实非常重要,不可以到处喷色。

Photoshop制作华丽大气的游戏主页

17、加上菱形光晕素材,还是一样使用滤色。放置在右侧位置,使之有逆光光辉的感受,同时也丰富了画面的色彩,而且有了炫彩的美感,还起到了虚化物体边缘的作用,是不是一举四得。

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

18、配件的选择也是有讲究的,此设计是为了突出场景的高大,所以选择了飞机,飞鸟,使之显得空间更加的开阔。

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页

Photoshop制作华丽大气的游戏主页


Photoshop制作华丽大气的游戏主页

配上文字,下面加上高空云,立马空间更加开阔,气氛更加强烈。

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

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
4 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 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 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 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