软件篇2Illustratоr实例篇之UI及平面设计教程tiffanys

1.A3出血3mm,先做效果图版,印刷时候调整页面顺序改成印刷版。

2.左侧放企业信息的背景条高度和画板高度一致,对齐方式为画板左侧底部对齐。

3.画页码背景,黑色直角梯形,添加锚点后将右上角锚点删除。

4.页码和背景群组后,右侧页码画板右侧对齐,左右页码拉辅助线对齐。

5.按住ALT鼠标滑轮进行放大缩小。

6.标题处的直线可以用“直接选择工具”改变直线。

7.选中标题区,改填充色为橙色,线和文字颜色不变,单独修改线的颜色为灰色。

8.直角矩形修改为圆角矩形更和谐,“直接选择工具”框选左右一侧的角,圆角改为2mm。

9.文字和ps类似画个文字段落框能自动换行。

10.word中选中表格中文字,“右键”-->“表格属性”-->“文字环绕”选中“无”。

11.AI中裁图用蒙版,画个矩形或其他形状去掉填充色,将图片和形状框选中,ctrl+7图片就按形状进行裁剪了。

12.图片拖入后要点工具菜单栏的“置入”,否则拷贝到另一台电脑上或移动位置时图片丢失。

=================================================================

文件若是AI2020绘制,用AI2019打开,会显示是更高版本,将对文件进行重新排列,这种重新排列可能不是按照之前绘制的逻辑排列的,所以再安装AI2020,用AI2020打开就显示正常,AI中不支持如CDR那种可以导出之前版本,所以软件版本和文件版本要匹配。

AI2020及以上版本会显示最近使用过的AI文件,之前版本没此功能。

实例二:信息系统界面设计

X,Y轴值为负数就改变了投影方向

1.AI中“窗口”-->“资源导出”,将图拖入“资源导出”面板,选择导出规格进行图片导出。

2.按输出内容大小新建画板,做相减将logo中的内容镂空,保存为png20时选300ppi。

3.流程图中的连接箭头:

(1).用钢笔画线,SHIFT选中所有线,填充线框。

直线工具画线,看工具属性栏的宽,调整到整数值,填充边框色。

将标尺左顶点拖动到直线左端,使(0,0)到直线左端。

按住alt,鼠标左键按住不放拖动,移动到指定位置后松开进行复制,ctrl+d进行多次复制。

(2).用图形工具画箭头,SHIFT选中所有箭头,填充面。

4.大圆角按钮时,将圆角拖到最大,PS中在数值地方拖到最大。

5.全部框选界面内容后,ctrl+G群组,ctrl+K是打散。

6.ctrl+2锁定,alt+ctrl+2全部解锁。

7.画遮罩层矩形,1280*900,shift+f7调出“对齐”面板,相对画板左对齐,顶对齐。

8.表格外框画矩形,用钢笔工具画表格线,按住alt鼠标左键拖动线进行复制,ctrl+d等距复制。9.在“首选项”里将文字工具的单位pt改为px。10.按住shift加选或鼠标框选多项进行统一修改。

11.客户小屏电脑弹框高度要考虑,框选删除多余信息,群组后移动到遮罩层上。12.win10图片不是1:1显示的,线小于1px时候显示不出来。13.用“直接选择工具”选中群组中的背景矩形,“效果”-->“风格化(S)”-->“投影”,正片叠底;不透明度75%;x:7px;y:7px;模糊:5px。14.画矩形,用“曲率工具”添加锚点,用“直接选择工具”删除左上顶点,制作直角梯形。

15.用钢笔画线,填充描边,与直角梯形做相交减去斜线部分。

16.画板工具,选中组件,按住shift点击组件,新建和组件同样大小的画板。17.保存为ai格式是整个文件,文件-->存储为-->.eps格式,选中相应画板,.eps可以保存文件中的部分。

实例三:平板应用仪表盘

1.画圆按住shift缩放,若发现缩放时候不圆了,看顶部属性栏的宽,高值是否一致。

2.画宽矩形和窄矩形组合,“旋转工具”将旋转中心移动到恰当位置,用鼠标旋转到指定刻度。

移动形状中心时候一直按住alt键会调出“旋转面板”设置旋转角度的面板,输入5度,点“复制”按钮,ctrl+d复制。

3.在小刻度处将大刻度解除群组删除大矩形。

4.画指针时候慎用钢笔工具,钢笔工具绘制的是不规则形状。

