• 手机站
  • 收藏
聚培教育网合作机构 > 海口天琥设计培训学校
海口天琥设计培训学校
400-998-6158
海口天琥设计培训学校

ui插画教程步骤

UI设计学习网

更新时间:2020-12-16 浏览:89
核心提示:ui插画教程步骤现在就拿采用目前流行的平面和嘈杂的风格建筑插图来讲解:1.选择场景参考许多小伙伴在画插图时总是担心不知道如何

ui插画教程步骤

现在就拿采用目前流行的平面和嘈杂的风格建筑插图来讲解:
 

1.选择场景参考
 

许多小伙伴在画插图时总是担心不知道如何构造场景,这实际上是由于日常积累不足和缺乏创造性思维造成的,所以我们可以降低难度,从真实场景开始创作。
 

选择一副建筑摄影照片,基于*一个原因是优秀的摄影照片在构图、光影、色彩等方面都做得很好,不需要我们去做调整;其次,建筑元素使用大量的直线,这不会给一些不擅长使用钢笔的小伙伴造成建模问题。
 

2.绘制基本框架
 

使用钢笔工具用于勾画出建筑物、植物、收件箱等图片中的主要对象,从而为下一步填色等操作奠定基础。
 

(1)启动PS,单击欢迎页面左侧的打开按钮,在资源管理器中找到需要的参考图片,然后单击打开将图片导入PS;
 

(2)选择钢笔工具,调整钢笔形状,将填充设置为无填充,并将笔画设置为1像素黑色;
 

(3)沿建筑物边缘勾画出建筑物所有主体;
 

(4)绘制主要元素后隐藏参考图片,得到整体基本框架。
 

这里需要注意的是,在绘制这些元素时,不用特别注意一些细节,因为我们的创作风格往往是简洁的,太多的细节会使页面非常混乱,也会给以后的操作带来不便。
 

3.确定基本的明暗关系
 

有了基本框架后,我们需要在大面积内用黑白灰填充它,这样不仅可以更好地区分每一个元素,还可以确定它的基本明暗关系。虽然我们的插图风格平淡,但增加一些明暗关系可以使图片更加丰富。
 

(1)使用路径选择工具,选择一个图形,关闭笔画并用灰色填充;
 

(2)选择其他图形完成相似操作,得到整体明暗关系。
 

更多>同类资讯
更多>相关课程
顶部