勤学教育网合作机构> > 武汉天琥设计培训学校欢迎您!

ui插画教程步骤,高手的学习经验分享

武汉天琥设计培训学校logo
来源:武汉天琥设计培训学校

2021-08-24|已帮助:1600

进入 >

如今,越来越多的产品与插图元素相结合,好的插图不仅能提高产品质量,而且对创造情感化设计也有重要意义。今天小编主要给大家分享ui插画教程步骤,希望对你们有帮助!

ui插画教程步骤,高手的学习经验分享

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

1.选择场景参考

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

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

2.绘制基本框架

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

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

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

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

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

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

3.确定基本的明暗关系

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

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

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

以上是武汉天琥设计培训学校整理的ui插画教程步骤,高手的学习经验分享全部内容。

热门推荐

更多
勤学培训网 平面设计学习网 ui插画教程步骤,高手的学习经验分享