Home Web Front-end PS Tutorial Photoshop打造一张漂亮的橙色高光壁纸

Photoshop打造一张漂亮的橙色高光壁纸

Jun 01, 2016 pm 02:35 PM
orange color

光影壁纸制作要点:要能够灵活运用钢笔工具勾出一些非常圆滑的弧形路径,然后用画笔或渐变等给选区上色,做出类似有弧形的光束。然后把这些光束组合在一起做成漂亮的壁纸。制作的时候要主要的光束的明暗层次及整体色调的把握。 

 最终效果

Photoshop打造一张漂亮的橙色高光壁纸

1、新建画布,背景设置成黑色,绘制矩形添加线性渐变(我设置的画布大小为1280X1024px)。选择两种橙色制作细微的线性渐变(本教程渐变色设置:#e56b15-#d03403)。

Photoshop打造一张漂亮的橙色高光壁纸
 
2、新建图层使用多边形索套工具,绘制如下图所示三角形选区。选择画笔工具,选择大直径的柔角画笔(笔刷直径300px或者其他),笔刷不透明度设置为15%,沿着选区边缘,通过多次绘制制作出白色渐隐的效果,注意白色不能太浓烈。

Photoshop打造一张漂亮的橙色高光壁纸

3、设置白色渐变所在图层的混合模式为“叠加”。

新建图层如上,使用多边形索套工具绘制类似的三角形选区,这次笔刷颜色设置成黑色,然后使用笔刷涂抹绘出黑色渐隐效果(你也可以使用渐变工具制作,渐变色设置成黑色到透明)。

Photoshop打造一张漂亮的橙色高光壁纸

4、设置黑色渐变所在图层的混合模式为“叠加”,不透明度设为34%。

新建图层使用钢笔工具绘制如下漂亮的曲线路径。秘诀就是在绘制时尽量把锚点的调节线拉长。备份路径然后取得选区。

Photoshop打造一张漂亮的橙色高光壁纸
 
5、在选区内,使用渐变工具绘制白色到透明的渐变。图层混合模式为“叠加”,效果如下:

Photoshop打造一张漂亮的橙色高光壁纸

6、新建图层使用钢笔工具创建如下有趣的路径,Ctrl+Enter 取得选区。

Photoshop打造一张漂亮的橙色高光壁纸

7、在选区内,使用黑色画笔绘制黑色渐隐效果参照下图,不要取消选区,下面还要用。

Photoshop打造一张漂亮的橙色高光壁纸
 
8、新建图层选定选择工具,向下移动10个像素。Ctrl+Shift+I 反选,在选区的左下角部分,使用黑色柔角画笔绘制黑色渐隐效果如下图。设置图层的混合模式为“叠加”,不透明度60%。

Photoshop打造一张漂亮的橙色高光壁纸

9、新建图层Ctrl+Shift+I 反选,前景色设置成白色,使用柔角画笔绘制一些漂亮的白色。选定选择工具,上移10个像素。

Photoshop打造一张漂亮的橙色高光壁纸

10、选择渐变工具,颜色设置成白色到透明渐变,渐变类型选“径向渐变”,绘制渐变如下图,图层混合模式选“叠加”。

Photoshop打造一张漂亮的橙色高光壁纸
 
11、现在看起来,画面的颜色不是很正。如果我想要画面更有活力,可以回到开始的背景层重新设置渐变色。我们这里采用一种更快捷的办法。

新建图层填充橙色,设置图层混合模式为“颜色”,图层不透明度55%。

Photoshop打造一张漂亮的橙色高光壁纸

12、新建图层使用钢笔工具绘制如下路径并取得选区。

Photoshop打造一张漂亮的橙色高光壁纸

13、为选区填充白色到透明的渐变,混合模式选择“叠加”,图层不透明度根据个人喜好自由调整。

Photoshop打造一张漂亮的橙色高光壁纸
 
14、新建图层使用钢笔工具绘制如下图所示,左下角的曲线路径,Ctrl+Enter键取得选区,填充白色到透明的渐变,混合模式选“叠加”。

Photoshop打造一张漂亮的橙色高光壁纸

15、最后的处理。我为背景的左上角添加了白色到透明的叠加图形、右下角添加了黑色到透明叠加图形。
教程结束

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 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
1664
14
PHP Tutorial
1266
29
C# Tutorial
1239
24
Photoshop's Value: Weighing the Cost Against Its Features Photoshop's Value: Weighing the Cost Against Its Features Apr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

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.

Is Photoshop Free? Understanding Subscription Plans Is Photoshop Free? Understanding Subscription Plans Apr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

The Core Purpose of Photoshop: Creative Image Design The Core Purpose of Photoshop: Creative Image Design Apr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

Photoshop: Investigating Free Trials and Discount Options Photoshop: Investigating Free Trials and Discount Options Apr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

Photoshop for Designers: Creating Visual Concepts Photoshop for Designers: Creating Visual Concepts Apr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

See all articles