search
HomeWeb Front-endPS Tutorial橡皮包装与眼镜盒的PS质感表现

本文教大家如何用PS打造橡皮包装和眼镜盒

有一个想法

如果你被那些精致的图标吸引了,如果你是一位图标发烧友,如果你有好的想法正在寻找方法实

现,那么这是一个很好的起点,因为那些诱人的艺术表现形式会诱惑着你不断的获取它们。得到这

些艺术表现形式,你不必花去大量的金钱,起初,你只需要有一个好想法。

当我们在浏览网页,体验APP,使用软件时,会发现越来越多的图标都和身边的事物很相似,日

历、相机、购物车等。没错,因为设计者会设计出贴近生活的图标,识别性更高,让用户在眼睛扫

过的1到2秒内,便知道这个图标代表着什么。由此结论,对于新手设计者就可以从身边、从生活中

去寻找素材。

橡皮包装与眼镜盒的PS质感表现

橡皮包装与眼镜盒的PS质感表现

有一个态度

我习惯用笔去记录生活中的一些有意义或者无意义的想法,科技发展很快,现在我只需用iphone

的记事本,便可以快速的记录在等汽车时突现的想法。记录久了就会把它当成设计清单,哪些可以

用平面广告的形式去表现的更震撼,哪些可以用动画的形式去表现的更有趣,哪些则是用ICON的形

式去表现的更有点击欲望。

大脑是一个庞大的库,记录的数据多,就会出现一个黯淡无光的点子,因为关联性引出了众多元

素,组成了一个Good idea,这个在后期提到制作一个整体风格界面中是非常重要的。

有一张纸一支笔

律师在法庭上会运用自己准备好的逻辑思维加上强有力的资料证据去辩论,心理学家会恰当的使

用各种专业的咨询技术,让来访者接纳自己,意识到自身存在的问题,而设计者起初则是通过一张

纸和一支笔去将自己的想法实现给自己看,从而去分析此想法的实施方法与拓展性。图2-1为我在绘

制塑料质感的草图,快速的将想法绘制到纸上,以方便我更好的去研究塑料质感的表现形式。

橡皮包装与眼镜盒的PS质感表现

橡皮包装与眼镜盒的PS质感表现

有一个行为

战争前,我们在乎盾牌的密度、盔甲的轻度、武器的锋利。厮杀时,需要勇气、技巧、爆发力、体

力。而战前,我们如何挑选出最精良的武器,如何获得最大的胜率?我们需要一个行为,我会每天

给自己指定一个目标,例如每天一标,一星期一教程,让清单因为我们的行为而供不应求。

每天有大量的设计爱好者访问设计网站,去“学习”别人的好作品,与其说学习,不如说是浪费时

间,10%的人会仔细的浏览一次并去思考。30%会去把浏览过的收藏起来,便于以后浏览。60%的

人会发表一些自己的感与作者互动。80%的人则看看图,刺激下自己,发一句:大神,膜拜呀!

然后叉了网页。我只想说这90%的人会在15分钟内忘记所看见的一切。我们我们需要做1%的人,就

是去实践,不管大神的作品是否牛的想让你放弃这个行业,也不管自己的功底有多差,去做吧,你

会发现其实大神也不过如此。很多朋友问我如何提高设计水平,我说了一大堆之后,他们通常会

说:你功底好当然能做的好,像我们没有基础的就不行了。我很好奇什么是功底,功底是图层叠加

叠出来的,没有功底就去叠加啊,叠加的多了,自然就有功底了,所以这些借口的背后还是因为没

有行为。

当然,绘制图标的标准不能用艺术品的标准去衡量,好看不是关键,所以我们在绘制草图的时候,

不必要担心自己的美术基础是否扎实,只要把自己的想法通过绘制的表现形式展示出来就可以,因

为手稿是给自己看的,让我们更加认知自己的设计是否合理,不是为了画出来装X的。当我们在纸上

完成自己的思路后,尽量的在纸上去修改,如果没有定稿,在进行软件实现的时候修改会花费大量

的时间。

接下来让我们动手去实践绘制一个ICON。(以下操作在Photoshop中完成)

橡皮包装与眼镜盒的PS质感表现

练习上图的质感可以让我们学习到如何把握好光影,因为盒子有凹有凸。首先我们需要新建很多层

将盒子的结构绘制出来,将其拼凑到一起。

橡皮包装与眼镜盒的PS质感表现

这些外形都可以用钢笔工具去实现,我们可以先用色块去表现物体的明暗,背景用灰色,这样无论

是高光和阴影都可以看的见。

橡皮包装与眼镜盒的PS质感表现

用同样的方法绘制出盒子里的方块,记得一定要分图层,便于修改。

橡皮包装与眼镜盒的PS质感表现

凹凸感的绘制就需要用到“加深”和“减淡”工具,调整曝光度的参数,值越大效果越明显,所以我们在

绘制的时候,尽量让曝光度值的参数设置小一点,这样微调起来可以拿捏的准。

橡皮包装与眼镜盒的PS质感表现

一像素的偏移可以起到很大的作用,让物体看上去更有凹凸感。

橡皮包装与眼镜盒的PS质感表现

在网上搜索“皮材质”关键字会出来很多皮质感素材,就可以拿来用了,直接用图层叠加到需要添加

材质的图层上就可以了。

橡皮包装与眼镜盒的PS质感表现

增加一些高光,让方块更有玻璃的质感,更加通透。

橡皮包装与眼镜盒的PS质感表现

首先观察物体的投影,我们发现传统的高斯模糊或者图层样式里的投影根本无法做到真实生活中物

体的投影,在这里我们使用动感模糊,改变它的角度,这样会使投影更加真实。

橡皮包装与眼镜盒的PS质感表现

阴影我用了三层,运用了运动模糊和涂抹工具,可以找个实物去观察它的投影,运用多层叠加到一

起,让阴影更加真实。

橡皮包装与眼镜盒的PS质感表现

最终效果,大家可以感觉到对于形态比较复杂的图标,图层混合模式里的效果很难实现,这时候就

需要我们运用一些微调工具,例如:加深、减淡、涂抹、橡皮擦、蒙板等。不放过每一粒像素,有

时候感觉自己画的图标有问题,突破不了,不是手法的问题,很多是缺少观察。希望大家多尝试

,试着运用以上的技巧把缺少的那块补上吧!

橡皮包装与眼镜盒的PS质感表现

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
My Purpose: Assisting with Photoshop-Related TasksMy Purpose: Assisting with Photoshop-Related TasksMay 08, 2025 am 12:18 AM

In Photoshop, the role of layer masks is to allow hidden or displayed portions of layers in a non-destructive manner. 1. The working principle of layer mask is to control the visibility of the layer through black, white and grayscale. 2. The basic usage includes image synthesis, such as synthesising the character image into a new background. 3. Advanced usage can be achieved by using gradient masks to achieve smooth image transition.

Photoshop and Free Alternatives: A Comparative LookPhotoshop and Free Alternatives: A Comparative LookMay 06, 2025 am 12:12 AM

Photoshop's powerful features include smart objects and neural filters, while free alternatives such as GIMP, Krita and Photopea do well in specific fields such as GIMP's layer functionality, Krita's digital paintings and online editing of Photopea.

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.

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

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment