Home Web Front-end PS Tutorial Photoshop打造可爱的橙色水晶小蝴蝶

Photoshop打造可爱的橙色水晶小蝴蝶

Jun 01, 2016 pm 02:34 PM

本教程介绍水晶蝴蝶的制作方法,过程比较简单,只需要把蝴蝶翅膀及躯干等部分的高光及暗调渲染出来即可。另外蝴蝶是非常对称的,制作的时候我们只需要重点做好一半,其它部分直接复制就可以。 

 最终效果

Photoshop打造可爱的橙色水晶小蝴蝶


1、新建一个800 * 600像素的文档,背景选择白色。新建一个图层,命名为“小翅膀”,用钢笔工具勾出下图所示的选区。

Photoshop打造可爱的橙色水晶小蝴蝶
<图1>
 
2、选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变。

Photoshop打造可爱的橙色水晶小蝴蝶
<图2>

Photoshop打造可爱的橙色水晶小蝴蝶
<图3>

3、新建一个图层,用钢笔工具勾出图4所示的选区,选择渐变工具,颜色设置如图5,拉出图6所示的线性渐变。

Photoshop打造可爱的橙色水晶小蝴蝶
<图4>

Photoshop打造可爱的橙色水晶小蝴蝶
<图5>

Photoshop打造可爱的橙色水晶小蝴蝶
<图6>
 
4、新建一个图层,用钢笔工具勾出下图所示的选区填充暗红色,下部边缘部分涂上鲜艳一点的红色,如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图7>

5、新建一个图层,用硬度为为100%的圆形画笔点上一些白色高光,适当改变图层不透明度,效果如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图8>

6、新建一个图层,用钢笔勾出图9所属的鹅选区,拉上图10所示的线性渐变。

Photoshop打造可爱的橙色水晶小蝴蝶
<图9>

Photoshop打造可爱的橙色水晶小蝴蝶
<图10>
 
7、新建一个图层,用钢笔勾出下图所示的选区填充颜色:#DF430D,边缘部分用画笔涂上一些橙黄色高光。

Photoshop打造可爱的橙色水晶小蝴蝶
<图11>

8、用钢笔勾出下图所示的选区,按Ctrl + J 把选区部分的图形复制到新的图层,图层混合模式改为“滤色”,不透明度改为:40%。

Photoshop打造可爱的橙色水晶小蝴蝶
<图12>

9、用钢笔勾出图13所示的选区,选择渐变工具颜色设置如图14,拉上线性渐变后用白色画笔把右上角部分涂上一些白色高光。

Photoshop打造可爱的橙色水晶小蝴蝶
<图13>

Photoshop打造可爱的橙色水晶小蝴蝶
<图14>
 
10、把当前图层混合模式改为“正片叠底”,不透明度改为:60%,效果如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图15>

11、调出当前图层选区,新建一个图层,用白色画笔把右上角部分涂上白色高光,如图17。

Photoshop打造可爱的橙色水晶小蝴蝶
<图16>

Photoshop打造可爱的橙色水晶小蝴蝶
<图17>

12、新建一个图层,用钢笔勾出下图所示的选区填充白色,图层不透明度改为:30%,加上图层蒙版,用黑色画笔把底部涂点透明效果。

Photoshop打造可爱的橙色水晶小蝴蝶
<图18>
 
13、新建一个图层,用钢笔勾出翅膀纹路部分的选区填充暗红色,顶部涂上一些紫红色,如图20。勾路径的时候可以分段来勾。

Photoshop打造可爱的橙色水晶小蝴蝶
<图19>

Photoshop打造可爱的橙色水晶小蝴蝶
<图20>

14、把纹路图层混合模式改为“叠加”,效果如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图21>

15、新建一个图层,用白色画笔点上一些高光,右边翅膀基本完成,效果如下图。

Photoshop打造可爱的橙色水晶小蝴蝶
<图22>
 
16、左边翅膀直接复制过去即可。

Photoshop打造可爱的橙色水晶小蝴蝶
<图23>

17、新建一个图层,用椭圆选框工具拉出图24所示的选区,拉上图25所示的径向渐变。

Photoshop打造可爱的橙色水晶小蝴蝶
<图24>

Photoshop打造可爱的橙色水晶小蝴蝶
<图25>
 
18、其它部分如眼睛、触角、身体等部分的制作方法同上,过程如图26 - 29。

Photoshop打造可爱的橙色水晶小蝴蝶
<图26>

Photoshop打造可爱的橙色水晶小蝴蝶
<图27>

Photoshop打造可爱的橙色水晶小蝴蝶
<图28>

Photoshop打造可爱的橙色水晶小蝴蝶
<图29>

最后调整一下细节和角度,完成最终效果。

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

Repo: How To Revive Teammates
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months 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 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 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 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 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 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