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
Photoshop for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 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.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 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's Value: Weighing the Cost Against Its FeaturesPhotoshop's Value: Weighing the Cost Against Its FeaturesApr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

The Core Purpose of Photoshop: Creative Image DesignThe Core Purpose of Photoshop: Creative Image DesignApr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

Photoshop for Web Design: Advanced Techniques for UI/UXPhotoshop for Web Design: Advanced Techniques for UI/UXApr 08, 2025 am 12:19 AM

Photoshop can be used in web design to create high-fidelity prototypes, design UI elements, and simulate user interactions. 1. Use layers, masks and smart objects for basic design. 2. Simulate user interaction through animation and timeline functions. 3. Use scripts to automate the design process and improve efficiency.

Newbie's article: Use the ps brush to add crack effects to the font (share)Newbie's article: Use the ps brush to add crack effects to the font (share)Apr 07, 2025 am 06:21 AM

In the previous article "Teaching you step by step to add printing effects to plate images using ps (Favorites)", I introduced a small trick to use ps to add printing effects to plate images using ps. The following article will introduce to you how to use the ps brush to add crack effects to the font. Let’s take a look at how to do it.

Photoshop Advanced Typography: Creating Stunning Text EffectsPhotoshop Advanced Typography: Creating Stunning Text EffectsApr 07, 2025 am 12:15 AM

In Photoshop, you can create text effects through layer styles and filters. 1. Create a new document and add text. 2. Apply layer styles such as shadows and outer glow. 3. Use filters such as wave effects and add bevel and relief effects. 4. Use masks to adjust the effect range and intensity to optimize the visual impact of the text effect.

How to cut picturesHow to cut picturesApr 06, 2025 pm 10:27 PM

Cutting is the process of removing the background part in the image and leaving the subject behind. Common cutout methods include: manual cutout: use image editing software to manually outline the edge of the subject. Automatic cutout: Use software to automatically identify the subject and separate it from the background. Use third-party cutout tools: use special tools to cut out images. Channel cutout: Use the channel of the image to segment and select channels with obvious differences from the subject color for operation.

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

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)
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

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),

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.