Comment créer des autocollants Emoji iMessage de femme Khaleeji dans Adobe Illustrator

Ce que vous allez créer

Aimez-vous utiliser des émoticônes? Maintenant, vous pouvez apprendre à faire votre propre!

Nous utilisons tous des émoticônes / emojis (icônes d'émotion) dans nos chats, applications et commentaires en ligne. Les Emojis sont une manière très amusante de montrer nos sentiments sans mots. Bien que de nombreuses applications proposent des émoticônes gratuites, vous ne devez pas vous limiter à celles-ci. Crée le tien!

Aujourd'hui, vous allez apprendre, étape par étape, à préparer et à concevoir un petit ensemble d'émojis pour femmes Khaleeji. Nous allons travailler avec des bases Adobe Illustrator outils et raccourcis pour créer un personnage féminin avec différentes expressions et passer à l’utilisation de Xcode exporter les images.

Découvrez GraphicRiver pour vous inspirer d'autres conceptions d'émoticônes.

1. Comment dessiner et configurer une planche graphique Emoji

Étape 1

Tout d'abord, nous devons dessiner notre personnage.

Les caractéristiques communes de la "beauté" dont les femmes du Moyen-Orient bénéficient génétiquement, sans toutefois s'y limiter, sont les suivantes:

  • sourcils pleins
  • grands yeux au contour de khôl et cils bouclés
  • teint olives
  • des lèvres charnues
  • cheveux épais

Gardez cela à l'esprit et tracez un visage féminin "non émotionnel", puis ajoutez un hijab pour lui donner un look "Khaleeji" (du Golfe).

Utilisez ensuite le même croquis de base et multipliez-le pour illustrer neuf émotions différentes que vous pourriez partager avec vos amis et votre famille, telles que joie, amour, surprise, pleurs, etc..

Fondamentalement, vous pouvez modifier les expressions en modifiant simplement les sourcils, les yeux et la bouche du dessin initial. Découvrez comment j'ai modifié mes émotions emoji.

Étape 2

Mettre en place un Nouveau document (Commande-N): 

  • Nombre de planches d'art: 1
  • Largeur: 618 px
  • La taille: 618 px
  • Unités: Les pixels
  • Mode de couleur: RVB

Étape 3

Utilisez le Endroit raccourci (Commande-Shift-P) et placez le croquis. ensuite Fermer à clé (Command-2) le croquis en bas, afin que nous puissions commencer à tracer sur le dessus.

2. Comment tracer la conception initiale Emoji

Étape 1

Commençons à tracer en attirant les yeux.

Sélectionnez le Outil Ellipse (L), du Outils panneau.

  1. Crée l'iris de l'oeil, un 60 x 60 px marron (# 7C3722) remplissez le cercle en utilisant le Outil Ellipse (L).
  2. Dessine la pupille de l'oeil, une 40 x 40 px marron (# 351105) remplissez le cercle et placez-le au-dessus de l'iris
  3. En utilisant le Outil Ellipse (L), créer deux reflets oculaires: l'un tourné26 x 17 px et un14 x 14px (#FFFFFF) remplir le cercle.

Ensuite, avec le Outil de sélection (V), sélectionnez les quatre ellipses et Groupe eux autres ensemble (Command-G).

Étape 2

Du Outils panneau, sélectionnez le Outil stylo (P) et avec un (#FFFFFF) garniture blanche, dessinez dans la "sclérotique" - le blanc de l'oeil.

  1. Objet > Organiser > Envoyer vers l'arrière (Commander-[), pour le positionner derrière les formes de la pupille.
  2. ensuite Copier (Commande-C).
  3. Et Coller devant (Command-F).
  4. Objet > Organiser > Avancer (Commander-]), pour le positionner devant les formes de la pupille.

Ce que nous devons faire, c'est créer un masque d'écrêtage pour les élèves..

Avec le Outil de sélection (V), sélectionnez le groupe sclérotique + pupille, Objet > Masque d'écrêtage > Faire (Command-7).

Maintenant les élèves sont masqués.

Étape 3

En utilisant le Outil stylo (P), dessiner dans les paupières supérieures / inférieures, les ombres à paupières, les cils, les sourcils et les joues rougir, avec un trait noir et un remplissage nul.

Remplissage de couleur:

  • Les sourcils # 893A28
  • Ombre à paupières et paupière inférieure # CC6E4A
  • Les cils # 000000
  • Ombrage des yeux # B5D7EA
  • Ombrage des joues # FFB7A6

Tu devras Aligner les formes au De face ou Retour.

Se déplacer au dessus ou en dessous, Objet> Arranger> Amener au premier plan (Shift-Command-]) ou Objet> Organiser> Envoyer à l'arrière (Shift-Command- [).

Pour un pas en avant ou en arrière, Objet> Organiser> Renvoyer (Commander-[) ou En avant (Commande-]). Objet> Organiser> Avancer.

Étape 4

Ouvrez le Transparence panneau: Fenêtre> Transparence.

Sélectionnez la forme de nuance bleu clair et donnez-lui un Multiplier: Mode de fusion de Transparence panneau.

Ensuite, sélectionnez la forme de la joue et donnez-lui un Multiplier: Mode de fusion, aussi.

Effet > Styliser > Plume: Rayon: 13px.

Étape 5

Groupe toutes les formes d'yeux ensemble (Command-G).

Nous devons créer des yeux symétriques. Utilisez le Outil de sélection (V), et sélectionnez le groupe des yeux, la nuance des joues et les sourcils. Prendre le Outil de réflexion (O) et définissez le point de référence central bleu au-dessus du nez; Option-Maj-Drag et relâchez le miroir en position.

Étape 6

Illustrons le reste des fonctionnalités emoji. Utilisez le Outil stylo (P), et trace sur les parties restantes de l'esquisse.

Sélectionnez ensuite chaque forme, donnez-lui la couleur de remplissage de votre choix et disposez-la dans le bon ordre..

Rappelez-vous, pour aller au-dessus ou au-dessous, Objet> Arranger> Amener au premier plan (Shift-Command-]) ou Objet> Organiser> Envoyer à l'arrière (Shift-Command- [), et juste un pas en arrière ou en avant, Objet> Organiser> Renvoyer (Commander-[) ou En avant (Commande-]).

Étape 7

Objet> Déverrouiller Tout (Commande-Alt-2) et supprimez le croquis. Tweak et nettoyer les œuvres avec le Outil de sélection directe (UNE).

Sélectionnez la forme du visage, Objet > Chemin > Chemin de décalage: Offset - 4px

Sélectionnez ensuite et donnez à la forme du visage extérieur une couleur de peau plus sombre.

Étape 8

Sélectionnez la forme du hijab, Objet > Chemin > Chemin de décalage: décalage 5 px et donnez à la nouvelle forme extérieure un remplissage noir.

Maintenant, nous avons notre emoji initial mis en place.

Fichier> Enregistrer (Commander-S).

Étape 9

Notre prochaine étape consiste à dupliquer la planche graphique pour conserver les fonctionnalités de base d’Emoji. Aller à Fenêtre> Tableaux. Sélectionnez le menu déroulant et Duplicate Artboards. Dupliquez-le neuf fois.

Ensuite, du Planches à dessin sous-menu du panneau, sélectionnez Réorganiser les planches:

  • Mise en page: grille par ligne
  • Colonnes: 3
  • Espacement: 20 px

3. Comment illustrer les émotions

Étape 1

Maintenant que nos planches d’art sont installées, nous pouvons commencer à attirer les émotions.

La première émotion de la planche graphique est: "Oh!"

  • Effacer les lèvres et les sourcils.
  • Ensuite, sélectionnez le Outil stylo (P), et dessinez dans les lèvres "O" et les sourcils obliques de l'émotion: O

Sélectionnez chaque nouvelle forme avec le Outil de sélection (V) et utiliser le Outil Pipette (je) pour choisir le partenaire correspondant, pour lui donner la même couleur.