(1)针尖用多边形工具画三角形(多边形工具画六边形后,双击六边形弹出界面修改多边形边数),用直接选择工具改变等边三角形的形状,画旋转中心圆。

(2)“形状生成器工具”功能非常强大,“形状生成器工具”将指针头与旋转中心圆结合。

(3)用剪刀将三角形尾部剪断,用钢笔工具绘制指针尾部。

因为钢笔工具绘制的形状不规则,画根线,放在指针尾部中间,

选中线和指针尾部,点“路径查找器”中的“分割”,用“直接选择工具”将不需要的一侧节点删除。

(4)在尾部一半指针上右键“变换”-->“对称”-->“垂直”,“复制”。

5.将ai文件“存储为”pdf格式,打开pdf预览时候,ai中的pdf文件不可保存,将预览的pdf文件关闭后才可保存。

记得将pdf文件保存一份.ai格式(可以多个画板),将ai中的单个画板保存就存储为.eps文件。

6.将旋转中心放到指针中心,移动针尖位置,调整指针到指定刻度。

类似样例如下:

同色系其他样例,主要练习中间图形设计

大数据发光效果图

1.画矩形,选中节点“直接选择工具”移动节点到指定位置。

2.选中节点底对齐,顶对齐,根据对齐方式对齐节点。

3.光束效果渐变,有一端是透明的。

4.“路径查找器”将椭圆与矩形分割,形成圆柱光。放到画板外可以看到椭圆与矩形衔接处的线。若用“形状生成器工具”无缝衔接不会有衔接处的线。

5.画板上画个同样大小的矩形填色后ctrl+2锁定,ctrl+alt+2解锁。

6.形状的填色和描边都可以渐变,“窗口”-->“渐变”面板,调渐变角度,不透明度,编辑渐变。“颜色”面板可以调渐变色。

7.ctrl+y线框模式。

实例四:图标缩放描边不改变

变换面板右侧折叠栏,“显示/隐藏选项”,“缩放圆角”及“缩放描边和效果”前的复选框勾选后再缩放AI文件则文件转曲线,描边等比缩放。

SVG图标和PNG图标的适用场景

1.图标若复制,填充色,描边色,描边粗细修改,可以考虑AI中不填色,拖入PS中成为矢量智能对象后混合模式下整体填色。比如下图所示图标,水印图章。

2.群组图标后,用工具栏第二个“直接选择工具”改变填充色及描边色。

3.“对象”-->“扩展”图标会整体转曲为面性,可以一次性填充颜色,这时不能改变图标描边粗细了。

画梯形

画矩形,用“直接选择工具”移动左上,右上的节点。部分浏览器不支持svg渐变。

IOS入口图标

29x2940x4057x5758x5860x6087x8780x80114x114120x120180x1801024x1024

支付宝图标背景

1.椭圆工具画正圆,“直接选择工具”调整四个点上的滑竿。是手动调整不是参数控制,所以需要经验才能做出对称好看的形状。四个点鼠标向内移动相同的次数就形状规则了,如图四个点都向内移动15次鼠标上下左右键得蓝色图形。AI中方法同理。

AI常识:

画板工具

1.阿里巴巴矢量图标下载AI格式文件后,AI中点“画板工具”调整画板大小。

2.复制画板,或在画板工具中新建一个18px*18px的画板(新建画板时候可以设置画板数量为20,之后在画板右下角点“新建画板”,按住shift+alt拖动画板进行新建画板{“对齐”面板对画板进行平均分布,可以按住shift对画板进行加选多选--本人ai有问题没实现--}),按住shift平移。按住alt复制,按住shift是直线移动。

3.导出画板中图标:“文件”-->“导出”-->“导出为”,底部勾选“使用画板”,默认全部导出,若要导出特定编号的画板,需要查看画板编号后输入编号导出。

编辑图标

1.填充色是问号,“取消编组”,“释放剪切蒙版”后大部分就能填色了。

2.“释放符合路径”可以对整体对象进行局部编辑。

3.右键“变换”,“对称”可以进行水平,垂直,角度变换。

AI与PS图标联动

1.在ps中双击按钮矢量智能对象后再ai中未见到按钮,按住alt,滑动鼠标找到按钮进行编辑。

2.AICC2019绿色版中编辑的图标拖入PSCC2019中,PSCC2019中点击智能图标可以到AI中进行修改。若AI是绿色版则在PS中点击智能图标只会跳转到pdf查看器中查看,不会跳转到AI中进行编辑。

