首页 > 设计教程 > 图标设计教程

Photoshop绘制精致的索爱播放器图标

时间: 2015-09-10来源: 站酷作者: 伯毅狼浏览: 

当我们看到一个教程的时候,大家会想到些什么呢?马上开练?做完之后呢?本狼建议:在做之前,先看看效果图,想想自己能不能在没有教程的前提下把这个案例做出来?眼前的这个图形由几部分组成,在软件里该怎么实现?步骤是怎么样的?好好思考一番后,再动手做,有目的的去看教程。

看教程的目的是什么?无非就是熟悉软件+绘制技巧(或方法)这两个了吧?吸收别人分享的经验转化成自己的知识,这样才算达到了临摹教程的目的了。所以,我会先去自己思考,然后尝试着去做,遇到难题了不会了再去看教程,这样吸收的快进步也快。

设计思路

首先我们得想好,这玩意该怎么做?先来看看手机的效果图吧:

Photoshop绘制精致的索爱播放器图标

从这张图里我们可以看到,手机由上下两部分组成,上面是屏幕,下面是翻盖和翻盖上的音乐播放按钮。那么我们画草图的时候就思路就很清晰了,也把图标分成上下两块。为了增强效果,我又加了顶部的厚度部分,手机我有,厚度部分我是照着手机做的。

先别急,不要忙着打开PS,我们先拿出纸和笔,画个草图出来并简单区分下明暗,比如这样:

Photoshop绘制精致的索爱播放器图标

你们心里一定在想:卧槽!这特么是什么玩意?这二货作者真的能画出效果图那样的图么?他不会是抄袭的吧?我能解释的是:我手绘退步了,要不是为了说明下设计思路,我才不会自曝不足。

需要注意的是,手机原型是长宽比例大概是1:3,而图标是1:1,那我们该怎么做呢?那有些地方变形是难免的,但是变形也不是盲目的变形,得知道会牵扯到哪些组成部分,该怎么变,和其他组成部分怎么组合才和谐?需要变形的部分内部有没有元素要跟着变,该不该变?这都要考虑好。

绘制图标

整个好看又能突出主体的背景。

我发布的相关作品中,背景太暗,图标也是灰色系,而且比较暗,这就没了对比,无法突出主题,犯了个低级错误。得亏美女大白(芷云白兔)同学一针见血的指出,所以这里改进下。背景不用浮夸,能突出主体又不抢镜就行。具体怎么样,大家随心所欲。

Part1:用形状和颜色来区分各区域

主体

Photoshop绘制精致的索爱播放器图标
Photoshop绘制精致的索爱播放器图标

顶层厚度

Photoshop绘制精致的索爱播放器图标

屏幕

Photoshop绘制精致的索爱播放器图标

按键

Photoshop绘制精致的索爱播放器图标

翻盖的轴

Photoshop绘制精致的索爱播放器图标

翻盖的把

Part2:丰富各区域的细节

然后根据手机效果图,我们把细节部分(不加图层样式)丰富起来

Photoshop绘制精致的索爱播放器图标

看着是不是有种扁平化风格呢?原谅我一下子就到了这一步,因为我觉得……就添加么,实在没什么好说的,不懂的同学请来私聊我。

Photoshop绘制精致的索爱播放器图标
Photoshop绘制精致的索爱播放器图标
Photoshop绘制精致的索爱播放器图标

关注设计帝国公众号

关注方法:

① 扫一扫或长按识别二维码关注

② 微信搜索“设计帝国网站”“warting_com”关注

上一页1/4下一页
Tag标签:

相关推荐

图集推荐

最新文章

更多>>

热门标签

更多>>
山水国画 创意插画 女性插画 产品设计 3D 国画山水 艺术壁纸 印象派 折页设计 人像摄影 QQ女生头像 俄罗斯画家 昆虫图片 CG插画 水彩插画 风景油画 食品包装 风光摄影 唯美插画 图标设计 可爱插画 跑车壁纸 人物画 住宅设计 PS字体教程 后印象派 概念插画 荷兰画家 黑白摄影 意大利画家 人物CG 人物插画 山水画 建筑设计 创意名片 西班牙画家 儿童插画 创意海报 静物油画 工笔画 国外logo 饮料包装 形象设计 CG设计 美女手机壁纸 设计教程 平面设计 平面作品 3D设计 梵高