AI+PS速剪教程!UI界面临摹

视频播放提醒

您正使用 IE 低版本浏览器,不支持流行的 HTML5 高性能视频播放,

强烈推荐使用高级浏览器,享受更流畅更安全的浏览体验。

推荐高级浏览器

火狐Firefox(官网下载

谷歌Chrome(官网下载应用市场下载


当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

教程

视频教程作者:Kabka

原图作者:WantLine

欢迎大家去我的微博→交作业

源文件→ 下载

 教程原图:

本教程演示了临摹这个界面的详细过程,主要是方法和步骤的演示。

界面临摹练习, 临摹希望可以尽力和原图一样,锻炼眼力和技法表达。


【教程要点】

【1】用AI可以更方便的绘制多边形的圆角

【2】AI的3D功能制作轴测的图形

【3】AI的网格工具制作细腻丰富的渐变

【4】图标在PS中应当消除边缘的次像素,这样可以使图标达到最清晰的状态*(这个会在之后的一篇图文教程里讲到,敬请期待)

【5】PS中,形状羽化可以用来灵活的创造色彩过渡/光影效果


iPhone X 的壁纸渐变做法是有教程的→ 迷彩渐变在平面作品中的应用

原作者的更多相关作品欣赏:

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/photoshop/121220814.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

UIui界面
img

相关文章

教程评价

基于 6 条评论
4.8
平均分
5 stars
83.333333333333%
5
4 stars
16.666666666667%
1
3 stars
0%
0
2 stars
0%
0
1 stars
0%
0

发表评论

电子邮件地址不会被公开。 必填项已用*标注

CAPTCHA Refresh

  1. avatar头像

    您好:临摹过这个之后,我有个很大的疑问 这里是使用ai的3D功能制作的轴测图,还有一种是通过建立参考线(好像叫鱼骨图),然后一个面一个面的拼起来的那种,应该也是制作轴测图吧! 还有一种,利用ps的alt+方向键不停复制也会得到一种类似的这种图,是叫透视图呢还是轴测图。 希望能出一期教程:轴测图,透视图的不同点以及他们的制作方法! 盼回复,谢谢!

    • author

      你可以百度一下轴测图和透视图哦,这样可以详细了解到两者的区别。比如一个正立方体,轴测图的各边是等长的,而透视图是近大远小的:有视平线和消失点的概念。

  2. avatar头像

    提问:视频中直接把直角拖成圆角怎做的?知道的大神帮忙指导一下,感谢。

    • author

      cc2015以上版本里面可以直接调整圆角大小。

  3. author

    不错~

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新