Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Emoticon Design

如何在Adobe Illustrator中创建阿拉伯女子的iMessage表情贴纸

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Communication Week.
27 Restaurant Menu Templates With Creative Designs

Chinese (Simplified) (中文(简体)) translation by Season Chou (you can also view the original English article)

Final product image
What You'll Be Creating

爱使用表情符号?现在你可以学会自己做!

我们都在我们的通信聊天,应用程序和在线评论中使用表情符号/emojis(表情图标)。表情符号是一种非常有趣的没有言语的方式来表达我们的感受。 虽然许多应用程序提供免费的表情符号,但您不应该仅仅限于那些。创建您自己的!

今天你要逐步学习如何设置和设计一系列的Khaleeji女子表情。我们将使用Adobe Illustrator的基本工具和快捷方式来创建一个具有不同表达式的女性角色,并继续使用Xcode导出图像。

查看GraphicRiver以获得其他表情符号设计的灵感。

1.如何画素描和建立一个表情符号画板

步骤1

首先,我们需要勾画出我们的角色。

中东妇女在遗传上享有常见的“美丽”特征,但不限于:

  • 完整的眉毛
  • 大的喙形眼睛和卷曲的睫毛
  • 橄榄肤色 
  • 丰满的嘴唇
  • 浓密的头发

记住这些,并勾勒出一个“非感性”的女性面孔,并添加一个头巾让她看起来“阿拉伯”(来自海湾)。

然后使用相同的基本面部素描并将其倍增,来说明您可能与朋友和家人分享的九种不同的情绪,如快乐,爱,惊讶,哭泣等等。

从根本上说,您可以通过改变最初草图的眉毛,眼睛和嘴巴来改变表情。看看我如何改变我的表情符号的情绪。

Sketch Khaleeji woman emoji Expressions Miss Chatz

步骤2

设置新文件  (Command-N): 

  • 画板数量:1
  • 宽度:618像素
  • 高度:618像素
  • 单位: 像素
  • 颜色模式:RGB
Create a New Document

步骤3

使用快捷方式(Command-Shift- P),并放置草图。然后锁定(Command-2)草图,所以我们可以开始描摹。

Place Shortcut Initial Sketch Emoji

2.如何描摹初始表情符号设计

步骤1

让我们开始描摹眼睛。