线条由粗到细怎么做

AI中用钢笔工具画条曲线,茶壶“宽度工具(Shift+W)”,拖动一端的顶点使其变化宽度,两端的宽度都可以变化。

曲线的端点处直角变为圆角

“窗口”-->“属性”-->“描边”-->“端点”-->“圆头端点”

系统推荐色

AI文件若操作不规范,有些内容是拖入的则无法调用系统推荐色,

新建文件,将内容复制进去,则可以使用系统推荐色。

剪切蒙版

“对象”-->“剪切蒙版”-->“建立”/“释放”

显示/隐藏辅助线

“视图”-->“参考线”-->"显示/隐藏参考线Ctrl+;"

“渐隐画板之外的区域”

"画板工具"工具属性栏上的“画板选项”-->“渐隐画板之外的区域(F)”前的勾如果去掉,画板之外的区域会变成白色。

画波形图

“效果”-->“扭曲和变换”-->“波纹效果”,拖动滑竿条件波纹密度,选中“平滑”单选按钮。

cdr中形状必须闭合,ai中不用闭合就能填充颜色。

群组后的文件用直接选择工具选中元素,描边单位不是px时,编辑-->首选项-->常规,单位下全部选择为像素。

选中画板工具,在画板面板中修改名称会放大显示当前图标,要显示整体时要缩放。在属性面板修改画板名称不会缩放画布。

窗口-->控制

实例五:AI绘制简历

在千图网搜索“word格式”,出现下图所示图片,用AI制作pdf格式文件

苹果电脑下载iconfont-阿里巴巴上的ai文件图标,自动是.eps格式。

windows中的ai文件转为.eps文件可以在sketch中打开应用。

windows中的ps,文件-->导出-->到Illustrator,只能导出简单的图标,像素图片导入到ai中不显示。

实例六:图层及文件命名

AI中新建元素到原有图层下方了,打开图层面板,将更多已点击移到图层1上面就显示正常了,选中勾,ctrl+]上移图层与PS中快捷键一致。右键-->排列-->有调整图层的选项及快捷键说明。

文件输出与检查:

用来画图标的AI文件要用英文命名,生成svg格式矢量智能图标时候名称前缀是AI文件名;

画板名称首字母大写;

svg图标用浏览器打开检查若有瑕疵在AI中修改;

文字用通用的微软雅黑,特殊字体导svg时候不识别。

构建数据管理驾驶舱:

图标从制作,合作实现到人机交互管理驾驶舱:

命名:文件名称首个单词首字母大写如下图所示。

可视化查找svg图标:AI中导出图标时候导出两份,一份png缩略图可视,一份svg,项目名称大写,可以根据png对应快速查找svg图标。

交互:ElementUI中输入颜色,会显示交互的各种颜色,svg矢量智能图标可以实现代码改色。

AI文件名称最好为icon通用性好,这样导出图标名称前缀为icon_,否则如下图前缀为CPM_在其他项目用到时还要修改前缀。

导出图标时候5,58指导出两个图标,5-58指导出从画板序号为5的到58之间所有图标。

切图命名规范

切图最后需要命名成规范格式,方便程序员查找。切图命名的格式建议全英文,如果大家英文不好需要想办法提升一点简单的词汇量。借由上述工具切图后,需要整理切图命名,或在切图之前对图层命名亦可。以下是切图元素的中英文对照:

图标地图:图标及名称总览图

面板序号和图标总览图对应,导出一份png图标(png格式所见即所得),前端还原界面时候先查看图标总览图,然后在png图标文件夹中找到对应图标,根据图标名称在svg文件夹中找到对应svg,查找过程直观有序,有理有据。

实例七:圆滑曲线

圆形与弧形做剪切蒙版,弧形的外轮廓还在,做布尔运算外轮廓的大小正好是可见的部分那么大。

弧形不圆润的部分要与圆进行再次切割。

文字右键创建轮廓,与圆角矩形做减去上层布尔运算,发现只减去了填充,没减去描边。

选中文字轮廓-->对象-->扩展,将填充和描边进行扩展,然后与圆角矩形进行减去上层运算。

平滑曲线:

弧线过渡区不平滑,用直接选择工具出现滑动条及弧形中心点时候将中心点拖到最远端,弧形就平滑了。

弧形与圆进行布尔运算切割就没有瑕疵

