search
HomeWeb Front-endPS TutorialPhotoshop设计制作非常清爽的淡蓝色夏季壁纸

非常感谢凯文多拉再次给我们带来了非常精彩的教程--清凉的夏季壁纸! 本教程制作过程非常详细,基本上每个细节及调色数值都有说明,同时教程中的一些笔刷和素材都是用透明底的PNG格式保持的,我们直接下载拖入就可以使用,部分素材是白色的,点击放大后会看不到,

最终效果

Photoshop设计制作非常清爽的淡蓝色夏季壁纸


1、新建空白画布,大小自定,我这里是1600 * 900,设置前景色为:#2058b5,背景色为:#6fb7f2,然后从上到下拉一个径向渐变。这个算是给背景定基本色,然后会根据图再进行最后的调色的。

2、在画布中间打上文字“GREEN”,字体为中国龙创意体,颜色为白色。然后把字体层命名为“字体层”,然后复制3层备用,分别命名为“字体层1、2、3”,先关闭其余层,给“字体层”的字体添加图层样式,参数设置如下图。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
 
3、将复制好的“字体1”拉到“字体层”的下方,再添加图层样式,设置如下图,一样将填充度设置为:0%,然后将“字体1”往右边平行移动,因为我是想做3D的立体效果,所以这个距离大家可以参考效果图。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

4、再将复制的“字体层2”前面的眼睛打开,拉到“字体层1”上方,“字体层”下方。位置和“字体层1”同。这层是一个描边层,所以载入字体选区后DEL掉,不要取消选区,描边1像素,白色,内部。

取消选区后执行:滤镜 > 模糊 > 动感模糊,距离6像素角度为0,完成效果如下图。对于自己感觉不需要描边的地方可以用橡皮擦掉。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

5、打开复制好的“字体层3”前面的眼睛,这层在所有字体层的最上方,将不透明度降低为:39%。这层的位置是和“字体层”同,效果如下图。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

6、将字体的所有层拉入一个新建组中,然后复制这个组及内容,给文字做个投影。将复制组做自由变换垂直翻转,将2组的边缘结合,添加图层蒙版,由下到上拉一个线性渐变,如果感觉拉的不好,可以用柔角橡皮进行局部补充擦拭,效果如下图。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
 
7、字体部分就算基本完工,后面就是装饰部分了。

回到背景层上面,拉入波浪素材,去色,自由变换大小,感觉合适就行,然后擦掉不需要的部分,我这里只保留了字体下方的一部分,设置图层模式为“柔光”,修改不透明度为:75%,效果如下图 。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸


Photoshop设计制作非常清爽的淡蓝色夏季壁纸

8、拉入叶子素材,自由变换大小,放到文字的下面层,先做一下提亮和调色,用可选颜色调,设置如下图。

叶尖部分感觉暗了些,用套索工具选择出纳部分的选区,羽化15像素左右,做曲线提亮。再给叶子做一个投影,投影的颜色在叶子最暗的地方点击截取,设置为:17/0/13,模式正常,其余默认。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸


Photoshop设计制作非常清爽的淡蓝色夏季壁纸
 
9、将水迹素材拉入画布中,自由变换大小,放到叶子层下方。

10、然后给水迹也做一个投影,做法同文字投影做法,后面有关投影的都相同,就不重复了。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

11、将水滴素材拉入画布中,自由变换大小,放到叶子的上方。进行简单的调色,可选颜色:青:-100/0/-62/0,勾选绝对。

12、在水迹下方新建一层,在“G”字的文字刷上星光笔刷。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸


Photoshop设计制作非常清爽的淡蓝色夏季壁纸
<星光1 PNG格式可直接使用>

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
 
13、在星光1层下方再新建一层,刷上星光2笔刷。

14、再在星光2下方新建一层,因为我都是先定位主体,后面素材都是慢慢加的,于是图层肯定不会按从下到上这样的顺序排。刷上线条叶子素材。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
<星光2 PNG格式可直接使用>

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
<线条叶子 PNG格式可直接使用>

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

15、再继续在线条叶子下方新建一层,刷上云彩笔刷。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
<点小图查看PNG大图>

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
 
16、然后再在下方继续新建一层刷上线条笔刷。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸


Photoshop设计制作非常清爽的淡蓝色夏季壁纸

17、再在线条层下新建一层,刷上水滴笔刷,颜色为白色,刷好后擦掉不需要的部分,然后添加样式,如下图。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
<点小图查看PNG大图>

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
 
18、做到这里打部分工作也差不多了,如果喜欢这个蓝色的可以不需要调色了。效果图我在波纹层上面新建了一个可选颜色调整层,参数及效果如下图。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

19、下面回到图层的最上方,现在来给文字部分加点小小的装饰。拉入花枝素材,自由变换大小,放到文字上方,然后擦掉不需要的部分,擦的时候注意擦出花枝穿过文字的感觉。然后在花枝上截取纯的花朵,放到文字G上进行点缀,具体可以参考效果图。

