Home Web Front-end PS Tutorial Photoshop设计制作夏日清凉的水墨油纸扇

Photoshop设计制作夏日清凉的水墨油纸扇

Jun 01, 2016 pm 02:26 PM

扇子是夏季必备之品,今天小编就为大家带来一款夏季清凉的水墨油纸扇制作教程,步骤很简单,喜欢的朋友可以一起来学习 扇子是夏季必备之品,今天小编就为大家带来一款夏季清凉的水墨油纸扇制作教程,步骤很简单,喜欢的朋友可以一起来学习。下面我们自己动手来制作一把扇子,过程:先了解好结构,然后运用一些PS基础工具就可以快速做出来。
最终效果

Photoshop设计制作夏日清凉的水墨油纸扇


1、新建一个1000 * 650像素,分辨率为72的画布。选择渐变工具,颜色设置如图1,然后拉出图2所示的径向渐变作为背景。

Photoshop设计制作夏日清凉的水墨油纸扇
<图1>

Photoshop设计制作夏日清凉的水墨油纸扇
<图2>
 2、新建一个组,在组里新建一个图层,并填充黑色。

Photoshop设计制作夏日清凉的水墨油纸扇
<图3>

3、按字母键“D”把前,背景颜色恢复到默认的黑白,然后选择菜单:滤镜 > 渲染 > 纤维,参数及效果如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图4>

Photoshop设计制作夏日清凉的水墨油纸扇
<图5>

4、把纹理图层暂时隐藏,新建一个图层,用钢笔勾出下图所示的图形,填充任意颜色。

Photoshop设计制作夏日清凉的水墨油纸扇
<图6>

5、新建一个图层,按Ctrl + Alt + G 创建剪切蒙版,选择渐变工具,颜色设置如图7,然后由左至右拉出图8所示的线性渐变。

按住Ctrl点击图形图层缩略图载入选区,把纹理图层显示出来,按Ctrl + C 复制。

Photoshop设计制作夏日清凉的水墨油纸扇
<图7>

Photoshop设计制作夏日清凉的水墨油纸扇
<图8>
 6、在当前组的最上面新建一个图层,按Ctrl + V 粘贴,然后同上的方法创建剪切蒙版,把混合模式改为“叠加”,不透明度改为:50%。添加图层蒙版,用黑白渐变由底部往上拉出白色至黑色线性渐变,效果如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图9>

7、新建一个图层,同上的方法创建剪切蒙版,用钢笔勾出左侧边缘高光选区,羽化1个像素后填充比底色稍亮颜色,如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图10>

8、同样的方法给底部左侧边缘增加高光。

Photoshop设计制作夏日清凉的水墨油纸扇
<图11>

9、新建一个组,在组里新建一个图层,把背景图层隐藏,按Ctrl + Alt + Shift + E 盖印图层,如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图12>

10、把背景图层显示出来,第一个组隐藏,在第一个组里面新建一个图层,用钢笔勾出下图图形,填充橙黄色:#F7D091。

Photoshop设计制作夏日清凉的水墨油纸扇
<图13>

11、锁定图层像素区域,用矩形选框工具框选右边区域,然后填充黄褐色:#C8985F。

Photoshop设计制作夏日清凉的水墨油纸扇
<图14>
 12、给之前的盖印图层增加投影,并调整好角度和位置如图16。

Photoshop设计制作夏日清凉的水墨油纸扇
<图15>

Photoshop设计制作夏日清凉的水墨油纸扇
<图16>

13、把当前图层复制一层,水平翻转一下,移到左侧,调整好位置,这样整个扇子的轮廓就出来了。

Photoshop设计制作夏日清凉的水墨油纸扇
<图17>

14、回到色块图层,按Ctrl + T 变形,先把中心点移到底部交点位置,然后旋转到右侧如图19,再回车确定,效果如图20。

Photoshop设计制作夏日清凉的水墨油纸扇
<图18>

Photoshop设计制作夏日清凉的水墨油纸扇
<图19>

Photoshop设计制作夏日清凉的水墨油纸扇
<图20>
 15、按Ctrl + J 把当前图层复制一层,对副本进行操作,按Ctrl + T 变形,先把中心点移到底部交点位置,然后旋转角度如图22,回车确定后效果如图23。

Photoshop设计制作夏日清凉的水墨油纸扇
<图21>

Photoshop设计制作夏日清凉的水墨油纸扇
<图22>

Photoshop设计制作夏日清凉的水墨油纸扇
<图23>

16、现在来复制,左手按住Ctrl + Alt + Shift键,右手不停按字母键“T”,这样就可以复制出很多扇叶,如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图24>

17、把扇叶图层合并为一个图层,用椭圆选框工具拉出下图所示的选区,删除不需要的部分。

Photoshop设计制作夏日清凉的水墨油纸扇
<图25>

18、加入国画素材,调整好位置,并创建剪切蒙版,混合模式改为“正片叠底”,如下图。

Photoshop设计制作夏日清凉的水墨油纸扇


Photoshop设计制作夏日清凉的水墨油纸扇
<图26>
 19、创建曲线调整图层,加强明暗对比,参数设置如图27,确定后创建剪切蒙版,效果如图28。

Photoshop设计制作夏日清凉的水墨油纸扇
<图27>

Photoshop设计制作夏日清凉的水墨油纸扇
<图28>

20、创建色彩平衡及亮度/对比度调整图层,设置好后分别创建剪切蒙版,效果如图31。

Photoshop设计制作夏日清凉的水墨油纸扇
<图29>

Photoshop设计制作夏日清凉的水墨油纸扇
<图30>

Photoshop设计制作夏日清凉的水墨油纸扇
<图31>

21、顶部加上边线,调整一下局部明暗,效果如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图32>

22、新建一个图层,用钢笔勾出下图所示的选区,并把之前的纹理复制进来,如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图33>
 23、创建色相/饱和度、曲线、色彩平衡调整图层,参数设置如图34 - 36,确定后分别创建剪切蒙版,效果如图37。色相/饱和度记得勾选右下角的“着色”选项。

Photoshop设计制作夏日清凉的水墨油纸扇
<图34>

Photoshop设计制作夏日清凉的水墨油纸扇
<图35>

Photoshop设计制作夏日清凉的水墨油纸扇
<图36>

Photoshop设计制作夏日清凉的水墨油纸扇
<图37>

24、创建纯色调整图层,颜色设置为淡黄色:#F7D199,确定后创建剪切蒙版,用黑色画笔把底部区域擦出来,混合模式改为“强光”,效果如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图38>

25、把做好的图形单独盖印图层,添加投影后跟扇叶一样复制,效果如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图39>
 26、左侧的边线同样的方法制作,效果如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图40>

27、交点位置加上钉子,如下图。

Photoshop设计制作夏日清凉的水墨油纸扇
<图41>

Photoshop设计制作夏日清凉的水墨油纸扇
<图42>

最后调整细节,完成最终效果。

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
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusion System, Explained
3 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
1666
14
PHP Tutorial
1273
29
C# Tutorial
1253
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.

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.

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

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.

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.

See all articles