工具面板中选择椭圆工具(L)。

  1. 使用椭圆工具(L)创建眼睛的虹膜,一个60 x 60像素的棕色(#7C3722)填充圆。
  2. 绘制眼睛的瞳孔,一个40 x 40像素的棕色(#351105)填充圆圈,并将其放在虹膜上方。
  3. 使用椭圆工具(L),创建两个眼睛反射高光:一个旋转26 x 17像素和一个14 x 14 像素的#FFFFFF)填充圆。
Ellipse Tool Draw Iris Pupil Glare

然后,用选择工具(V),选择所有四个椭圆把它们编组在一起(Command-G)。

步骤2

工具面板中,选择钢笔工具(P),并使用(#FFFFFF)白色填充,绘制“巩膜” - 眼睛的白色。

  1. 对象 > 排列 > 置于后面(Command- [),将其放置在瞳孔形状之后。
  2. 然后复制(Command-C)
  3. 粘贴在前面(Command-F)
  4. 对象 > 排列 > 置于前面(Command-]),将其放置在瞳孔形状的前面。

我们需要做的是为瞳孔创建剪切蒙版。

Pen tool Copy Paste Sclera bring forward send Back

使用选择工具(V),选择巩膜+瞳孔组,对象 > 剪切蒙版 > 建立(Command-7)

现在瞳孔被掩盖了。

Clip Mask Pupil eyes Emoji

步骤3

使用钢笔工具(P),画上下眼睑,眼影,睫毛,眉毛和脸颊,黑色描边和无填充。

颜色填充:

  • 眉毛 #893A28
  • 眼影和下眼皮 #CC6E4A
  • 睫毛 #000000
  • 眼影 #B5D7EA
  • 脸颊阴影 #FFB7A6

您将需要将形状对准前面后面

要移动到上方或下方,对象>排列>置于顶层 (Shift-Command-])对象>排列>置于底层 (Shift-Command- [)

只要一步到后面或前面,对象>排列>后移一层 (Command- [向前(Command-])。对象>排列>前移一层

Color Fill Object Arrange Bring front Back

步骤4

打开透明度面板:窗口>透明度

选择浅蓝色眼影形状,并给它一个正片叠底:混合模式从透明度面板中。

然后选择脸颊形状,并给它一个同样的正片叠底混合模式

效果 > 风格化 > 羽化半径13像素

Transparency panel blending mode multiply radius

步骤5

将所有眼睛形状组合在一起(Command-G)

我们需要创造对称的眼睛。使用选择工具(V),并选择眼睛组,脸颊阴影和眉毛。 使用镜像工具(O)并将蓝色中心参考点设在鼻子上方; 按住Option-Shift拖动并释放到镜像到位。

eye group mirror symmetrical reflect

步骤6

让我们来举例说明其余的表情符号特征。使用钢笔工具(P),并描绘草图的其余部分。

Pen tool Trace Emoji Illustration tutorial

然后选择每个形状,给出您选择的填充颜色,并按其顺序排列。

记住,要移动到上方或下方,对象>排列>置于顶层 (Shift-Command-)对象>排列>置于底层(Shift-Command- [),如果只需前进或后退一步,对象>排列>后移一层 (Command-[前移一层(Command-])。 

color fill shapes khaleeji woman emoji

步骤7

对象> 全部解锁(Command-Alt-2),并删除草图。使用直接选择工具(A)调整和清理作品。

Direct Selection Tool Tweak illustration

选择面部形状,对象 > 路径 > 偏移路径位移 -4px

然后选择外脸形状,并使颜色变成更暗的皮肤颜色。

Object Offset Path emoji

步骤8

选择头巾形状,对象 >路径 >路径偏移位移5px ,并给新的外形一个黑色填充。

现在我们有了我们最初的表情符号。

object offset path hijab black

文件>保存(Command- S)

步骤9

我们的下一步是复制画板来维护基本的表情符号特征。转到窗口>画板。选择下拉菜单和复制画板。重复九次。

window artboards duplicate artboard panel

然后,从画板面板的子菜单中,选择重新排列画板:

  • 版面:按行设置网格
  • 列数:3
  • 间距:20像素
rearrange artboards by column layout spacing

3.  如何来表达情绪

步骤1

现在我们的画板已经设定好了,我们可以开始画画。

第一幅画板的情绪是:"oh!"

  • 删除嘴唇和眉毛。
  • 然后,选择钢笔工具(P),画出“O”嘴唇和倾斜的眉毛的情绪:O
O Oh emotion emoji pen Tool illustration

使用选择工具(V)选择每个新形状,并使用吸管工具(I)选择其对应的部分,使其具有相同的颜色。

slection tool Eyedropper tool Color

我的眉毛颜色看起来不够结实,所以我用更深的颜色代替。

选择>相同>填充颜色并给它们填充颜色 #4F2018

使用选择工具 (V)移动小美人痣到嘴唇附近,你完成了第一个表情符号!

Select Same Fill color Eyebrow fill change

步骤2

画板2:“不舒服”表情符号。

  1. 删除眉毛和嘴唇。
  2. 使用钢笔工具(P)绘制一个新表情 ,并用吸管工具(I)进行颜色匹配。
  3. 使用选择工具(V)将美人痣移到嘴唇附近。
upset expression eyedropper pen tool selection

步骤3

画板3:“愤怒”表情符号。

首先,使用选择工具(V)选择眉毛,并向内旋转以表示愤怒。然后,用钢笔工具(P)1pt黑色描边,画出生气的嘴唇和愤怒的火花  。

angry emoji rotate pent tool draw sparks lips

通过用吸管工具(I)匹配颜色来完成这个画板表情  ,并给火花一个红色。

angry emoji color eyedropper tool

步骤4

画板4:“震惊”表情符号。

  1. 删除眉毛和嘴唇。
  2. 钢笔工具(P)绘制高度弧形和弯曲的眉毛以及张开的嘴巴,并用吸管工具(I)进行颜色匹配  。
Pen tool Surprised shocked emoji Eyedropper tool

步骤5

画板5:“酷”表情符号。

使用钢笔工具(P)在眼睛上画出凉爽的猫眼太阳镜,并添加白色反射。

然后,使用直接选择工具(A),调整嘴唇看起来更“性感”,并删除嘴唇中心的暗处。

cool emoji draw pen tool khaleeji

步骤6

画板6:“高兴”表情符号。

  1. 删除眼睛和嘴唇中心的暗处。
  2. 使用钢笔工具(P),画眼影和黑色填充的“眯眼”眼睛。
  3. 使用选择工具(V)来降低眉毛,并稍微旋转它们。
  4. 使用吸管工具(I)来匹配颜色。
Pen Selection tool draw rotate brows

步骤7

画板7:“嘻哈”表情符号。

  1. 删除眼睛,眉毛和嘴唇。
  2. 使用钢笔工具(P),画眼影,拱眯着眼睛长长的睫毛,弯曲的微笑和拱形的眉毛。
  3. 使用吸管工具(I)来匹配颜色。
  4. 使用选择工具(V)向上抬起脸颊阴影,并将她的美人痣移到嘴巴附近。
pen selection eyedroper tool draw eyes brows giggle

步骤8

画板8:“泪流成河”表情符号。

  1. 删除眼睛,眉毛和嘴唇
  2. 使用钢笔工具(P)画出倒着的眉毛,流泪的眼睛,大量的眼泪和张开的嘴巴。
Crying emoji Khaleeji Woman Pen Tool Draw

接下来,使用吸管工具(I)来匹配颜色,并用蓝色填充眼泪。记住将元素排列到后面/前面的快捷键。 将美人痣移到嘴唇附近。使用钢笔工具(P)画出深色皮肤阴影,并在眼泪流下面绘制一个三角形,使眼泪看起来好像飞出来。

cry emoji shape pop

步骤9

表情9:“爱情”表情符号。

  1. 删除眼睛和嘴唇。
  2. 使用选择工具(V)旋转眉毛的末端,并稍稍微降低一下。
  3. 使用钢笔工具(P),画两只大心代替眼睛,一个害羞的微笑,以及头巾周围的心形。
pen tool draw heart Love emoji

最后,使用吸管工具(I)来匹配颜色。

eyedropper tool color hearts love emoji

步骤10

最后一步是回顾整个组合,清理艺术品,调整任何你认为合适的地方,按正确的顺序排列对象,并添加反射或额外的元素,使每个表情符号通俗易懂,如果需要的话。

Custom Khaleeji Woman emoji tutorial

文件>保存(Command- S)

4.如何导出和构建表情符号键盘

步骤1

文件>导出为。

格式:选择PNG,选中使用画板导出

PNG对话框将会出现:

  • 分辨率:屏幕(72ppi)
  • 背景颜色:透明 
  • 单击确定
export emoji file Png Transparent Screen 72ppi

步骤2

现在做我们的表情符号键盘。

苹果在iOS10中可以轻松使用贴纸应用程序的消息。大多数应用程序今天不允许使用自定义表情符号或贴纸,因此,直到它们是可用的,您需要建立一个。

我们将使用Xcode构建的键盘可以混合使用您键入的文本以及用作贴纸的自定义表情符号。你实际上可以将它们从键盘上剥离出来,并将它们放在其他消息之上。

如果您正在创建贴纸表情符号,您可以查看我的其他教程如何创建iMessage贴纸以获取更多信息指南。

您将需要设置您的Apple Developer帐户(USD99 /年)iTunes Connect加上下载Xcode。

步骤3

我们将简要地介绍一下这个过程。

使用您的Apple ID登录Xcode :首选项>帐户>选择+>登录。

  1. 创建一个新的Xcode项目并选择贴纸包应用程序,然后单击下一步
  2. 给你的表情包一个产品名称:' Khaleeji女子表情符号 '。
  3. 填写团队,组织名称和标识,根据您的详细信息,然后单击下一步
create new project xcode sticker pack application
product name xcode identifier team organization

步骤4

点击左侧导航区域中的蓝色 Stickers.xcstickers文件夹,并将表情符号图像拖放到编辑器区域。

Xcode sticker emoji pack upload
  1. 设置活动方案下,选择您的设备型号,例如iPhone7 Plus。
  2. 运行你的构建,在iMessage模拟器上测试贴纸。
xcode set active scheme run build

测试模拟器上的表情符号。

test khaleeji emoji on simulator

步骤5

如果一切运行良好,然后创建iMessage应用程序图标,您就可以存档并提交给App Store。

要创建应用程序图标,请使用MakeAppIcon

1536 x 1536 像素版本的应用图像上传到MakeAppIcon网页,并将通过电子邮件向您发送所有iOS设备所需的尺寸。

点击左侧导航区域中的蓝色Stickers.xcstickers文件夹,然后选择iMessage应用程序图标文件夹,并通过拖放上传所有图标图像。

Xcode upload app icon images MakeAppicon

步骤6

最后,产品>存档

  • 窗口>管理器。您将在左侧栏中看到贴纸。
  • 验证。
  • 如果这些都很好,请上传到应用商店,它会显示在iTunes连接上,您可以将其发送到通过审查

准备好后,点击提交。就是这样!

等待审核的过程,通常需要几天时间,并且您的表情符号键盘将准备就绪!

准备,设置,文字!

做得好!我们已经使用基本的Adobe Illustrator快捷方式和工具来阐明了一个自定义的Khaleeji女人表情符号集。我们可以使用这些简单的技巧来绘制更多的emojis,以便在iMessage应用程序上共享和上传。

分享和享受!

Khaleeji woman Emoji Keyboard Tutorial
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.