恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
漂亮的圣诞小图标(教程+源文件)
0.0°
2016-12-23 原创文章 教程 举报 2774 16 20 6

UI 初级图标教程系列

设计素材虽然好用,但是作为设计师,也要锻炼下自己,偶尔狂狂设计导航里的优秀设计网站,或自己做些临摹练习来提升自己,今天为大家教大家绘制一课圣诞树。


UI中国的小伙们,推荐跟着这个Photoshop教程个练习哦,不懂可以留言提问~!


Image title


下面我们打开 PHOTOSHOP 软件,一起来练习吧!


STEP 1


使用「自定形状工具」并在上方工具栏选择三角形的形状来绘制一个三角形。


Image title



STEP 2


给三角形填充为绿色,描边为蓝色,描边粗细不要按教程的数值,根据后面整体效果适当设置。


Image title



STEP 3


复制2个三角形,并绘制圣诞树的其余三角形,适当调整大小及图层关系(如下图),现在树形基本出来了。


Image title



STEP 4


绘制装饰品,同 STEP 1的方法,分别绘制星星、彩球和树木。


Image title



STEP 5


好了,现在基本元素都有了,拼起来看看效果,如果比例不好,就要适应调整下大小关系。


Image title



DANG DANG DANG ~~


有点单调是不?


复制多几个彩球,并设置不同的颜色,参考下图:


Image title



咦,果然有点气氛了~

但是还不够哦,把树的颜色设置有层次一点,比如颜色由亮至深,再加点扁平化风格的阴影和高光,会使这树更有形象哦!


高光的设置方法可以直接用「内阴影」,参考下图:


Image title



最终效果图


过程比较简单,可以把你们的成果提交到留言处,让大家点评点评吧~


Image title


做个简单的 GIF 处理~


Image title



小伙伴们还可以下载源文件来研究研究哦~


源文件下载:https://pan.baidu.com/s/1eSA4sCi (点个赞,支持作者继续创作哦!)

更新:2016-12-23

下载
收藏

16人已收藏

commyleung

学设计,分享优质设计干货

  • 17

    作品

  • 109

    粉丝

  • 41

    关注

  • UI与网页配色方案大搜罗
  • 要学会用CSS渐变让图像融合网页《非洲国际通信展》项目
  • 15组夏天配色方案!让你设计拥有夏日的味道~
  • 谈谈 iOS 11 设计中的几个 UI 设计细节

    猜你喜欢

      2016-12-23 原创文章 教程 举报 2774 16 20 6

      漂亮的圣诞小图标(教程+源文件)

      0.0°

      你确定要举报漂亮的圣诞小图标(教程+源文件)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年12月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      20
      16
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录