Home Web Front-end PS Tutorial Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页

Jun 01, 2016 pm 02:34 PM

本教程介绍高档商业网站的设计过程和方法。作者为大师级别的高手,制作当然非常讲究。画面构成简洁大气,素材安排恰到好处。色彩渲染层次感强。总体非常经典,值得学习。 最终效果

Photoshop打造华丽的房地产主页

1、前期素材准备,去网上搜集一些华丽,有气派的素材图片,根据下图标志风格选择一些欧式华丽素材。

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页
 
2、先将画面分成上中下三栏,Logo中间排列,菜单有金属感,将菜单指示效果做成金属感,菜单间的空隙要比Logo左右两边的空隙小,利用调整图层控制Logo背景的光效,为了增强菜单背景的肌理质感,适当在背景上铺上欧式花纹。

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页

3、将城市背景元素加进来,需要自己找相关的素材。背景城市在放置的时候一般要重心下移,留出天空的位置,也要留出位置方法广告词,不要把画面塞得很满,画面有透气感才好。

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页
 
4、城市背景与天空混合。把城市图层混合模式改为“正片叠底”,在城市图层下面新建一些图层,用钢笔工具将大楼的外轮廓勾出来,用白色填充,多做几个图层分别填充白色,便于以后修改。然后用调整图层将右边天空的云彩调亮。

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页
 
5、接下来摆放主体元素,用帝王,地标建筑代表巅峰,傲视群雄。这是要表达的核心元素。主体元素可以使人或物,如宝座、权杖、皇冠等。

摆放元素要注意大小、位置、比例要合适,主元素造型要完整,大部分必须整体没有缺失。

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页

6、摆放广告词的地方,背景图形不要太复杂,广告词是重色背景就要浅些,广告词的背景是深色,广告词就用浅色,一般的地产广告词由主标题、副标题、说明文字、英文翻译组成。

Photoshop打造华丽的房地产主页

Photoshop打造华丽的房地产主页
 
7、整体调色:
首先是VI色:VI色决定画面的色调关系,确定后画面是暖调还是冷调,亮调还是暗调;
然后是色彩冷暖:色彩冷暖是指在同一色调范围内色彩关系要有冷暖对比。
还有色彩协调:色彩协调指色彩在对比的基础上达到统一协调均衡。

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

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusion System, Explained
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers Of The Witch Tree - How To Unlock The Grappling Hook
3 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)

Hot Topics

Java Tutorial
1673
14
PHP Tutorial
1278
29
C# Tutorial
1257
24
Advanced Photoshop Tutorial: Master Retouching & Compositing Advanced Photoshop Tutorial: Master Retouching & Compositing Apr 17, 2025 am 12:10 AM

Photoshop's advanced photo editing and synthesis technologies include: 1. Use layers, masks and adjustment layers for basic operations; 2. Use image pixel values ​​to achieve photo editing effects; 3. Use multiple layers and masks for complex synthesis; 4. Use "liquefaction" tools to adjust facial features; 5. Use "frequency separation" technology to perform delicate photo editing, these technologies can improve image processing level and achieve professional-level effects.

Photoshop's Key Features: A Deep Dive Photoshop's Key Features: A Deep Dive Apr 19, 2025 am 12:08 AM

Key features of Photoshop include layers and masks, adjustment tools, filters and effects. 1. Layers and masks allow independent editing of image parts. 2. Adjust tools such as brightness/contrast can modify image tone and brightness. 3. Filters and effects can quickly add visual effects. Mastering these features can help creative professionals achieve their creative vision.

Using Photoshop: Creative Possibilities and Practical Uses Using Photoshop: Creative Possibilities and Practical Uses Apr 22, 2025 am 12:09 AM

Photoshop is very practical and creative in practical applications. 1) It provides basic editing, repairing and synthesis functions, suitable for beginners and professionals. 2) Advanced features such as content recognition fill and layer style can improve image effects. 3) Mastering shortcut keys and optimizing layer structure can improve work efficiency.

Photoshop and Digital Art: Painting, Illustration, and Compositing Photoshop and Digital Art: Painting, Illustration, and Compositing Apr 18, 2025 am 12:01 AM

Photoshop's applications in digital art include painting, illustration and image synthesis. 1) Painting: Using brushes, pencils and mixing tools, the artist can create realistic effects. 2) Illustration: With vector and shape tools, artists can accurately draw complex graphics and add effects. 3) Synthesis: Using mask and layer blending mode, artists can seamlessly blend different image elements.

Using Photoshop for Graphic Design: Branding and More Using Photoshop for Graphic Design: Branding and More Apr 16, 2025 am 12:02 AM

The steps to using Photoshop for brand design include: 1. Use the Pen tool to draw basic shapes, 2. Add shadows and highlights through layer styles, 3. Adjust colors and details, 4. Use smart objects and actions to automatically generate different versions of the design. Photoshop helps designers create and optimize brand elements with the flexibility of layers and masks, ensuring consistency and professionalism of designs, from simple logos to complex branding guides.

Photoshop for Photographers: Enhancing and Retouching Images Photoshop for Photographers: Enhancing and Retouching Images Apr 25, 2025 am 12:01 AM

Enhance and retouching photos in Photoshop can be achieved by adjusting brightness and contrast, using the Repair Brush Tool. 1) Adjust brightness and contrast: Increase brightness and contrast to improve underexposed photos through the Image->Adjustments->Brightness/Contrast menu. 2) Use the Repair Brush Tool: Select HealingBrushTool in the toolbar and apply to remove miscellaneous points or scars in the image.

What Photoshop Does Best: Common Tasks and Projects What Photoshop Does Best: Common Tasks and Projects Apr 23, 2025 am 12:06 AM

Photoshop is specialized in image editing, layering and masking, digital painting and a variety of design applications. 1) Image editing and repair: remove defects and adjust color and brightness. 2) Layers and masks: non-destructive editing and creation. 3) Digital paintings and illustrations: create art works. 4) Practical applications: graphic design, web design and digital art creation.

Photoshop's Subscription Model: What You Get for Your Money Photoshop's Subscription Model: What You Get for Your Money Apr 15, 2025 am 12:17 AM

Photoshop's subscription model is worth buying. 1) Users can access the latest version and use across devices at any time. 2) The subscription fee is low, and continuous updates and technical support are provided. 3) Advanced functions such as neural filters can be used for complex image processing. Despite the high long-term costs, its convenience and feature updates are valuable to professional users.

See all articles