Hur man skapar Khaleeji Woman Emoji iMessage-klistermärken i Adobe Illustrator

Vad du ska skapa

Älska med hjälp av emojis? Nu kan du lära dig att göra din egen!

Vi använder alla uttryckssymboler / emojis (känslighetsikoner) i våra messengerchats, appar och online kommentarer. Emojis är ett mycket roligt sätt att visa våra känslor utan ord. Även om många appar erbjuder gratis uttryckssymboler, borde du inte känna sig begränsad till bara dem. Skapa din egen!

Idag kommer du att lära dig steg för steg hur du sätter upp och utformar en liten uppsättning Khaleeji kvinna emojis. Vi arbetar med grundläggande Adobe Illustrator verktyg och genvägar för att skapa en kvinnlig karaktär med olika uttryck och fortsätta att använda Xcode att exportera bilderna.

Kolla in GraphicRiver för att bli inspirerad av andra uttryckssignaler.

1. Hur man skissar och sätter upp en Emoji Artboard

Steg 1

Först måste vi skissa ut vår karaktär.

Vanliga "skönhet" -funktioner som Mellanöstern-kvinnor är genetiskt välsignade med, men inte begränsade till, är:

  • fulla ögonbryn
  • stora kohlkonturerade ögon och krullade ögonfransar
  • olivkomplex
  • plumpa läppar
  • tjockt hår

Håll dem i åtanke och skissa ut ett "icke-känslomässigt" kvinnligt ansikte, och lägg till en hijab för att få henne att se henne "Khaleeji" (från Gulfen).

Använd sedan samma grundläggande ansiktsskissa och multiplicera den för att illustrera nio olika känslor som du kan dela med vänner och familj, till exempel glada, förälskade, överraskade, gråta och så vidare.

Grunden kan du ändra uttryck genom att bara ändra ögonbrynen, ögonen och munnen på den ursprungliga skissen. Kolla på hur jag förändrade mina emoji-känslor.

Steg 2

Ställ in en Nytt dokument (Kommando-N): 

  • Antal skyltar: 1
  • Bredd: 618 px
  • Höjd: 618 px
  • Enheter: pixlar
  • Färg läge: RGB

Steg 3

Använd Plats genväg (Kommando-skift-P) och placera skissen. Sedan Låsa (Kommando-2) skissen ner, så vi kan börja spåra på toppen.

2. Hur man spårar den inledande Emoji-designen

Steg 1

Låt oss börja spåra genom att dra ögonen.

