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

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

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

1.选择场景参考
 

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

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

2.绘制基本框架
 

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

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

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

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

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

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

3.确定基本的明暗关系
 

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

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

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