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

ui插画设计教程,高手的经验分享

UI设计学习网

更新时间:2020-12-16 浏览:184
核心提示:ui插画设计教程,高手的经验分享给主要物体上色有了基本的明暗关系,我们将进一步着色。首先,选择其固有颜色,调整饱和度和亮度

ui插画设计教程,高手的经验分享

给主要物体上色
 

有了基本的明暗关系,我们将进一步着色。首先,选择其固有颜色,调整饱和度和亮度作为基本色,然后使用渐变模式根据光向对齐来填充颜色。
 

(1)使用路径选择工具选择图形,点击左上角属性栏中的填充,选择渐变填充;
 

(2)双击渐变条上的色标,用吸管工具吸取图片中相应部分的颜色;
 

(3)调整刚刚被吸取的颜色的亮度和饱和度,并沿着物体表面的照明方向填充渐变颜色;
 

(4)草、台阶等光线变化不明显的地方要用纯色填充。
 

对于那些配色不好的小伙伴,我建议你选择一些色彩感强的图片作为参考,这是学习配色非常好的方法。
 

这里需要注意的是不要太注重细节,相同的色调应尽可能用于相同类型的材料,饱和度和亮度之间的差异不应太大。颜色的使用应该尽量减少,以确保画面的简单。
 

优化背景天空
 

既然我们已经处理了建筑的主体,接下来集中精力刻画背景部分的天空。
 

(1)选择天空图形,填充线性渐变,分别用颜色值为# F8EA6A和#FF2116;
 

(2)选择钢笔工具,在天空左侧为晚霞创建一个三角形,颜色填充为#FE8F70,复制两次,调整图片右侧的大小,透明度设置为65%左右;
 

(3)再次使用钢笔工具创建一个较小的三角形,向下移动上锚点使其压扁,颜色填充文#FE8F70,透明度设置为100%。
 

在建筑物和植物前面,我们使用了许多冷色,为了突出主体,可以选择红色、黄色这类暖色作为天空的背景色,并适当添加一些云彩作为装饰,以免过于空荡。
 

添加杂色纹理
 

这里我们的插图已经基本完成,但是建筑的表面看起来非常光滑,所以我们可以给整幅画增加一些噪点,使它更有质感。
 

(1)点击键盘上的D键,将前景色和背景色设置为默认的黑白,点击X键,切换背景色和前景色;
 

(2)创建一个新的空白图层,点击OPTION+DELETE键,用黑色填充;
 

(3)选择滤镜-杂色-添加杂色;
 

(4)建议数量设置为50%,选择平均分布和单色,然后单击确定;
 

(5)将杂色层的混合模式设置为柔光。
 

柔光模式可以使杂色层更自然地融入插图,使整个画面更具对比度,看起来更有质感。
 

现在我们终于结束了!怎么样,是不是很简单!
 

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