La couleur de mes sourcils n'était pas assez forte, alors remplacez-la par une couleur plus sombre..

Sélectionner> Identique> Couleur de remplissage et leur donner une couleur de remplissage de  # 4F2018.

Utilisez le Outil de sélection (V) pour rapprocher le petit point de beauté des lèvres et vous avez terminé avec le premier emoji!

Étape 2

Artboard 2: Emoji "bouleversé".

  1. Supprimer le les sourcils et les lèvres.
  2. Dessine une nouvelle expression avec le Outil stylo (P), et faire correspondre les couleurs avec Outil Pipette (je).
  3. Utilisez le Outil de sélection (V) pour rapprocher la tache de la beauté des lèvres.

Étape 3

Artboard 3: Emoji "en colère".

Tout d'abord, sélectionnez les sourcils avec le Outil de sélection (V) et faites-les pivoter vers l'intérieur pour montrer la colère. Ensuite, dessinez des lèvres en colère et des étincelles de colère avec le Outil stylo (P), 1 pt, trait noir.

Terminez en faisant correspondre les couleurs avec le Outil Pipette (je) et donner aux étincelles une couleur rouge.

Étape 4

Artboard 4: Emoji "choc".

  1. Supprimer le les sourcils et les lèvres.
  2. Dessiner des sourcils fortement arqués et courbes et une bouche ouverte, avec le Outil stylo (P) et faire correspondre les couleurs avec le Outil Pipette (je).

Étape 5

Artboard 5: emoji "cool".

Utilisez le Outil stylo (P) dessiner des lunettes de soleil œil de chat fraîches sur les yeux et ajouter un reflet blanc.

Puis, en utilisant le Outil de sélection directe (UNE), ajustez les lèvres pour obtenir un aspect plus "pouty" et supprimez le centre sombre des lèvres.

Étape 6

Artboard 6: Emoji "ravis".

  1. Effacer les yeux et le centre des lèvres sombres.
  2. Dessinez un fard à paupières et des yeux noirs "plissés" avec des cils, en utilisant Outil stylo (P).
  3. Utilisez le Outil de sélection (V) pour baisser les sourcils et les faire pivoter légèrement vers la droite.
  4. Utilisez le Outil Pipette (je), pour faire correspondre les couleurs.

Étape 7

Artboard 7: Emoji "Giggle".

  1. Effacer les yeux, les sourcils et les lèvres.
  2. Utilisez le Outil stylo (P), pour dessiner un fard à paupières, des yeux voûtés avec de longs cils, un sourire courbé et des sourcils arqués.
  3. Utilisez le Outil Pipette (je) pour faire correspondre les couleurs.
  4. Utilisez le Outil de sélection (V) pour lever l'ombre de la joue vers le haut et déplacer son point de beauté plus près de la bouche.

Étape 8

Artboard 8: "Cry Me a River" emoji.

  1. Effacer les yeux, les sourcils et les lèvres
  2. Utilisez le Outil stylo (P) pour dessiner des sourcils inversés, des yeux qui coulent, de nombreuses larmes et une bouche ouverte.

Ensuite, utilisez le Outil Pipette (je) pour faire correspondre les couleurs, et la couleur remplissent les larmes avec des nuances de bleu. Rappelez-vous les raccourcis pour organiser les éléments vers l'arrière / l'avant. Déplacez la tache de beauté plus près des lèvres. Utilisez le Outil stylo (P) avec une nuance de peau sombre et dessinez une forme triangulaire en dessous du flux de larmes pour donner l’impression que les larmes volent.

Étape 9

Artboard 9: Emoji "Amoureux".

  1. Effacer les yeux et les lèvres.
  2. Utilisez le Outil de sélection (V) pour faire tourner les extrémités des sourcils et les abaisser légèrement.
  3. Utilisez le Outil stylo (P) et dessinez deux grands cœurs à la place des yeux, un sourire timide et des cœurs autour du hijab.

Enfin, utilisez le Outil Pipette (je) pour faire correspondre les couleurs.

