当前位置:首页 > 经验

ps绘制设置图标推荐 ps小图标制作教程

温顾

前两节课学习了进阶版的抠图,现在能抠出一些复杂的物体,可以简单处理自己的婚纱照或者证件照,抠图方法就是利用通道和色阶,提取透明部分或者毛发部分进行抠图。

知新

本节课学习如何利用PS绘制一些简单的图标或者插画,我们的生活中,图标和插画无处不在,比如一些商品logo,广告中的插画等,同时图标和插画是UI设计中重要的元素,在我们平时接触的手机APP和网页中更是常见。

一、UI的初步认识

1.什么是UI:UI(User Interface用户界面)设计,也叫用户界面设计,是指对软件人机交互、操作逻辑、界面美观的整体设计;

2.UI的应用场景

a.app移动端:例今日头条app

PS进阶:初识UI,教你绘制图标和插画

b.网页端:今日头条官网

PS进阶:初识UI,教你绘制图标和插画

c.智能设备:例智能手表等

PS进阶:初识UI,教你绘制图标和插画

3.UI图标—ICON:有指代性的计算机图形,具有高度浓缩并快速传达信息和便于记忆的特点;

4.ICON类别(也是发展趋势):拟物化图标、微扁平图标、扁平化图标、其他类型图标(MBE风格)

二、插画

1.什么是插画:插画在中国被人们俗称为插图,今天通行于国外市场的商业插画包括出版物配图、影视海报、游戏美术场景设计、广告、漫画、绘本、贺卡、管理、装饰画、包装等多种形式;

PS进阶:初识UI,教你绘制图标和插画

2.插画的风格类型:

①手绘风格

②扁平几何风格插画(特点:1、几何形状组成2、细节较少3、简洁大方)

③肌理插画(特点:1、没有描边全部是色块组成,2、明暗色块来进行区分元素3、颗粒感-混合模式溶解)

④剪纸风格插画(特点:每一层都有投影)

⑤2.5D插画(特点:有立体感)

⑥MBE插画(特点:1、颜色亮丽,2、断线,3、错位)

三、简单图标、插画绘制流程

1.用钢笔工具或者形状工具绘制大致图形,利用布尔运算或图层处理成想要的绘制的图标形状;

2.填充颜色或者图案,可利用剪贴蒙版填充;

3.图标需要用混合模式添加图层样式来增加光影效果,使图标更有立体感

4.简单插画可以用生活中的某些场景作为灵感来绘制。

PS进阶:初识UI,教你绘制图标和插画

课程总结

本节课了解了图标和插画,和一些简单的图标、插画的绘制方法。图标主要是矢量图,会有专项的AI课程,PS也可以绘制。简单的平面插画其实都源于生活,本节课程主要在于练习。

声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:fendou3451@163.com
标签:

  • 关注微信

相关文章