찾다
웹 프론트엔드PS 튜토리얼橡皮包装与眼镜盒的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质感表现

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
디자이너를위한 Photoshop : 시각적 개념 만들기디자이너를위한 Photoshop : 시각적 개념 만들기Apr 13, 2025 am 12:09 AM

다음 단계를 통해 Photoshop에서 시각적 개념을 만들 수 있습니다. 1. 새 문서 만들기, 2. 배경 레이어 추가, 2. 브러시 도구를 사용하여 기본 모양을 그리기 위해, 4. 색상과 밝기 조정, 5. 텍스트 및 그래픽 추가, 6. 로컬 편집에 마스크 사용, 필터 효과를 적용하는 데 도움이됩니다.이 단계는 스크래치에서 완전히 시각적 인 작업을 구축 할 수 있도록 도와줍니다.

Photoshop은 무료입니까? 구독 계획 이해Photoshop은 무료입니까? 구독 계획 이해Apr 12, 2025 am 12:11 AM

Photoshop은 무료가 아니지만 저렴한 비용 또는 무료로 사용하는 몇 가지 방법이 있습니다. 1. 무료 시험 기간은 7 일 이며이 기간 동안 모든 기능을 경험할 수 있습니다. 2. 학생 및 교사 할인은 비용을 절반으로 줄일 수 있으며 학교 증거가 필요합니다. 3. CreativeCloud 패키지는 전문 사용자에게 적합하며 다양한 Adobe 도구가 포함되어 있습니다. 4. Photoshopelements와 Lightroom은 기능이 적지 만 가격이 낮은 저렴한 대안입니다.

Photoshop의 가치 : 기능에 대한 비용의 무게를 측정합니다Photoshop의 가치 : 기능에 대한 비용의 무게를 측정합니다Apr 11, 2025 am 12:02 AM

Photoshop은 강력한 기능과 광범위한 애플리케이션 시나리오를 제공하기 때문에 투자 가치가 있습니다. 1) 핵심 기능에는 이미지 편집, 레이어 관리, 특수 효과 생산 및 색상 조정이 포함됩니다. 2) 전문 디자이너 및 사진 작가에게 적합하지만 아마추어는 김프와 같은 대안을 고려할 수 있습니다. 3) 높은 일회성 지출을 피하기 위해 필요에 따라 AdobecreativeCloud를 구독 할 수 있습니다.

Photoshop의 핵심 목적 : 창의적인 이미지 디자인Photoshop의 핵심 목적 : 창의적인 이미지 디자인Apr 10, 2025 am 09:29 AM

창의적인 이미지 디자인에서 Photoshop의 핵심 사용은 강력한 기능과 유연성입니다. 1) 디자이너는 레이어, 마스크 및 필터를 통해 창의성을 시각적 현실로 변환 할 수 있습니다. 2) 기본 사용에는 자르기, 크기 조정 및 색 보정이 포함됩니다. 3) 레이어 스타일, 블렌드 모드 및 스마트 객체와 같은 고급 사용법은 복잡한 효과를 만들 수 있습니다. 4) 일반적인 실수에는 부적절한 계층 관리 및 필터 사용 과도한 사용이 포함되며, 레이어를 구성하고 필터를 합리적으로 사용하여 해결할 수 있습니다. 5) 성능 최적화 및 모범 사례에는 계층의 합리적 사용, 파일의 정기 저축 및 바로 가기 키 사용이 포함됩니다.

웹 디자인을위한 Photoshop : UI/UX 용 고급 기술웹 디자인을위한 Photoshop : UI/UX 용 고급 기술Apr 08, 2025 am 12:19 AM

Photoshop은 웹 디자인에 사용하여 고 충실도 프로토 타입을 만들고 UI 요소를 설계하며 사용자 상호 작용을 시뮬레이션 할 수 있습니다. 1. 기본 디자인을 위해 레이어, 마스크 및 스마트 객체를 사용하십시오. 2. 애니메이션 및 타임 라인 기능을 통해 사용자 상호 작용을 시뮬레이션합니다. 3. 스크립트를 사용하여 설계 프로세스를 자동화하고 효율성을 향상시킵니다.

초보자 기사 : PS 브러시를 사용하여 글꼴에 크랙 효과를 추가하십시오 (공유)초보자 기사 : PS 브러시를 사용하여 글꼴에 크랙 효과를 추가하십시오 (공유)Apr 07, 2025 am 06:21 AM

이전 기사 "PS (즐겨 찾기)를 사용하여 플레이트 이미지에 인쇄 효과를 추가하기 위해 단계별로 가르치십시오. 다음 기사는 PS 브러시를 사용하여 글꼴에 균열 효과를 추가하는 방법을 소개합니다. 어떻게하는지 살펴 보겠습니다.

Photoshop Advanced Typography : 멋진 텍스트 효과 생성Photoshop Advanced Typography : 멋진 텍스트 효과 생성Apr 07, 2025 am 12:15 AM

Photoshop에서 레이어 스타일과 필터를 통해 텍스트 효과를 만들 수 있습니다. 1. 새 문서를 만들고 텍스트를 추가하십시오. 2. 그림자 및 외부 글로우와 같은 레이어 스타일을 적용하십시오. 3. 파도 효과와 같은 필터를 사용하고 경사 및 구호 효과를 추가하십시오. 4. 마스크를 사용하여 효과 범위와 강도를 조정하여 텍스트 효과의 시각적 영향을 최적화합니다.

사진을 자르는 방법사진을 자르는 방법Apr 06, 2025 pm 10:27 PM

절단은 이미지의 배경 부분을 제거하고 피사체를 남겨 두는 과정입니다. 일반적인 컷 아웃 방법에는 다음이 포함됩니다. 수동 컷 아웃 : 이미지 편집 소프트웨어를 사용하여 피사체의 가장자리를 수동으로 설명합니다. 자동 컷 아웃 : 소프트웨어를 사용하여 주제를 자동으로 식별하고 배경에서 분리하십시오. 타사 컷 아웃 도구 사용 : 특수 도구를 사용하여 이미지를 잘라냅니다. 채널 컷 아웃 : 이미지의 채널을 사용하여 작업을 위해 피사체 색상과 명백한 차이가있는 채널을 세그먼트하고 선택하십시오.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.