Étape 10

La dernière étape consiste à revenir en arrière dans le décor, à nettoyer les illustrations, à peaufiner les réglages à votre guise, à organiser les objets dans le bon ordre et à ajouter des réflexions ou des éléments supplémentaires pour rendre chaque émoji éclatant, si nécessaire..

Fichier> Enregistrer (Commander-S).

4. Comment exporter et construire un clavier Emoji

Étape 1

Fichier> Exporter sous.

Format:  Sélectionner PNG, vérifier Utiliser des planches, et Exportation.

le PNG boite de dialogueapparaîtra:

  • Résolution: Écran (72 ppi)
  • Couleur de fond: Transparent
  • Cliquez sur D'accord

Étape 2

Maintenant, pour faire notre clavier emoji.

Apple a simplifié les choses avec les applications d'autocollants pour les messages dans iOS 10. La plupart des applications actuelles ne permettent pas d'émoticônes personnalisées ni d'autocollants. Par conséquent, vous devez en créer un jusqu'à ce qu'ils soient disponibles..

Le clavier que nous construirons avec Xcode peut être utilisé en combinaison avec du texte que vous tapez et des emoji personnalisés qui fonctionnent comme des autocollants. Vous pouvez réellement les décoller du clavier et les placer au-dessus d'autres messages..

Si vous commencez à créer des emojis autocollants, vous pouvez consulter mon autre tutoriel Comment créer des autocollants iMessage pour un guide plus informatif.

Vous devrez configurer votre compte Apple Developer (99 USD / an) et iTunes Connect. Plus télécharger Xcode.

Étape 3

Nous allons passer brièvement à travers ce processus.

Connectez-vous à Xcode avec votre Identifiant Apple: Préférences> Compte> Sélectionner +> Connexion.

  1. Créer un nouveau projet Xcode et sélectionnez Application du pack d'autocollants, et cliquez Suivant.
  2. Donnez à votre pack emoji un Nom du produit: 'Khaleeji Femme Emoji'.
  3. Remplir Équipe, nom de l'organisation, et Identifiant, selon vos coordonnées, et cliquez sur Suivant.

Étape 4

Cliquez sur le bleu Stickers.xcstickers dossier dans la zone de navigation de gauche et faites glisser les images emoji dans la zone de l'éditeur.

  1. Sous Définir le schéma actif, sélectionnez votre modèle d'appareil, par exemple. iPhone7 Plus.
  2. Courir votre construction, pour tester les autocollants sur un simulateur iMessage.

Testez les émoticônes sur le simulateur.

Étape 5

Si tout fonctionne bien, créez les icônes de l'application iMessage et vous êtes prêt à archiver et à soumettre à l'App Store..

Pour créer des icônes d'application, utilisez MakeAppIcon.

Télécharger un 1536 x 1536 px version de l'image de l'application dans le MakeAppIcon page Web, et il vous enverra toutes les tailles dont vous avez besoin pour tous les appareils iOS.

Cliquez sur le bleu Stickers.xcstickers dans la zone de navigation de gauche et sélectionnez le dossier Icône de l'application iMessage dossier, et télécharger toutes les images d'icône en les faisant glisser.

Étape 6

finalement, Produit> Archive.

  • Fenêtre> Organiseur. Vous verrez vos autocollants dans la barre de gauche.
  • Valider.
  • Si tout va bien, Transférer vers l'App Store, et il apparaîtra sur votre iTunes Connect, et vous pouvez l'envoyer à La revue.

Une fois que vous êtes prêt, cliquez sur Soumettre. Et c'est tout!

Attendez le processus de révision, qui prend généralement quelques jours, et votre clavier emoji sera prêt!

Prêt, Set, Texte!

Bon travail! Nous avons illustré une coutume Khaleeji Femme Emoji définir, en utilisant des raccourcis et des outils de base Adobe Illustrator. Nous pouvons utiliser ces techniques simples pour dessiner un plus grand nombre d’emojis à partager et à télécharger sur notre application iMessage..

Partager et profiter!