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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
AI打造黄金比例logo
0.0°
2018-12-11 原创文章 教程 举报 5335 39 43 6

这次案例用运用黄金比例做出一只鱼

Image title


黄金比例的图形好做吗?这个教程让你一步一步摆脱困惑,其实很简单,只要跟着练一遍,以后就能自己制作别人觉得很难的黄金比例logo了,甚至是一些其他的图案。准备好了吗?


原设计作者:Mohamed Achraf 

原图地址:https://dribbble.com/shots/3796971-Golden-Fish




一、新建合成。


1、打开AI,新建画布:800x600。并命名一下。

Image title


二、新建背景。


1.用矩形工具(快捷键M),选中后点一下屏幕,输入框宽和高输入800*600。

Image title



2.上图所示,因为填充是白色,描边黑色。所以和画板默认颜色一样。我们将这个矩形改为填充黑色,描边去掉。 

Image title



3.接下来将对齐选项设置为对齐画板。点箭头处,水平居中对齐和垂直居中对齐。对齐后,将这个黑色的矩形背景锁定。

Image title




三、制作限定框。


1.再新建一个图层,填充设置无,描边白色1px。

Image title


2.选择矩形工具(M),按住shift,画出一个正方形的矩形。然后ctrl+c,ctrl+f 原位粘贴。再把宽度✖️1.618,高度不变,所以宽高链接关闭。

Image title



3.框选住两个矩形,对齐方式选择“对齐所选对象”,然后左对齐。

Image title



4.接下来,按照下图演示,选择矩形工具按住shift,做出第三个矩形。

Image title



5.依次做出其他几个。

Image title





四、制作黄金比例圆。


1.选择椭圆工具(L),移到矩形中,在中心点的位置,鼠标点一下,然后按住alt+shift,拖动鼠标,直到矩形的边框。

Image title



2.依次画出其他几个圆。

Image title



3.把这些圆拿出来,放一起,改变描边颜色。(颜色主要用于区分,不限定。)

Image title


五、制作logo鱼。


1、先将草图放进画板中,调整不透明度为50%,并缩放合适大小放到圆圈之上。

Image title



2.选中草图,拖动鼠标,按住shift,水平拖到右边,将此图层锁住。

Image title



3.a 选中左边最大的圆圈(黄色),按住alt+鼠标拖动,拖动的同时按住shift,水平复制一个出来到鱼身上。

Image title



3.b 同样按住alt,再拖动复制一个黄色的圈圈到鱼背上。

Image title



3.c 接下来拖动复制枚红色的圈,到鱼尾上。因为我们要让三个圈形成一个封闭的状态,所以要细调。先在顶部菜单中找到:视图-对齐点。然后ctrl+Y,进入视图大纲,放大去对齐。

Image title



3.d  Ctrl+Y回来,框选住着三个圈,在工具栏中找到形状生成器,用鼠标沿箭头方向划一刀。

Image title



3.e  删除其他多余的留下这个,并将描边改成填充。

Image title



4.a  按照上面的方法,制作出第二部分。用两个黄色的圈,如下图所示。

Image title



4.b 框选住两个矩形和刚才这个鱼身,用形状生成器,划出鱼尾。将多余的线和圈都删掉。再将描边改成填充。

Image title



5.接下来,按照前面的方法,继续完成其他部分。

Image title



6.a 继续拖出两个圆,我们要的生成箭头指向的部分。

Image title



6.b 删掉绿色的圈,红色的圈留下。然后继续拖出一个红色的圈。

Image title



6.c 留下两个小三角。将这两个和鱼身做布尔运算。上面的三角形和鱼身相加,下面的和鱼身相减。

Image title



6.d 把描边改成填充。可以把草图隐藏了。

Image title


六、给鱼上色。


1、首先先准备几个渐变色。

Image title



2.选中鱼身,用吸管(I)去吸上面的颜色。

Image title



3.如果没有达到想要的效果,可以用渐变杆调节。

Image title



4.其他部分同理。

Image title



5.背景色换个深蓝色,让画面更有质感。

Image title



6.a 加点细节,如图所示,继续用圆来做,图中箭头部分用形状生成器划一下。重点来了,选中我们要的这部分,ctrl+x(剪切)然后ctrl+z撤回,撤回到鱼的整形,没有圈圈,最后ctrl+F(复制在上层)

Image title



6.b 这时候用吸管,去吸一下鱼身的颜色。混合模式从正常改为正片叠底,透明度50%。

Image title



7.按照上面的方法,做出下部分的细节。

Image title



8.鱼肚子部分,形状部分和上面操作一样。只需要把生成的形状颜色改成白色#FFFFFF,混合模式:柔光。不透明度30%。

Image title


七、加点噪点,多加点质感。


1.用矩形做一个800*600。对齐画板,颜色用HSB:0,0,50。画面变成这样是对的,别紧张。

Image title



2.效果-艺术效果-胶片颗粒,参数自己调。

Image title



3.确定后,返回画板。混合模式改为柔光,稍微调节一下不透明度。

Image title



4.大功告成

Image title



越努力越幸运~ 

下次再见!




更新:2018-12-11

收藏

39人已收藏

  • 11

    作品

  • 50

    粉丝

  • 3

    关注

  • 啥是佩奇?(AI教程)
  • 设计三大流,你知多少?
  • 数字滚动AE教程
  • 抽奖机教程

    猜你喜欢

      2018-12-11 原创文章 教程 举报 5335 39 43 6

      AI打造黄金比例logo

      0.0°

      你确定要举报AI打造黄金比例logo

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年12月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      43
      39
      6

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

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

      登录

      手机号

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

      登录
      第三方账号登录