选中圆弧与圆,点形状生成器工具,点到区域出现网格就是切割成功了,然后用选择工具将圆以外的部分选中删除。

模糊光晕效果:

(1)将背景圆复制一份缩小,在底层露出2px。

(2)属性,高斯模糊,半径:13px,即可做出如图所示效果。

实例八:iconfont图标字体

svg图标上传到项目中,导出为iconfont图标字体

WebUI命名规范

适用范围:jQuery及HTML

标识符类型:jQuery

命名约定:

第一个单词小写,以后的每个单词首字母大写。

所有控件的命名均采用控件名+业务实体名的命名方式。

示例:dataTempsItemtableTempsItemformTempsItemtreeTempsItem

标识符类型:HTML

以元素名缩写作为开头单词,后跟业务名。

使用其他表示层中间件的项目可以不遵循此标准。

示例:texNamebtnSubmitselDepartment

点击顶部图标上传,可拖入多个svg文件,点击里面每个文件,填写中文标签,还可以选图标类型,保存。

svg图标会到“我的图标”中,鼠标移动到图标上,可以点击修改图标修改图标名称,标签,类别,还能删除,下载,加入购物车等管理操作

加入购物车后,点击购物车可以对购物车中的图标删除,批量删除,添加至项目,下载素材,下载代码。购物车下载代码就是iconfont了。

通过购物车将我的图标中的图标移动到我的项目中,项目中的图标有种分类末尾会加颜色值,可以通过选项卡选不同格式的iconfont,建议直接在我的项目下的对应项目上传图标。

画板名称为英文,导出图标时候用英文命名,在画布的画板下面用中文写标签,这样以后好复用。

苹果电脑中的iconfont只能复制svg到AI软件中,无法下载svg或AI文件,也不支持下载iconfont,网站支持的是zip格式,苹果电脑的RARExtractorLite能解压的文件格式是.dom。可以复制svg到ai中,保存svg上传到iconfont网上,最后下载那步在windows系统完成就行。

实例九:AI中绘制矢量智能图标

ctrl+2锁定,ctrl+alt+2解锁,框选元素,垂直,水平,等间距对齐。

界面效果图

图标设计:

图标一:

1.按住shift画正圆填充描边,按住shift画垂直,水平直线填充描边。

2.画矩形,改变角弧度,用路径查找器切割成1/4圆角矩形,填充描边。

3.1/4圆角矩形用直接选择工具删除一个顶点,形成圆弧直角。

4.钢笔画直线,选择工具选中线,右键-->变换-->旋转,45度。

5.描边面板,粗细3px,端点:圆角。

6.若输出格式为iconfont需将描边转换为曲面,ctrl+g组合后,调整描边粗细,“对象”-->扩展

==============================================================

图标二:

1.圆角矩形旋转45度,与圆,路径查找器,形状模式进行切割。

2.矩形旋转45度,与扳手两端路径查找器,形状模式进行连接。

3.面填充改为描边填充则面性图标修改为线性图标。

4.直接选择工具,选中扳手连接点,移动弧度点使连接处变为弧线。

5.端点为圆角的45度线和45度的圆角矩形ctrl+G组合就行,

不用路径查找器,形状模式,否则布尔运算后看不到线。

6.若是线性图标,输出格式为iconfont需将描边转换为曲面,ctrl+g组合后,调整描边粗细,“对象”-->扩展

7.若是面性图标,输出格式为iconfont需将描边转换为曲面,单个组件是线性时调整描边粗细,“对象”-->扩展,单个组件有线和面时要先扩展外观后扩展。

类似图标:

图标三:

1.如图标一方式画直角线,直接选择工具编辑点,底部U型线是两端直角线组合而成。

2.直角线用直接选择工具删除点得到顶部断点。

3.圆形填充3px描边得圆环,45度线填充3px描边得斜线。

方法2:

1.画描边:端点为圆角的矩形。

2.选中线框,用钢笔工具添加锚点,直接选择工具删除锚点,则两侧的线段一起删除。

备注:曲率可以增加或删除锚点,但是线段完好不参数断点,但是删除锚点后生成弧线。

3.输出格式为iconfont时需将描边转换为曲面,ctrl+g组合后,调整描边粗细,“对象”-->扩展

上图打开的柜门与两柜子重叠的线段就用到了下面方法:

用钢笔工具添加锚点,直接选择工具删除锚点

图标四:

