勋章图标UI设计教程

滑板鞋

滑板鞋

2017-05-18 11:16

勋章图标UI难度不大,通过以下教程可以学会制作勋章图标UI的方法,制作程度可分为普通平面型,3D型和广告专用型ui。难点在于光影的把握突出,让勋章图标UI变得更为具有造型观感。

设计思路

利用光影设计来突出UI图标的立体感,完稿后需要调整一下色调对比来增强画质感。

勋章图标ui教学步骤图解

奖牌原型构建

  使用基本的原型和圆角矩形大件基础图形,用渐变来表现基本的光影关系。

勋章图标ui教学步骤图解

  此处需要注意的是投影的等高线曲线,如下图。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/uisheji/)

  用这种方式可以让投影有一点金属反光着凉的感觉。

勋章图标ui教学步骤图解

添加背景板细节

  添加一下背景板上的细节,然后用大笔刷+叠加的方式提亮左上角并压暗右下角,铺出基本的光影调子。

勋章图标ui教学步骤图解

添加奖牌浮雕效果

  添加浮雕的图形和文字,图形的文字使用图层样式来表现黄金浮雕的质感。

勋章图标ui教学步骤图解

  图层样式主要通过渐变得加和斜面浮雕(外斜面)的方式来塑造质感,通过等高线,内阴影和够硬来强化质感造型,参数如下图。

勋章图标ui教学步骤图解

勋章图标ui教学步骤图解

勋章图标ui教学步骤图解

勋章图标ui教学步骤图解

勋章图标ui教学步骤图解

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/uisheji/)

勋章图标ui教学步骤图解

奖牌强光效果添加

  用图下素材叠加出强光效果,添加一下形状光芒让金牌显出闪闪发光的效果。

勋章图标ui教学步骤图解

勋章图标ui教学步骤图解

奖牌挂袋设计

  奖牌部分基本完成后,我们可以开始细化挂带部分的设计。

勋章图标ui教学步骤图解

奖牌调整

  在完成了整体后调整好合适的色调,并锐化可以让奖牌造型效果更佳。

勋章图标ui教学步骤图解
勋章图标ui教学步骤图解

背景渲染设计

  背景通过噪点+水印的方式突出氛围,然后通过水波纹的方式来引导视线。

勋章图标ui教学步骤图解

  水波纹是通过简单的投影来实现的,注意投影的等高线曲线。

勋章图标ui教学步骤图解

  最后再背景的中心加一点金色的颗粒表现出金粉的感觉就完成了。

勋章图标ui教学步骤图解

相关阅读:图标UI设计

展开更多 50%)
分享

猜你喜欢

勋章图标UI设计教程

UI设计 设计
勋章图标UI设计教程

图标UI设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
图标UI设计

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

设计日历主题UI图标教程

PS基础 UI设计 ps平面设计教程
设计日历主题UI图标教程

图标UI设计欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
图标UI设计欣赏

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

UI设计教程 图解简单的旋钮图标设计

UI设计 设计教程
UI设计教程 图解简单的旋钮图标设计

UI设计欣赏:优秀图标设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
UI设计欣赏:优秀图标设计

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

广告设计的表现方式

广告设计的表现方式

大学甜蜜毕业照全班唯一男生被簇拥 毕业照怎样拍好看

大学甜蜜毕业照全班唯一男生被簇拥 毕业照怎样拍好看
下拉加载更多内容 ↓