Photoshop设计创意折纸效果LOGO图标教程

2016-02-16 04:27 53 1 收藏

下面图老师小编跟大家分享Photoshop设计创意折纸效果LOGO图标教程,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - PS 】

效果图:

Photoshop设计创意折纸效果LOGO图标教程,PS教程,图老师教程网

Step1

打开photoshop创建一个750*500像素的文件

Step2

在速写外本上画一个基本的构图,确定将要做折叠效果的区域

Photoshop设计创意折纸效果LOGO图标教程,PS教程,图老师教程网

Step3

为了制造折纸的阴影效果,我们需要将每部分拆分成独立的形状和路径,使用钢笔工具制作如下6个图形

Photoshop设计创意折纸效果LOGO图标教程,PS教程,图老师教程网

Step4

然后将其组合成如下形状,并用颜色填充,后面的形状颜色要深于前面的。 然后使用多边形套索工具,按住shift键倾斜45°选择如下图区域,然后删除选中区域

Photoshop设计创意折纸效果LOGO图标教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Step5

复制位于前面的两块形状,然后使用Ctrl + u 打开色相/饱和度对话框,将明度拖至-100。然后打开滤镜模糊 高斯模糊,将半径设为 2.5 – 3,效果如下图:

Photoshop设计创意折纸效果LOGO图标教程,PS教程,图老师教程网

最后选择复制的图层,打开图层创建剪切蒙版得到如下图层:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计创意折纸效果LOGO图标教程,PS教程,图老师教程网

Step6

按住 Ctrl + Shift,然后在图层面板上点击前面和后面的形状缩微图,将其选中,然后创建一个新图层,随便填充一个颜色,将其填充为0%,然后双击打开图层样式,添加阴影效果:距离1,扩展0,大小3,角度120°,不透明度45%

Photoshop设计创意折纸效果LOGO图标教程,PS教程,图老师教程网

Step7

折纸效果做好了,现在你可以添加需要的文字了。

Photoshop设计创意折纸效果LOGO图标教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1568044.html

延伸阅读
本教程主要使用Photoshop设计木质立体效果的软件图标,这篇教程教UI设计师使用PS鼠绘质感立体图标,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和朋友们一起分享学习了。 先来看看最终的效果图吧: 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形Tulaoshi.Com,...
标签: PS PS基础
先看看效果图 1、首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作。 2、接下来我们从最底层做起,首先新建画布,置入模糊背景素材。使用钢笔工具在画布上勾勒出一个心形形状,然后对其添加图层样式。 3、底层做好后,接下来我们制作搞怪。搞怪的制作非常简单,首先按住Ctrl键后点击心形图层会出现...
很开心可以和导师阿坚在08gui大赛中一起去完成 《fight》 的 图标设计 ,在这个过程中真的是受益匪浅!这里我谈一下在这个过程的一些小小心得。 首先在创作初期,我先描述了自己的想法,主要的设计方向是一套骷髅主题的图标,阿坚并没有赞成或反对这个想法,只是叫我先去画草稿给他看。这就是最开始的手稿: 画出来的骷髅没有任何特色,...
本教程学习如何用photoshop的自定义形状工具、钢笔工具和图层样式打造高光质感的电池图标,先看效果图。 新建文档950x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一黑色圆角矩形。 添加图层样式,颜色值请用吸管采样我的截图。 效果如下。 新建图层2,调出形状1选区,选择矩形工具按al...

经验教程

575

收藏

46
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部