1.画矩形,改变圆角,钢笔工具添加锚点,删除锚点使斜角那块的线断开。

2.钢笔工具在断开的点处添加线段,形成闭合曲线。

3.感叹号是输入符号文字,选择字体。

4.输出格式为iconfont时需将描边转换为曲面,线性部分ctrl+g组合后,调整描边粗细,“对象”-->扩展

5.选中感叹号,右键“创建轮廓”,文字若不转为曲线,不同电脑上字体可能不同会引起显示差异。

图标五:

1.画矩形拖动圆角,选中矩形,钢笔工具添加锚点。

2.曲率工具,删除圆角处两点,调节曲率杆,形成三角。

3.与笔垂直处画圆角矩形,选中后钢笔工具添加锚点,删除锚点形成镂空区域。

4.直线工具画刻度

5.调整描边粗细后,“对象”-->扩展,将线转换成曲面。

图标六:

1.矩形工具折叠里面有多边形工具,画个多边形后点击多边形,弹出输入边数对话框,此图标输入6。

2.输入文字J选择字体和颜色。

3.输出格式为iconfont时需将描边转换为曲面,六边形调整描边粗细,“对象”-->扩展。

4.文字J右键“创建轮廓”

图标七:

1.圆形宽,高均30px,矩形宽30px。

2.圆形与矩形垂直居中。

3.路径查找器合并图形,弧线与矩形组合部分完成,其余部分上面都有讲解。

4.输出格式为iconfont时需将描边转换为曲面,ctrl+g组合后,调整描边粗细,“对象”-->扩展

iconfont.css只能设置单色的图标,要想使彩色图标,需要使用svg(symbol)模式Unicode。

图标导出为svg后上传到iconfont阿里巴巴矢量图标库,发现图标中部分内容不可见,若是面丢失,可以选中后右键“创建轮廓”,再次导出为svg后上传则图标正常。文字通过创建轮廓转换为不可编辑文字的曲面。

如果只是线(描边),通过“对象”-->扩展,将直接选择工具可编辑点的曲线描边转换为面。

如果既有面又有描边,要先扩展外观后扩展。

AI软件里面,把画板大小调整成跟文件内容一样大小,对象--画板--适合图稿边界

移动图层快捷键与PS一致,移至顶层:Ctrl+Shift+}

图标上传到阿里巴巴iconfont矢量图标库检查,若图标是白色,上传时选择去除颜色会以默认灰色显示,若图标不是白色的描边扩展后就如下面右图显示正常,若上白色去除颜色以默认灰色显示时,描边不能在组合图层上描边扩展,要解开层扩展,若不解开层就扩展会产生面性描边产生下面左图填充颜色混乱的情况。用路径查找器中的合并将面与面性描边合并。

实例十:AI中插画绘制

1.在PS中用钢笔工具绘制,在真实飞机图片上绘制,绘制出一个图层部件后隐藏,调整图层顺序建立遮挡关系。

2.在AI中同理绘制,钢笔工具绘制曲线,按住alt删除关键点一端曲线,绘制下一端点及弧度。

3.图层面板调整图层顺序及显示/隐藏。

4.ctrl+g对应PS中的分组。

5.新建画板,文件-->导出-->导出为-->勾选“使用画板”,填画板序号,导出透明png图片。

实例十一:绘制火箭军军徽

(1)新建画板,截图黏贴,样图放在底层ctrl+2锁定样图(alt+ctrl+2全部解锁),开始绘制。

钢笔工具绘制,曲率工具调整节点弧度。

(2)渐变填充,白色描边,描边也可以渐变填充但我们此处是纯色填充。

(3)渐变色默认有4区域设置颜色,修改颜色可以用拾色器。

(4)渐变色调色杆右端可以旋转调整渐变倾斜度,

鼠标右键在画面上画有角度的斜线也可以设置渐变角度。

图层调整:ctrl+【向下移动图层,ctrl+】向上移动图层,移至顶层:Ctrl+Shift+】,移至底层:Ctrl+Shift+【。选择组件,shift加选,ctrl+g群组。

(5)五角星边缘是径向渐变的描边填充,

ctrl+f9调出“渐变”面板,

添加渐变填充色(鼠标移到渐变条上,鼠标形状变为鼠标右下角有个加号时候点击添加渐变色,选中渐变色点击右侧删除图标删除渐变色),

修改渐变填充色,修改渐变角度方法与PS中一样。

(6)在对象上右键,变换,镜像,垂直,得下图图标。

