Home Web Front-end PS Tutorial photoshop制作出精致的海蓝色玻璃香水瓶

photoshop制作出精致的海蓝色玻璃香水瓶

Jun 01, 2016 pm 02:34 PM

photoshop制作出精致的海蓝色玻璃香水瓶  最终效果图


photoshop制作出精致的海蓝色玻璃香水瓶

 

1.新建一个700X500DPI的图象文件,背景色为白色,从图象底部到顶部拉一个垂直的渐变出来,颜色不是太重要,自己用喜欢的,这是为了在制作过程中能以这个背景色为依据,或者也可以称之为环境色,使之在制作过程中能有个色调的明确走向。

 
  2.新建一个图层,用钢笔钩出瓶子的半个轮廓(图01),转换为选区,用任意颜色填充。按住CTRL+ALT跟SHIFT水平拖动选区,将填充的色块复制一个到右边,到菜单-编辑-变换-水平翻转(ALT-E-A-H),将复制的色块水平翻个个,并把它与左边的色块拼接起来,这样瓶子的瓶身就是对称的了,而不必费事去画整个瓶子(图02)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图01

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图02
 

 
3.按住CTRL点选图层1再回到背景层,复制选区内容并粘贴,到菜单-图象-调整-色相-饱和度(CTRL+U),将刚才复制的瓶身的明度稍微调高一点(图03)。并可将先前的图层1删除。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图03

 
  4.用钢笔工具在瓶身中间勾个路径出来,(图04)转换成选区,按CTRL+U将选区内的部分的明度稍微调高点(图05)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图04

 

关键词:ps,玻璃,香水瓶
photoshop制作出精致的海蓝色玻璃香水瓶

 
图05

 
  5.用钢笔工具沿着瓶身的边缘棱角的走向,用钢笔工具大致勾些轮廓出来,用来做瓶子的暗调部分(图06)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图06
 

 
6.将路径转换为选区,同样CTRL+U将明度调节至-10(图07)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图07

 
  7.再次用钢笔工具如同上面的方法一样,勾出更细小的暗调面(图08)(图09)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图08

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图09

 
  8.将路径转换为选区,同样调节明度,数值为-20,不要取消选区,用加深工具适时的调整笔触大小对局部阴暗面颜色加深的处理(图10)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图10
 
 
9.同上步骤,用钢笔勾出高光部分的色块,没有标准,随意,看着自然就行(图11)。

 

关键词:ps,玻璃,香水瓶
photoshop制作出精致的海蓝色玻璃香水瓶

 
图11

 
  10.路径转换为选取,调节明度至10,不要取消选区,用减淡工具对局部作淡化的处理,再次用钢笔勾勒出瓶身中部两侧的高光部分(图12)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图12

 
  11.转换路径为选区,将明度调节到+15(图13)。不要取消选区。将色块的边沿部分用加深工具稍微处理一下,使它边缘的颜色较自然的溶入瓶身中去(图14)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图13

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图14
 

 
12.继续同上的步骤,勾出瓶体上棱角的高光亮斑(图15)。转换路径成选区,调节明度至+25,同样不要取消选区(图16)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图15

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图16

 
  13.用钢笔勾出一些轮廓,用来表达瓶身表面的棱角边缘的暗面(图17)。转换路径成选区,用加深工具,减低暴光度至10%,在选区的中梢做加深处理,注意,边缘出应该稍微深点(图18)。
关键词:ps,玻璃,香水瓶


 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图17

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图18
   
 
14.好了,瓶身暂时先放一下,先来做个瓶盖,新建一个图层,用钢笔画好瓶盖的轮廓(图19)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图19

 
  15.将路径转成选区,填充为棕色,再用钢笔钩出,瓶盖外缘的立体阴暗面(图20)转换路径为选区,并将选中部分向下移动一个象素。用(图21)渐变样式,填充选区成(图22)样子。并用加深工具对局部做加深处理效果(图23)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图20

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图21

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图22

 
photoshop制作出精致的海蓝色玻璃香水瓶
关键词:ps,玻璃,香水瓶


 
图23
 
 
16.到路径面板,将刚才最后一次所勾的路径转换成选区,按CTRL+SHIFT+I反选,并将选中部分上移一个象素,再下移一个象素,这样做是为了使选区贴合在图象周围,然后用减淡工具对选中部分的边缘作淡化处理,中间部分做加深处理,完成如(图24)。另外还可以调节瓶盖的明度跟色相来改变它的颜色,使它更好看。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图24

 
  17.再新建一个图层,用钢笔画出盖子上玻璃片的轮廓(图25),上面的用明度调节跟加深减淡的方法已经说得够多了,这个玻璃片我们来试下用手绘来做一下,那样会做起来更快。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图25

 
  18.首先将路径转成选区,填充为比瓶身深一点的灰色,用画笔工具调整不同的灰黑色,先将玻璃的阴暗出涂出来(图26)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图26
 

 
19.再用钢笔画出高光面的轮廓(图27),转换为选区,填充为比瓶身稍微深点的灰色,在用钢笔勾画出上面的菱形抛光面,按CTRL+M或者CTRL+U将所勾选的部分的明度调亮一点(图28)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图27

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图28

 
  19.再将玻璃棱角的高反光面勾画出来,没有一定的形状,沿着抛光面边角的走向钩就可以,并将路径转换为选区,用曲线将被选中部分的颜色调节至近乎白色(图29)。接下来是些小的细节,就是对玻璃的明暗的色块涂画(图30)。
关键词:ps,玻璃,香水瓶


 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图29

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图30

 
  20.好了,瓶子差不多好了!细节的地方自己可以根据自己喜好适当修改,比如加些文字,加个LOGO什么的!还有可CTRL+B将颜色调整调整,看自己喜欢了(图31)。

 
photoshop制作出精致的海蓝色玻璃香水瓶

 
图31

以上就是photoshop制作出精致的海蓝色玻璃香水瓶的内容,更多相关内容请关注PHP中文网(www.php.cn)!


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

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
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.

What is the reason why PS keeps showing loading? What is the reason why PS keeps showing loading? Apr 06, 2025 pm 06:39 PM

PS "Loading" problems are caused by resource access or processing problems: hard disk reading speed is slow or bad: Use CrystalDiskInfo to check the hard disk health and replace the problematic hard disk. Insufficient memory: Upgrade memory to meet PS's needs for high-resolution images and complex layer processing. Graphics card drivers are outdated or corrupted: Update the drivers to optimize communication between the PS and the graphics card. File paths are too long or file names have special characters: use short paths and avoid special characters. PS's own problem: Reinstall or repair the PS installer.

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

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

What are the common questions about exporting PDF on PS What are the common questions about exporting PDF on PS Apr 06, 2025 pm 04:51 PM

Frequently Asked Questions and Solutions when Exporting PS as PDF: Font Embedding Problems: Check the "Font" option, select "Embed" or convert the font into a curve (path). Color deviation problem: convert the file into CMYK mode and adjust the color; directly exporting it with RGB requires psychological preparation for preview and color deviation. Resolution and file size issues: Choose resolution according to actual conditions, or use the compression option to optimize file size. Special effects issue: Merge (flatten) layers before exporting, or weigh the pros and cons.

How to speed up the loading speed of PS? How to speed up the loading speed of PS? Apr 06, 2025 pm 06:27 PM

Solving the problem of slow Photoshop startup requires a multi-pronged approach, including: upgrading hardware (memory, solid-state drive, CPU); uninstalling outdated or incompatible plug-ins; cleaning up system garbage and excessive background programs regularly; closing irrelevant programs with caution; avoiding opening a large number of files during startup.

See all articles