Home Web Front-end 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制作华丽大气的游戏主页

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How do I use Photoshop for creating social media graphics? How do I use Photoshop for creating social media graphics? Mar 18, 2025 pm 01:41 PM

The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

How do I prepare images for web use in Photoshop (file size, resolution, color space)? How do I prepare images for web use in Photoshop (file size, resolution, color space)? Mar 13, 2025 pm 07:28 PM

Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? Mar 13, 2025 pm 07:35 PM

Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

How do I calibrate my monitor for accurate color in Photoshop? How do I calibrate my monitor for accurate color in Photoshop? Mar 13, 2025 pm 07:31 PM

Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

How do I use Photoshop's video editing capabilities? How do I use Photoshop's video editing capabilities? Mar 18, 2025 pm 01:37 PM

The article explains how to use Photoshop for video editing, detailing steps to import, edit, and export videos, and highlighting key features like the Timeline panel, video layers, and effects.

How do I create animated GIFs in Photoshop? How do I create animated GIFs in Photoshop? Mar 18, 2025 pm 01:38 PM

Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.

How do I prepare images for web using Photoshop (optimize file size, resolution)? How do I prepare images for web using Photoshop (optimize file size, resolution)? Mar 18, 2025 pm 01:35 PM

Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

How do I prepare images for print using Photoshop (resolution, color profiles)? How do I prepare images for print using Photoshop (resolution, color profiles)? Mar 18, 2025 pm 01:36 PM

The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

See all articles