实例十二:荣誉体系徽章设计

1.多边形工具,设置填充色及描边色,三个六边形叠加。

2.内部小六边形底部的渐变弧形:

(1)钢笔工具画弧形,去掉描边,填充色改为渐变色。

(2)选中弧形,选中渐变工具,设置渐变色。

3.钢笔工具画勋章中的山峰图形时候用直接选择工具选中需要调整弧度的节点进行调整弧度。

矩形及多边形的圆角设置也是直接选中工具选中后,选中圆角设置圆点进行设置。

4.在渐变面板中添加渐变关键颜色节点。

5.描边设置渐变色,在渐变面板设置关键颜色及角度。

实例十三:宣传板上的文字渐变效果

(1)尺寸高2.4m,长4m,导出分辨率150像素/英寸(ppi)中等分辨率即可,

300ppi的高分辨率用于宣传册印刷。

(2)窗口-->外观,右上角更多菜单中选“添加新填色”

(3)表层黄色渐变,底层橙色渐变。

(4)AI文件印刷时文字要右键转换为轮廓,否则文字不清晰。

实例十四:金刚区图标背景设计

(1)在“外观”面板中设置不透明度属性。

(2)复制一份圆角矩形放在底层,“效果”-->“风格化”-->“投影”,X位移:0px,则投影在正下方。

X位移:5px,则投影向右偏移5px。

(3)属性面板的选取效果上右键-->“模糊”-->“高斯模糊”,调整值。

(4)下图所示滤镜也可以做出均匀的模糊效果。

同类案例:

实例十五:元素海报

元素排列后组合,选中元素和矩形背景,右键“建立剪切蒙版”,剪切蒙版是透明的,剪切蒙版的形状还能通过“直接选择工具”改变关键点来进行修改。后面的背景需要再画个有颜色的背景。

元素描边,填充色统一要进行上面的操作,选择-->对象-->画笔描边,选择-->相同-->填充色。

中间形状裁切,钢笔画斜线,与中间形状垂直居中对齐,钢笔工具将线继续画成形状与中间几何形状裁切,对称的形状只画一半,另一边用复制对称形成。爱心也是画一半后,另一边复制对称形成。

实例十六:拼图

上图拼图的设计就是剪切蒙版后改变剪切蒙版的形状。

实例十七:LOGO制作

实例十八:叠加不透明度图标

底层图形色彩饱和度高,颜色区域在右上角,上层颜色在底层颜色基础上加黑色和不透明度。

AI文件100%显示,快捷功能菜单图标尺寸60px*60px

左侧栏快捷菜单图标尺寸36px*36px

左侧栏一级菜单图标尺寸如下图所示:18px*18px

实例十九:叠加描边图标

上层图形与底层叠加部分加白色描边

实例二十:磨砂玻璃效果图标

底层与上层叠加的图形与上层图形用“路径查找器”取公共部分,然后置于顶层,添加高斯模糊效果,最后将最上面的白色图标置于顶层。

选中最终显示范围的图形或图片,再选择需要裁切的图形或图片,ctrl+7,裁切后剩余两者公共部分,所以遮罩图形或图像要提前备份。

叠加彩色图形部分,高斯模糊在中间层。

顶层白色半透明部分投影,投影颜色及参数在属性面板中可修改

统计卡片图标尺寸120px*120px

实例二十一:上层磨砂玻璃白色描边效果

上层白色圆角矩形,白色描边,ctrl+alt+g在上面叠加与底部颜色相同的矩形,将次矩形高斯模糊,得下图效果。

实例二十二:图表设计

有合并项的复杂表格设计,表头颜色区分,表内容隔行变色,合并表格深灰色,行间白色间距区分

工具属性栏的设置

选中对象后,选择对齐参照物后再选对齐方式:

选择工具选择对象后工具属性栏检查圆角矩形弧度:

导出前整理画板序号,使之连续方便导出。

实例二十三:复杂图标

(1)在设计复杂多滤镜图标时候,经常卡顿,AI软件非正常关闭多次,背景图导出png图片,分辨率设置为300ppi,若是网页格式72ppi在ppt中会显示模糊。

(2)保留一个多图层多滤镜源文件,其余类似图标背景使用png格式文件。

(3)宽:130px,高:120px是导出在ppt中查看合适的尺寸,300ppi时候在电脑中显示分辨率:542*501。

实例二十四:文件类型

打印格式默认CMYK颜色模式,在电脑上面预览颜色暗。

图稿和插画模式默认横向显示,颜色RGB,PPI:72,可以见方向设置为竖线,要想清晰度更高可以将PPI:300

文件新建时候选择RGB格式颜色鲜艳,若新建时候是CMYK颜色,之后转换为RGB格式颜色还是暗的,所以开始就要想好文档是在电脑上看或是打印。

网页图片格式为RGB,PPI:72,CMYK格式图片在网页上无法显示。

THE END
1.第24课时Illustrator(AI)CC2015视频教程第8章“效果”菜单...第23节[试学课]第23课时 Illustrator(AI)CC 2015视频教程 第7章 画笔和符号效果应用 实例部分:使用符号和画笔制作画面 第24节[试学课]第24课时 Illustrator(AI)CC 2015视频教程 第8章 “效果”菜单特效 应用在矢量图和位图中的效果及“效果”菜单应用 第25节[试学课]第25课时 Illustrator(AI)CC 2015视频...https://m.kokojia.com/pingmiansheji/video72658-4427.html
2.AI绘画教程进阶篇(7):图为什么没别人好看?因为你不会高清放大!缺点自然是效果,在最好的算法下,能无损扩大图片;但并不能有效解决尺寸放大后带来的细节缺失问题。 于是,我们又有了第二种常用的放大方法。 二、HIRES.FIX 这是一个可以在生成阶段就实现高质量生产的功能。 这里面最特殊的,是引入了潜变量高分。 和传统的其他AI放大算法不同,潜变量的高分是在生成过程中不断调整...http://www.360doc.com/content/23/0608/11/6932394_1083933406.shtml
3.50篇各种磨皮大法PS教程集合,想学磨皮方法的可以看看1、PhotoShop利用计算和曲线给满脸斑的MM磨皮教程 效果图: 原图: 2、PhotoShop磨皮教程:人物皮肤处理方法教程 效果图: 原图: 3、PhotoShop利用阈值给人物祛斑磨皮方法教程 效果图: 原图: 4、PS高反差保留皮肤质感磨皮法教程 效果图: 原图: 5、PS应用滤镜简单几步为美女磨皮的教程 ...https://www.cnblogs.com/mwfy/archive/2012/01/31/2332920.html
1.用AI绘画出图10分钟,比设计总监下班都早,太太太方便了!Midjourney 和 Satble Diffusion 是目前大家最常用的两个 AI 绘图工具。今天这篇文章一起来看下58的设计师如何从三个维度去完成Stable Diffusion在视觉设计方向的技巧应用。 ▍***线稿/插画秒变3D? 线稿秒变3D场景 在人工智能绘画软件之前,我们如果想将一张线稿设计图转变为一幅3d场景...https://blog.csdn.net/yihanss/article/details/144129872
2.如何在Illustrator中创建3D对象例如,您可以使用此选项将文本贴到一条凸出的波浪线的侧面,以使文字变形如一面旗。 要预览效果,请选择预览。 在“映射图稿”对话框中,单击确定。 注意: 3D 工具和 Illustrator 透视网格工具是不同的两种工具。在透视网格中处理 3D 对象的方式与处理其他任何对象完全一样。https://helpx.adobe.com/cn/illustrator/using/creating-3d-objects.html
3.最新版本StableDiffusion开源AI绘画工具之图生图进阶篇...上传蒙版的蒙版在制作时可以设置部分透明的效果(不同程度的灰),还有边缘的羽化等等。此时需要注意具有相同效果的蒙版模糊的使用 需要注意的一点是,在上传蒙版中,白色代表重绘,黑色代表不处理。也不用细分,如果弄错了,在蒙版模式中选择重绘非蒙版就可以 为了方便测试,就将图片放到涂鸦蒙版中,用黑白两色把原图进行圈出...https://cloud.tencent.com/developer/article/2262990
4.Photoshop学习心得体会(精选10篇)学习PS还是有一定的技巧和难度,因为在这半年的课程中,我们还学习了Adobeillustrator,这两门都是ADOBE产品的应用软件,所以有很多相似的应用工具,而对我来说,我认为,AI画图比较的方便灵活些,而用PS来自己创建一幅图时,我会觉得很难达到自己想要的图片效果,因为我头脑里很难想象并勾画出所要效果的对应工具的使用,我...https://www.ruiwen.com/word/photoshopxuexixindetihui.html
5.平面设计实习总结我首先看了主管给我的PS教程中的几个案例。希望可以借此提高我的PS能力,以便在以后的设计项目中能够运用自如。例如:制作Bas立体效果字、LED风格效果字、点孔表面字、纸片字效果、流星效果字、彩虹效果制作、卷页效果、马赛克效果等。除了学习PS之外,公司给了我一个设计员工卡的任务。对此我有两个设计方案:...https://www.cnfla.com/shixizongjie/2378539.html
6.AI教程!5分钟搞定3D立体字效优优教程网关于教程 本篇教程教你5分钟制作一个立体字效果,主要运用了AI的3D及贴图效果,感兴趣的话就立刻动手吧~ 如果你对AI还不够了解的话,可以先从零基础知识树开始学习~ 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step 01 把文案部分新建符号 准备一堆文案https://uiiiuiii.com/illustrator/1212254224.html
7.从零开始学!B端产品图标绘制指南(软件篇)优设网无损画图技巧 1. 矢量效果(即Illustrator效果) 矢量效果可以往宏观说可以用在对象、编组、图层上,往微观说可以用在矢量图形的描边或填色上,例如图1.1-2中「圆角」效果用在图层上、图1.1-4中「圆角」效果用在描边或填色上。通过「外观」面板编辑、移动、复制、删除该效果,还可将效果存储为图形样式的一部分(更多内...https://www.uisdc.com/business-product-icon-design-3
8.ps实验报告心得体会(通用6篇)总的来说,学习PS还是有一定的技巧和难度,因为在这半年的课程中,我们还学习了Illustrator,这两门都是ADOBE产品的应用软件,所以有很多相似的应用工具,而对我来说,我认为,AI画图比较的方便灵活些,而用PS来自己创建一幅图时,我会觉得很难达到自己想要的图片效果,因为我头脑里很难想象并勾画出所要效果的对应工具的使...https://m.wenshubang.com/xindetihui/251067.html
9.平面设计实习总结(精选19篇)闲着的时候就试着用Photoshop软件模仿教程做一些简单的图片,说实话我以前在学校的时候也这样做过,不过效果没有这么好,因为以前一遇到难的或不懂的就停下来不做了,而现在有老师在旁边,有不懂的就问,这使我受益匪浅。紧接着当然就是跟同事做了一个简单的自我介绍,他们的激情与热情,让我在这里感受到家一般的温馨...https://www.unjs.com/fanwenwang/shixizongjie/20230320104418_6696256.html
10.B站上有哪些学习资源?8、Photoshop/PS 零基础入门课程 #基础操作篇(全75P) https://www.bilibili.com/video/BV13b411k7...四、AI课程 1、AI教程AI2019教程(illustrator2019版 零基础入门50集)从入门到入土 ...9、ae从入门到精通 【大量效果案例学习】 https://www.bilibili.com/video/BV1YW411T7f8/ ...https://m.douban.com/note/770877638/
11.OPPOReno13Pro安卓首发AI高清实况照片:效果完胜iPhone16Pro...这次OPPO Reno13系列首次带来了AI高清LivePhoto(实况照片),打造最强LivePhoto体验,视频防抖效果、画面流畅表现、重选帧清晰度均为安卓最佳。 据OPPO产品经理介绍,OPPO Reno13系列的LivePhoto重选帧率达到了2K级别,是安卓首个2K级LivePhoto帧,清晰度远超以往。 https://jsj.wang/html/11/142573.html
12.40篇经典PS教程让你全方面解读PS技巧photoshop教程这里分享的是40篇比较简短但经典的ps教程,让你更全面的了解ps各种技巧,方便以后全方位的处理图片 GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用! ...5.做水面的倒影,Ctrl+T垂直翻转,建立蒙版,用画笔画出自己想要的效果,正片叠底模式效果好些,因图而异, 6.调色,按个人习惯调,可选颜色很好用, ...https://www.jb51.net/photoshop/70047_all.html
13.Midjourney文心一格prompt教程[技巧篇]:生成多样性增加艺术...要解决这三个问题,最好的方式就是让 AI 改一改原来的图片。让 AI 改图,只需要用到 Image2Image(或者叫 Blend) 功能即可。操作步骤如下: :::info 后来在某书刷到类似的教程,我才知道这个方法大家一般叫垫图。老外好像一般都叫 Image2Image,或者 img2img。 https://blog.51cto.com/u_15485092/6309867