Välj Ellipsverktyg (L), från Verktyg panel.

  1. Skapa iris i ögat, a 60 x 60 px brun (# 7C3722) fyll cirkel med hjälp av Ellipsverktyg (L).
  2. Rita ögatets pupil, a 40 x 40 px brun (# 351.105) fyll cirkel och placera den ovanför irisen
  3. Använda Ellipsverktyg (L), skapa två ögonreflexionshöjdpunkter: en roterades26 x 17 px och a14 x 14px (#FFFFFF) fyllningscirkel.

Då, med Urvalsverktyg (V), välj alla fyra ellipser och Grupp dem tillsammans (Kommando-G).

Steg 2

Från Verktyg panel, välj Penverktyg (P), och med a (#FFFFFF) vit fyllning, dra i "sclera" - det vita i ögat.

  1. Objekt > Ordna > Skicka bakåt (Kommando-[), för att placera den bakom elevens former.
  2. Sedan Kopiera (Command-C).
  3. Och Klistra in framför (Command-F).
  4. Objekt > Ordna > Ta fram (Kommando-]), för att placera den framför elevens former.

Vad vi behöver göra är att skapa en klippmask för eleverna.

Med Urvalsverktyg (V), välj sclera + elevgrupp, Objekt > Clipping Mask > Göra (Kommando-7).

Nu maskeras eleverna.

Steg 3

Använda Penverktyg (P), dra i övre / nedre ögonlocken, ögonskugga, ögonfransar, ögonbryn och kindblod, med svart slag och nollfyllning.

Färgfyllning:

  • ögonbryn # 893A28
  • Ögonskugga och nedre ögonlocket # CC6E4A
  • Ögonfransar # 000000
  • Ögonskuggning # B5D7EA
  • Kinnar Skuggning # FFB7A6

Du kommer behöva Justera formerna till Främre eller Tillbaka.

Att flytta över eller under, Objekt> Ordna> Ta fram (Skift-kommando-]) eller Objekt> Ordna> Skicka till Tillbaka (Skift-kommando- [).

För bara ett steg bakåt eller framåt, Objekt> Ordna> Skicka bakåt (Kommando-[) eller Framåt (Kommando)]. Objekt> Ordna> Ta framåt.

Steg 4

Öppna Genomskinlighet panel: Fönster> Genomskinlighet.

Välj den ljusblå ögonskärmformen och ge den en Multiplicera: Blandningsläge från Genomskinlighet panel.

Välj sedan kindformen och ge den en Multiplicera: Blandningsläge, för.

Effekt > Stilisera > Fjäder: Radius: 13px.

Steg 5

Grupp alla ögonformer tillsammans (Kommando-G).

Vi behöver skapa symmetriska ögon. Använd Urvalsverktyg (V), och välj ögongrupp, kindskugga och ögonbryn. Ta Reflekteringsverktyg (O) och ställ in den blå centrumreferenspunkten över näsan; Option-Shift-dra och släpp för att spegla i läge.

Steg 6

Låt oss illustrera resten av emoji-funktionerna. Använd Penverktyg (P), och spåra över de återstående delarna av skissen.

Välj sedan varje form, ge den en fyllnadsfärg efter eget val och ordna det i rätt ordning.

Kom ihåg att flytta över eller under, Objekt> Ordna> Ta fram (Skift-kommando-]) eller Objekt> Ordna> Skicka till Tillbaka (Skift-kommando- [), och bara ett steg bakåt eller framåt, Objekt> Ordna> Skicka bakåt (Kommando-[) eller Framåt (Kommando)].

Steg 7

Objekt> Lås upp Allt (Kommando-Alt-2) och radera skissen. Tweak och städa upp konstverket med Direktmarkeringsverktyg (en).

Välj ansiktsform, Objekt > Väg > Förskjutningsväg: Offset - 4px

Välj sedan och ge den yttre ansiktsformen en mörkare hudfärg.

Steg 8

Välj hijabformen, Objekt > Väg > Förskjutningsväg: Offset 5 px och ge den nya yttre formen en svart fyllning.

Nu har vi vår första emoji-uppsättning.

Arkiv> Spara (Kommando-S).

Steg 9

Vårt nästa steg är att duplicera tavlan för att behålla de grundläggande emoji-funktionerna. Gå till Fönster> Konstbrädor. Välj rullgardinsmenyn och Duplicate Artboards. Kopiera det nio gånger.

Sedan, från ritytor panelens undermeny, välj Rearrange Artboards:

  • Layout: Grid by Row
  • Kolumner: 3
  • Avstånd: 20 px

3. Hur man illustrerar känslor

Steg 1

Nu när våra tavlor är inställda, kan vi börja dra i känslorna.

Den första tavlan känslan är: "Oh!"

  • Radera läpparna och ögonbrynen.
  • Välj sedan Penverktyg (P), och dra i "O" läpparna och snedställda ögonbryn av känslan: O

Välj varje ny form med Urvalsverktyg (V), och använd Eyedropper Tool (jag) för att välja motsvarande partner för att ge den samma färg.

Den ögonbryn färg jag hade var inte tillräckligt stark i utseende, så ersatte den med en mörkare färg.

Välj> Samma> Fyll färg och ge dem en fyllning av  # 4F2018.

Använd Urvalsverktyg (V) för att flytta den lilla skönhetsplatsen närmare läpparna, och du är färdig med den första emoji!

Steg 2

Artboard 2: "Upset" emoji.

  1. Ta bort ögonbryn och läppar.
  2. Rita ett nytt uttryck med Penverktyg (P) och matcha färgerna med Eyedropper Tool (jag).
  3. Använd Urvalsverktyg (V) för att flytta skönhetsplatsen närmare läpparna.

Steg 3

Artboard 3: "Angry" emoji.

Välj först ögonbrynen med Urvalsverktyg (V) och rotera dem inåt för att visa ilska. Dra sedan ilska läppar och ilska gnistor med Penverktyg (P), 1 pt, svart slag.

Avsluta med matchande färger med Eyedropper Tool (jag) och ger gnistorna en röd färg.

Steg 4

Artboard 4: "Shock" emoji.

  1. Ta bort ögonbryn och läppar.
  2. Rita högt välvda och krökta ögonbryn och en öppen mun med Penverktyg (P) och matcha färgerna med Eyedropper Tool (jag).

Steg 5

Artboard 5: "Cool" emoji.

Använd Penverktyg (P) för att dra svala kattögonsolglasögon över ögonen och lägga till en vit reflektion.

Sedan använder du Direktmarkeringsverktyg (en), tweak läpparna för att se mer "pouty", och ta bort den mörka mitten av läpparna.

Steg 6

Artboard 6: "Delighted" emoji.

  1. Radera ögonen och den mörka läppcentralen.
  2. Rita ögonskugga och svarta fyllda "skurande" ögon med fransar, med hjälp av Penverktyg (P).
  3. Använd Urvalsverktyg (V) för att sänka pannorna och vrida dem något snabbare.
  4. Använd Eyedropper Tool (jag), för att matcha färger.

Steg 7

Artboard 7: "Giggle" emoji.

  1. Radera ögon, pannor och läppar.
  2. Använd Penverktyg (P), för att rita ögonskugga, välvda sneda ögon med långa ögonfransar, ett krökt leende och välvda ögonbryn.
  3. Använd Eyedropper Tool (jag) för att matcha färger.
  4. Använd Urvalsverktyg (V) för att lyfta kindskuggan uppåt och flytta hennes skönhetsplats närmare munnen.

Steg 8

Artboard 8: "Cry Me a River" emoji.

  1. Radera ögon, pannor och läppar
  2. Använd Penverktyg (P) för att dra inverterade pannor, vattenflödande ögon, mycket tårar och en öppen mun.

Använd sedan Eyedropper Tool (jag) för att matcha färger och färg fyller tårarna med nyanser av blått. Kom ihåg genvägarna för att ordna element på baksidan / framsidan. Flytta skönhetsplatsen närmare läpparna. Använd Penverktyg (P) med en mörk hudskugga och dra en triangulär form under tårflödet så att tårarna ser ut som om de flyger ut.

Steg 9

Artboard 9: "In Love" emoji.

  1. Radera ögon och läppar.
  2. Använd Urvalsverktyg (V) för att rotera ändarna av brynen och sänk dem något.
  3. Använd Penverktyg (P) och rita två stora hjärtan i stället för ögonen, ett blygt leende och hjärtan runt hijaben.

Slutligen, använd Eyedropper Tool (jag) för att matcha färger.

Steg 10

Det sista steget är att gå tillbaka genom uppsättningen, städa upp konstverket, göra tweaks varhelst du passar, ordna objekt i rätt ordning och lägg till reflektioner eller extra element för att göra varje emoji pop om det behövs.

Arkiv> Spara (Kommando-S).

4. Hur exportera och bygga en Emoji-tangentbord

Steg 1

Arkiv> Exportera som.

Formatera:  Välj PNG, kontrollera Använda tavlor, och Exportera.

De PNG dialog rutaKommer komma:

  • Upplösning: Skärm (72 ppi)
  • Bakgrundsfärg: Genomskinlig
  • Klick ok

Steg 2

Nu för att göra vårt emoji-tangentbord.

Apple gjorde det enkelt med klisterapps Apps för meddelanden i iOS 10. De flesta appar idag tillåter inte anpassade emoji eller klistermärken, så tills de är tillgängliga måste du bygga en.

Tangentbordet vi ska bygga med Xcode kan användas blandat med text du skriver och anpassad emoji som fungerar som klistermärken. Du kan faktiskt skrälla dem av tangentbordet och placera dem ovanpå andra meddelanden.

Om du bara går in på att skapa sticker emojis, kan du kolla in min andra handledning Hur man skapar iMessage Stickers för en mer informativ guide.

Du måste konfigurera ditt Apple Developer-konto (USD99 / år) och iTunes Connect. Plus ladda ner Xcode.

Steg 3

Vi kommer att gå kort igenom denna process.

Logga in Xcode med din Apple ID: Preference> Konto> Välj +> Logga in.

  1. Skapa ett nytt Xcode-projekt och välj Sticker Pack Application, och klicka Nästa.
  2. Ge din emoji pack a produktnamn: "Khaleeji Kvinna Emoji'.
  3. Fylla i Team, organisations namn, och Identifierare, enligt dina uppgifter och klicka Nästa.

Steg 4

Klicka på den blå Stickers.xcstickers mapp i det vänstra navigeringsområdet och dra de emoji-bilderna i redigeringsområdet.

  1. Under Ställ in det aktiva schemat, välj din enhetsmodell, t.ex.. iPhone7 Plus.
  2. Springa din byggnad, för att testa klistermärkena på en iMessage-simulator.

Testa emojis på simulatorn.

Steg 5

Om det går bra, skapa sedan iMessage-appikonen och du är redo att arkivera och skicka till App Store.

För att skapa appikoner, använd MakeAppIcon.

Ladda upp en 1536 x 1536 px version av appbilden i MakeAppIcon webbsida, och det kommer att maila dig alla storlekar du behöver för alla iOS-enheter.

Klicka på den blå Stickers.xcstickers mapp i det vänstra navigeringsområdet och välj iMessage App Icon mapp och ladda upp alla ikonbilder genom att dra och släppa.

Steg 6

Till sist, Produkt> Arkiv.

  • Fönster> Arrangör. Du kommer se dina klistermärken i vänster bar.
  • Bekräfta.
  • Om det är allt bra, Ladda upp till App Store, och det kommer att visas på din iTunes Connect, och du kan skicka det till Recension.

När du är klar klickar du på Lämna. Och det är allt!

Vänta på granskningsprocessen, som vanligtvis tar några dagar, och ditt emoji-tangentbord är klart!

Klar, Ange, Text!

Bra jobbat! Vi har illustrerat en anpassning Khaleeji Kvinna Emoji Ange med hjälp av grundläggande Adobe Illustrator genvägar och verktyg. Vi kan använda dessa enkla tekniker för att rita en större uppsättning emojis för att dela och ladda upp i vår iMessage-app.

Dela och njut av!