search
HomeWeb Front-endPS TutorialPhotoshop设计制作出半透明的光影花朵

Photoshop设计制作出半透明的光影花朵

Mar 20, 2017 am 11:52 AM
flowerstransparent

光影花朵没有实物花朵那么复杂,制作的时候我们只需要把花瓣的高光部分渲染出来即可。然后把花瓣叠加在一起,会组成非常梦幻的效果。

 最终效果

Photoshop设计制作出半透明的光影花朵


1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,然后由中心向边角拉出图2所示的径向渐变作为背景。

Photoshop设计制作出半透明的光影花朵
<图1>

Photoshop设计制作出半透明的光影花朵
<图2>
 
2、现在开始制作花瓣。新建一个组,用钢笔勾出第一片花瓣的轮廓,转为选区后给组添加图层蒙版。确定后把组的不透明度改为:70%,如下图。

Photoshop设计制作出半透明的光影花朵
<图3>

3、在组里新建一个图层,用钢笔勾出花瓣的左边高光选区,羽化8个像素后填充淡黄色:#FBEEDE,如下图。

Photoshop设计制作出半透明的光影花朵
<图4>

4、新建一个图层,用钢笔勾出右边的高光选区,羽化8个像素后填充相同的颜色,效果如下图。

Photoshop设计制作出半透明的光影花朵
<图5>
 
5、新建一个图层,用钢笔勾出下图所示的选区填充淡黄色:#FBEDDD,取消选区后添加图层蒙版,用黑色画笔把底部擦出来,效果如图7。

Photoshop设计制作出半透明的光影花朵
<图6>

Photoshop设计制作出半透明的光影花朵
<图7>

6、新建一个图层,用钢笔勾出顶部高光选区,羽化6个像素后填充白色,如下图。

Photoshop设计制作出半透明的光影花朵
<图8>

7、第一片花瓣完成的效果如下图。

Photoshop设计制作出半透明的光影花朵
<图9>
 
8、同上的方法制作其它花瓣,过程如图10 - 14。注意好组的不透明度调整。

Photoshop设计制作出半透明的光影花朵
<图10>

Photoshop设计制作出半透明的光影花朵
<图11>

Photoshop设计制作出半透明的光影花朵
<图12>

Photoshop设计制作出半透明的光影花朵
<图13>

Photoshop设计制作出半透明的光影花朵
<图14>
 
9、隐藏背景图层,在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。这样我们得到的花瓣的合并图层,如下图。

Photoshop设计制作出半透明的光影花朵
<图15>

10、把盖印后的花瓣稍微缩小一点,然后添加图层蒙版,用黑色画笔把底部不需要的部分擦掉,效果如下图。

Photoshop设计制作出半透明的光影花朵
<图16>

11、新建一个图层,用画笔点上一些小点,效果如下图。

Photoshop设计制作出半透明的光影花朵
<图17>
 
12、在背景图层上面新建一个图层,同上的方法制作两片叶子,过程如图18 - 20。

Photoshop设计制作出半透明的光影花朵
<图18>

Photoshop设计制作出半透明的光影花朵
<图19>

Photoshop设计制作出半透明的光影花朵
<图20>
 
13、创建亮度/对比度调整图层,适当增加图片的对比度,参数设置如图21,确定后适当降低图层不透明度,效果如图22。

Photoshop设计制作出半透明的光影花朵
<图21>

Photoshop设计制作出半透明的光影花朵
<图22>

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

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

Photoshop: A Versatile Tool for Image ManipulationPhotoshop: A Versatile Tool for Image ManipulationApr 27, 2025 am 12:13 AM

Photoshop is so powerful in the field of image processing because of its versatility and intuitive operating interface. 1) It can handle various tasks from basic adjustment to complex synthesis, such as adjusting brightness and contrast. 2) Working based on layers and masks allows non-destructive editing. 3) Examples of usage include adjusting color balance and creating layer masks. 4) Common errors such as excessive editing can be avoided through the History panel. 5) Performance optimization suggestions include the use of smart objects and shortcut keys.

Photoshop Trials and Alternatives: Exploring Free AccessPhotoshop Trials and Alternatives: Exploring Free AccessApr 26, 2025 am 12:23 AM

Photoshop offers a free 7-day trial period. To maximize the use of the trial period, 1) sign up for multiple Adobe accounts, 2) use the student or education version, and 3) subscribe to Adobe CreativeCloud. Free alternatives include: 1) GIMP, 2) Photopea, 3) Krita, these software can meet daily image editing needs.

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

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development 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),

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version