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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
有奖临摹 | 圣诞活动页设计
0.0°
2021-12-10 原创文章 教程 举报 2426 2 1 0

叮叮当,叮叮当,圣诞节来啦!提到圣诞节你会想到些什么呢?白胡子大红袍的圣诞老人,缀满礼物的圣诞树,还有铃儿响叮当的可爱驯鹿...本期临摹,我们教你如何把这些可爱的圣诞元素融入到UI界面中,提高页面的氛围感,设计我们自己的的圣诞活动页 ~

为了鼓励大家积极学习,本次临摹活动,我们准备了丰富的奖品,快叫上自己的小伙伴一起来参与吧!

使用工具 → 即时设计

跟随教程完成作品后,上传作品到活动页面即可参与活动

点击进入活动页面 ➝ 有奖临摹


一、设置背景

新建画板尺寸为:800PX ^ 600PX ,设置背景色  #0C6346 。


二、绘制铃铛

我们可以从左侧画板中给的「圣诞元素」中选择一个来做这期邮票的主题元素,我们选择:铃铛 。

首先绘制一个80PX ^ 80PX的矩形,填充颜色为#FFC642,双击选中矩形,鼠标移至到上面边的中间位置,点击添加一个锚点,选中锚点按着「Shift」再点击向上方向键,这样移动的距离是10PX。


同时选中顶部的两个锚点,圆角调整为30


再绘制两个矩形和一个圆形来丰富铃铛的结构


三、绘制蝴蝶结

现在开始绘制铃铛上的蝴蝶结部分,分析结构可以看出蝴蝶结是由两个相同的三角结构和一个长方形组成;

先绘制一个三角形按「Command/Ctrl+Shift+O」轮廓化,调整大小和角度;

再绘制一个矩形,调整至合适的位置,选中三角形和矩形按「Command/Ctrl+Shift+M」设置为蒙版。


复制一个三角形,水平翻转,再绘制一个18PX^22PX的矩形,颜色:#296B42,圆角:2,蝴蝶结就完成了


四、绘制叶子

绘制一个矩形和多个圆形,选中全部形状,选择「减去顶层」,运用布尔运算做出叶子的形状.


复制出来一片叶子,调整至合适位置。


把叶子放置于蝴蝶结的后面,填充颜色:#296B42。


五、氛围添加

和绘制叶子同理,绘制一个邮票,小技巧:利用插件中的「快速复制」可以快速生成多个图形。再绘制一些音符、雪花和其他的装饰元素,教程里的参数不是固定的,可以根据自己的偏好来设置。


给邮票增加一个「0,4,8,0」阴影,颜色:#0C4532,不透明度:50%;

最后再输入关于圣诞的文案,营造圣诞节的氛围感。


六、风格延伸

相同的方法也可以做一些其他的效果,大家可以在邮票的基础上进行天马行空的创作,

应用到各种设计场景。期待你的作品!


Powered by Froala Editor

更新:2021-12-10

收藏

2人已收藏

即时设计

国内首款专业级 UI 设计工具

  • 176

    作品

  • 1083

    粉丝

  • 19

    关注

  • 教程 | 噪点肌理扁平插画
  • 教程 | 卡通类贴纸设计
  • 用“王家卫美学”做 UI 设计,行不行啊?
  • 教程 | 多种风格简历设计
相关标签

    猜你喜欢

      2021-12-10 原创文章 教程 举报 2426 2 1 0

      有奖临摹 | 圣诞活动页设计

      0.0°

      你确定要举报有奖临摹 | 圣诞活动页设计

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2021年12月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      2
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录