再将花枝复制一层,做个投影,投影做法参考前面所述,这里注意的是我只保留了花枝头的一小部分投影,如下图。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
 
20、拉入水桶素材,进行简单的曲线提亮,将中间点网左拉一点点就可以了。也可以参考前面的曲线提亮数值。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸


Photoshop设计制作非常清爽的淡蓝色夏季壁纸

21、再拉入花草素材,提亮后缩小些放到文字的位置进行点缀,位置可以参考下图。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸


Photoshop设计制作非常清爽的淡蓝色夏季壁纸

22、最后拉入小鸟素材,放到合适的位置,自由变换大小,效果如下图。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

Photoshop设计制作非常清爽的淡蓝色夏季壁纸
 
23、加上需要的网址等信息,盖印图层,USM锐化一次。数值默认,完成最终效果。

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

图层参照及最终效果:

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

Photoshop设计制作非常清爽的淡蓝色夏季壁纸

Statement
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
Photoshop Color Grading: Elevate Your Images with Pro TechniquesPhotoshop Color Grading: Elevate Your Images with Pro TechniquesMay 05, 2025 am 12:07 AM

Color adjustment in Photoshop can be achieved through adjustment layers to make the image more professional. 1. Use color level, curve, hue/saturation and other tools to adjust the hue, saturation and brightness. 2. Apply LUT to create unique color effects. 3. Use adjustment layers to avoid image distortion and use the History panel to track adjustment steps.

Photoshop in the Real World: Examples of Its Diverse UsesPhotoshop in the Real World: Examples of Its Diverse UsesMay 04, 2025 am 12:15 AM

Photoshop's applications in the real world include artistic creation, scientific research and commercial marketing. 1) In artistic creation, it is used for digital painting and illustration. 2) In scientific research, it is used for image processing and data visualization. 3) In commercial marketing, it is used for advertising design and brand image shaping. The versatility of this software makes it widely used in various fields.

Beyond Editing: Photoshop's Creative CapabilitiesBeyond Editing: Photoshop's Creative CapabilitiesMay 03, 2025 am 12:12 AM

Adobe Photoshop goes beyond simple editing and becomes a creative tool for artists and designers. 1) It provides a wealth of tools such as brushes, stamp tools, blend modes and layer styles, supporting adjustments from basic images to complex digital paintings and 3D designs. 2) These tools implement functions through pixel-level operations, allowing users to create unique visual effects.

Photoshop: Exploring Pricing Models and OptionsPhotoshop: Exploring Pricing Models and OptionsMay 02, 2025 am 12:12 AM

Photoshop offers two pricing models: single purchase and subscription service. 1. Single purchase: Pay $699 in one lump sum, permanent use, but no updates and cloud services. 2. Subscription service: $20.99 per month or $239.88 per year, and the latest version and cloud services are available. 3. Enterprise plan: $33.99 per user per month, including team management and additional cloud storage. 4. Educational Offer: Students and teachers are $19.99 per month, including multiple CreativeCloud applications.

Photoshop: Mastering Layers and CompositionPhotoshop: Mastering Layers and CompositionMay 01, 2025 am 12:05 AM

The method to create a new layer in Photoshop is: 1. Click the "New Layer" button at the bottom of the layer panel; 2. Use the shortcut keys Ctrl Shift N (Windows) or Command Shift N (Mac). The layers are like transparent sheets on canvas, allowing design elements to be managed separately, non-destructive editing and experimenting, and improving design levels.

Photoshop Applications: From Photo Editing to Digital ArtPhotoshop Applications: From Photo Editing to Digital ArtApr 30, 2025 am 12:10 AM

Photoshop is widely used in the fields of image processing and digital art, and is suitable for photo editing and digital art creation. 1. Photo editing: Adjust brightness and contrast Use the "Brightness/Contrast" tool. 2. Digital art: Use brush tools to create paintings. 3. Basic usage: Use the "Red Eye Tool" to remove red eyes. 4. Advanced usage: Use layers and masks for image synthesis. 5. Debug: Recover the lost layers by checking the layer panel. 6. Performance optimization: Adjust memory usage to improve running speed.

Photoshop's Core Function: Image Editing and ManipulationPhotoshop's Core Function: Image Editing and ManipulationApr 29, 2025 am 12:17 AM

Photoshop's core functions are image editing and operation, including adjusting the color, brightness, contrast of images, applying filter effects, cropping and adjusting image size, performing image synthesis, etc. 1. Adjust brightness and contrast: Open the image, select the "Adjust" option in the "Image" menu, select "Brightness/Contrast", and adjust the slider. 2. Use the color level adjustment layer and layer mask: Click the "Create a new fill or adjust layer" button, select "Scale", adjust the color level, add a layer mask, and use the brush tool to control the adjustment effect.

Photoshop: The Power of Raster Graphics EditingPhotoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

See all articles

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

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft