平面设计:制作创意头像

建立新文件

在处理所有项目时,设置一个 新文档 (File> New 或 Control + N)开始,使用以下设置进行调整:

画板数量: 1

宽度: 800像素

高度: 600像素

单位: 像素

在“ 高级” 标签中:

色彩模式: RGB

栅格效果: 屏幕(72 ppi)

设置图层

设置好新文档后,使用几个不同的层来分隔图标,可以通过一次专注于一个项目来简化工作流程,从而使我们能够跟踪随时随地使用每种形状

因此,打开“ 图层” 面板,创建五个图层,将其命名如下:

第1层> 参考网格

第2层> 音乐制作人

第3层> 照片编辑器

第4层> 编码器

第5层> 插画家

锁定除将要处理的形状以外的所有形状,以免意外移动或放错某些形状


创建参考网格

分层项目文件后,就可以开始创建 参考网格,有助于通过关注一致性和大小来创建图标

第1步

抓住 矩形工具(M) ,创建一个 128×128像素的 正方形,使用 #F15A24对其进行着色,然后使用“ 对齐” 面板的“ 水平 和 垂直对齐中心” 选项放置在 画板的 中心

第2步

创建另一个较小的 120×120像素 正方形,它将用作 活动绘图区域,从而提供了一个 4像素的全 边框。使用白色(#FFFFFF)为形状着色,然后将正方形分组(Control + G),再创建三个侧面副本(Control + C> Control + F 三次),使它们与原始像素相距 40 px

创建重复头像

创建重复的头像来开始工作,稍后将在其中添加定义符号以将它们分开,因此请确保已将自己定位在正确的层上(这将是第二层) )

第1步

使用120×120 px的 圆创建背景 ,使用 #9364D8对其进行着色,然后将其居中对齐至第一个 活动的绘图区域

第2步

通过使用28×12 px 椭圆创建其下部圆形截面,开始加工头部, 使用#FFFFFF对其进行着色,该椭圆将 与 活动绘图区域的左边缘相距 36 px,而 18 从底部的px开始

第3步

在我们刚创建的圆的顶部添加一个 28×54 px的 矩形(#FFFFFF),对其进行定位,使其与上半部分重叠,如参考图像所示

第4步

向右移动几个像素,并创建一个较小的 12×40 px 矩形,使用白色(#FFFFFF)进行着色,然后将其放置在先前创建的形状的右侧

第5步

通过添加一个甚至更小的8×24 px 矩形(#FFFFFF),结束头部的当前部分 ,在参考图像中看到该矩形的位置

第6步

选择所有四个形状,然后使用探路者的“统一形状模式”将它们组合成一个较大形状

第7步

花一些时间 ,通过选择在删除过程中创建的多余锚点(在参考图像中突出显示),选择“ 删除锚点工具”(-),然后单击它们,以清理生成的形状 

第8步

使用Stroke 方法为生成的头部绘制轮廓, 方法是创建它的副本(Control + C),然后将其粘贴到前面(Control + F),并将其颜色更改为 #3F3330 然后翻转其 Fill进行调整 其 笔触 (Shift + X)。将结果形状的“权 重”设置 为 4 px ,将其“ 角”设置 为“ 圆角连接”,然后确保使用Control + G 键盘快捷键将两者选中并分组在一起 

第9步

使用具有4 px 粗轮廓(#3F3330)的48×12 px 椭圆(#B5ACA9) 创建头部的顶部 ,将其分组(Control + G),然后将其放置在头像顶部,如参考图片

第10步

使用4×4像素的圆圈添加右眼,使用 #3F3330对其进行着色,然后将其放置在头部上,与顶部轮廓的距离为6像素,与较大区域的右边缘的距离为10像素。完成后,使用Control + G 键盘快捷键选择所有化身的合成形状并将其分组 

第11步

使用我创建的自定义点画画笔添加一些纹理,从而获得一些艺术效果 ,您可以从教程的附件中下载该画笔。要使用它,只需打开“ 画笔” 面板,然后转到“ 画笔库”菜单>“其他库”> ,然后找到并选择下载的资产

加载画笔后,选择一个名为 freepik的点画画笔, 并使用 0.1 px 厚的 描边在图形头像的左侧绘制两条垂直线,如参考图像所示

第12步

使用具有相同“ 笔触” 厚度的相同画笔 ,按照头部上部的曲率绘制另一个圆形路径

第13步

使用较大的基础形状的副本(Control + C)开始遮罩左侧的纹理线,将其粘贴在前面(Control + F),然后选择两个选项并 单击鼠标右键>“制作剪贴蒙版”

第14步

向上移动几个像素,然后重复相同的过程,只是这次从头部的上部遮住纹理

第15步

遮盖纹理后,必须单独剪切(Control + X),然后通过双击它们进入每个基础组,以进入“ 隔离模式”,在其中我们将(Control + F)粘贴回去确保轮廓如参考图像所示位于其上方

第16步

由于我们现在拥有所有化身的主要构建块,因此我们可以创建三个其他副本(Control + C)并将其粘贴到其余层(Control + F),确保随后将其锁定

创建音乐制作人头像

一旦完成所有头像的创建和定位,回到第二层,开始向第一层添加细节

第1步

通过创建10×8 px 椭圆(#D3C5EF)和 4 px 粗轮廓(#3F3330)开始对音符进行处理, 将其分组(Control + G),然后将其放在头部的上部,位置为距  其左边缘6像素, 距其底部仅 2像素

第2步

创建我们刚刚分组的形状的副本(Control + C> Control + F),然后将它们放置在头部的右侧,如参考图像所示

第3步

花一些时间,使用带有圆形连接4 px 厚的笔画(#3F3330) 绘制茎和束 

第4步

给符头使用一些纹理点画刷子行程设定为0.1像素。完成后,选择并组合(Control + G)所有音符的合成形状,然后对整个头像进行相同的处理

第5步

选择 画笔工具(B) 以及使用该点画BG刷 与所述 笔画 颜色为白色(#FFFFFF),通过绘制一个简单的曲线作为基准图像中所看到的添加前纹理覆盖大部分的图标的构成部分

第6步

通过遮盖我们刚刚使用底层背景的副本(Control + C)创建的纹理线来结束图标,我们将其粘贴到前面(Control + F),然后选择两个 鼠标右键单击>制作剪贴蒙版。完成后,选择并组合(Control + G)所有组成的形状,然后继续进行下一个

创建照片编辑器头像

一旦完成对第一个头像的处理,请锁定其图层,然后向上移动至下一个(即第三个),我们将在此处开始处理照片编辑器

第1

通过选择紫色背景,然后使用“ 颜色” 面板将其“ 填充” 颜色更改为浅蓝色(#63C7EA

第2步

通过创建一个具有4 px 粗轮廓(#3F3330)的24×24 px 圆(#A0E1F2), 开始处理小图层调整符号 ,如参考图片所示,将其放置在头部的上部

第3步

使用填充形状的副本(Control + C> Control + F)添加右侧较暗的部分,使用 直接选择工具(A)选择其左侧锚点,将其切成两半 ,然后通过简单地将其删除按 Delete键。完成后,将结果形状的颜色设置为 #3F3330,然后继续下一步

第4步

花一些时间,然后使用点画笔刷在符号上添加一些纹理 ,确保随后将其遮罩。完成后,使用Control + G 键盘快捷键选择当前部分的所有组成形状并将其组合在一起 ,然后对整个头像进行相同的操作

第5步

通过添加背景纹理(我们将从上一个头像复制(Control + C),然后将(Control + F)粘贴回当前图层)完成图标的关闭 ,确保选择并分组(Control + G)将所有形状融合在一起,然后再进行下一个

创建编码器头像

我们的下一个创意头像是编码器,因此假设您已经将自己放置在下一层(即第四层)上,请放大 活动绘图区域 ,然后开始吧

第1步

正如我们对上一个图标所做的那样,首先将其背景颜色从紫色更改为浅红色(#F7794D

第2步

开始加工红宝石宝石,方法是创建一个 24×24像素的 正方形,使用 #FF9E88对其进行着色,然后将其与头部的上部居中对齐,并确保将 其与底部的距离保持 4 px的距离

第3步

打开“ 像素预览” 模式(Alt + Control + Y),然后使用 添加锚点工具(+)通过添加几个锚点开始调整形状,参考如下

第4步

通过使用“ 删除锚点工具”(-)小心删除其所有角锚点,将正方形变成菱形,完成后切换回默认预览 模式(Alt + Control + Y

第5步

使用“ 笔触” 方法使用“圆角连接” 为得到的形状提供 4 px厚的 轮廓(#3F3330

第6步

使用24像素 宽, 4像素厚的 笔触 (#3F3330)添加水平详图线 ,将在参考图像中看到该笔触的位置

第7步

点画笔刷的帮助下为宝石提供漂亮的小纹理 ,然后使用Control + G 键盘快捷键选择所有组成的形状并将其组合在一起 ,然后对整个头像进行相同的处理

第8步

通过使用一个副本的副本(Control + C)添加前部纹理来结束图标 ,将其粘贴(Control + F)到当前图层上,然后居中对齐,确保选择并分组(Control + G)所有组成的图形,然后再继续下一个

创建Illustrator头像

现在我们到了第四和最后一个图标,因此假设您已经将自己放置在下一层(即第五层)

第1步

与我们处理所有其他头像一样,从“ 颜色” 面板中将背景的颜色从紫色更改为浅黄色(#F9BC50) 

第2步

通过创建20×24 px 矩形开始在笔尖的主体上工作 ,使用 #FFD694对其进行着色,然后通过切换到“ 像素预览” 模式(Alt + Control + Y)并添加几个新的 锚点进行调整 借助 添加锚点工具(+)

第3步

通过使用“ 删除锚点工具”(-)删除其所有角锚点,继续调整形状 

第4步

得到生成形状的 4 PX厚的 轮廓(#3F3330),并确保其设置圆形加入

第5步

添加使用垂直细节线 12像素 高 4 PX 厚 中风 线(#3F3330用) 圆帽,其作为参考图像中看到的,我们将定位

第6步

使用点画刷为笔尖提供一些纹理 ,选择并分组(按Control + G组合)所有其组成的形状,并对所有化身的所有组成部分进行相同的处理

第7步

通过使用与其他所有对象完全相同的过程添加前部纹理,完成图标及其项目本身。完成后,在点击该保存按钮之前,将其所有组成的形状选择并分组(Control + G

我们可以应用相同的技术来创建新的个性化头像,甚至可以通过使用它们的颜色来快速调整已有的头像

大功告成!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,367评论 6 512
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,959评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,750评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,226评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,252评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,975评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,592评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,497评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,027评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,147评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,274评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,953评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,623评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,143评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,260评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,607评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,271评论 2 358

推荐阅读更多精彩内容