Cum se creează autocolante Emile iMessage în Illustrator de la Khaleeji

Ce veți crea

Dragostea folosind emojis? Acum poți să înveți să-ți faci propriul!

Cu toții folosim emoticoane / emojis (icoane de emoție) în chat-urile noastre de mesagerie, aplicații și comentarii online. Emojis este un mod foarte distractiv de a ne arăta sentimentele fără cuvinte. Deși multe aplicații oferă emoticoane gratuite, nu trebuie să vă simțiți limitați doar la acele emoții. Crează-ți propriul!

Astăzi veți învăța, pas cu pas, cum să configurați și să creați un mic set de emojis de femeie din Khaleeji. Vom lucra cu cele de bază Adobe Illustrator instrumente și comenzi rapide pentru a crea un personaj feminin cu expresii diferite și treceți la utilizare Xcode pentru a exporta imaginile.

Check out GraphicRiver pentru a vă inspira de alte modele de emoticon.

1. Cum să schițați și să creați o tablă Emoji

Pasul 1

În primul rând, trebuie să schițăm caracterul nostru.

Trăsături comune de "frumusețe" pe care femeile din Orientul Mijlociu le binecuvântează genetic, dar care nu se limitează la acestea, sunt:

  • sprâncene întregi
  • ochi mari conturate cu ochiuri, și genele încrețite
  • tămâie de măsline
  • buzele pline
  • păr gros

Păstrați-i pe aceștia în minte și schițați o față feminină "non-emoțională" și adăugați un hijab ca să o arate "Khaleeji" (din Golf).

Apoi, utilizați aceeași schiță de bază și multiplicați-o, pentru a ilustra nouă emoții diferite pe care le puteți împărtăși cu prietenii și familia, cum ar fi fericit, îndrăgostit, surprins, plâns și așa mai departe.

În mod fundamental, poți schimba expresii schimbând doar sprâncenele, ochii și gura schiței inițiale. Verificați cum am modificat emotiile mele emoționale.

Pasul 2

Configurați a Document nou (Command-N): 

  • Numărul de tablouri: 1
  • Lăţime: 618 px
  • Înălţime: 618 px
  • Unități: pixeli
  • Modul color: RGB

Pasul 3

Folosește Loc comenzi rapide (Command-Shift-P) și plasați schița. Atunci Blocare (-Comandă 2) schița în jos, astfel încât să putem începe urmărirea în partea de sus.

2. Cum să urmăriți designul inițial Emoji

Pasul 1

Să începem urmărirea prin tragerea ochilor.

Selectează Instrument de elipsă (L), de la Unelte panou.

  1. Creați irisul ochiului, a 60 x 60 px maro (# 7C3722) completati cercul, folosind Instrument de elipsă (L).
  2. Desenați pupila ochiului, a 40 x 40 px maro (# 351105), completați cercul și plasați-o deasupra irisului
  3. Utilizarea Instrument de elipsă (L), crea două reflecții de reflecție a ochilor: o rotație26 x 17 px și a14 x 14 pixeli (#FFFFFF) completati cercul.

Apoi, cu Instrument de selecție (V), selectați toate cele patru elipse și grup împreună (Command-G).

Pasul 2

De la Unelte panou, selectați Instrumentul Pen (P), și cu a (#FFFFFF) umplere albă, trageți în "sclera" - albul ochiului.

  1. Obiect > Aranja > Trimite înapoi (Comanda-[), pentru ao poziționa în spatele formelor elevilor.
  2. Atunci Copiați (Command-C).
  3. Și Lipiți în față (Command-F).
  4. Obiect > Aranja > Adu-l înainte (Comanda-]), pentru ao poziționa în fața formelor pupilei.

Ceea ce trebuie să facem este să creăm o mască de tăiere pentru elevi.

Cu Instrument de selecție (V), selectați grupul de sclera + elev, Obiect > Mască de tăiere > Face (Command-7).

Acum elevii sunt mascați.

Pasul 3

Utilizarea Instrument Pen (P), trageți pleoapele superioare / inferioare, fardul de ochi, genele, sprâncenele și fardul obrazului, cu un accident vascular cerebral neagră și umplere nulă.

Culoare:

  • sprâncenele # 893A28
  • Fata de ochi și pleoapa inferioară # CC6E4A
  • Gene # 000000
  • Strălucirea ochilor # B5D7EA
  • Obrazii umbririi # FFB7A6

Va trebui sa Alinia formele la Față sau Înapoi.

Pentru a vă deplasa deasupra sau de jos, Obiect> Aranjare> Aduceți în față (Shift-command-]) sau Obiect> Aranjare> Trimitere înapoi (Shift-command- [).

Pentru un singur pas spre spate sau spre față, Obiect> Aranjare> Trimitere înapoi (Comanda-[) sau Înainte (comandă-]). Obiect> Aranjare> Aduceți înapoi.

Pasul 4

Deschide Transparenţă panou: Fereastră> Transparență.

Selectați forma albastră a ochiului și dați-i a Înmulțiți: Modul de amestecare din Transparenţă panou.

Apoi selectați forma obrazului și dați-i a Înmulțiți: Modul de amestecare, de asemenea.

Efect > Stiliza > Pană: Raza: 13px.

Pasul 5

grup toate formele de ochi împreună (Command-G).

Trebuie să creăm ochi simetrici. Folosește Instrument de selecție (V), și selectați grupul de ochi, umbra obrajii și sprâncenele. Luați Reflect Tool (O) și setați punctul de referință central albastru deasupra nasului; Option-Shift-Drag și eliberați-o pentru oglindă în poziție.

Pasul 6

Să ilustrăm restul caracteristicilor emoji. Folosește Instrument Pen (P), și urmăriți celelalte părți ale schiței.

Apoi selectați fiecare formă, dați-i o culoare de umplere la alegere și aranjați-o în ordinea corectă.

Rețineți, pentru a vă deplasa deasupra sau dedesubt, Obiect> Aranjare> Aduceți în față (Shift-command-]) sau Obiect> Aranjare> Trimitere înapoi (Shift-command- [), și doar un pas înapoi sau în față, Obiect> Aranjare> Trimitere înapoi (Comanda-[) sau Înainte (comandă-]).

Pasul 7

Obiect> Deblocare Toate (Command-Alt-2) și ștergeți schița. Ajustați și curățați lucrările de artă cu Instrumentul de selecție directă (A).

Selectați forma feței, Obiect > cale > Calea offset: Offset - 4px

Apoi selectați și dați aspectului exterior o culoare mai închisă a pielii.

Pasul 8

Selectați forma hijab, Obiect > cale > Cale offset: Offset 5 px și dau noua formă exterioară o umplutură neagră.

Acum avem emoji inițiali înființați.

Fișier> Salvare (Comanda-S).

Pasul 9

Următorul pas este să copiați tabloul de bord pentru a păstra caracteristicile elementului emoji de bază. Mergi la Fereastră> Tablouri. Selectați meniul derulant și Artboard-uri duplicate. Duplicați-l de nouă ori.

Apoi, de la planșele de lucru submeniul panoului, selectați Rearanjați Artboard-urile:

  • Layout: Grid by Row
  • Coloane: 3
  • Spațiere: 20 px

3. Cum sa ilustrezi emotii

Pasul 1

Acum, când tablourile noastre de artă sunt stabilite, putem începe să tragem emoțiile.

Prima emoție a tabloului de artă este: "Oh!"

  • Șterge buzele și sprâncenele.
  • Apoi, selectați Instrumentul Pen (P), și trageți buzele "O" și sprâncenele înclinate ale emoției: O

Selectați fiecare nouă formă cu Instrument de selecție (V) și utilizați Eyedropper Tool (eu) pentru a-și selecta partenerul corespunzător, pentru a le oferi aceeași culoare.

Culoarea sprâncenelor pe care o aveam nu era destul de puternică în aspect, așa că o înlocuiește cu o culoare mai închisă.

Selectați> Aceleași> Umpleți culoarea și le dau o culoare de umplere  # 4F2018.

Folosește Instrument de selecție (V) pentru a muta punctul de frumusețe mic mai aproape de buze și ați terminat cu primul emoji!

Pasul 2

Artboard 2: Emoji "umpluți".

  1. Ștergeți sprâncenele și buzele.
  2. Desenați o nouă expresie cu Instrumentul Pen (P) și potriviți culorile cu Eyedropper Tool (eu).
  3. Folosește Instrument de selecție (V) pentru a muta punctul de frumusețe mai aproape de buze.

Pasul 3

Artboard 3: Emoji "supărat".

Mai întâi, selectați sprâncenele cu Instrument de selecție (V) și rotiți-le spre interior pentru a arăta furia. Apoi, trageți buzele furioase și scânteia mâniei cu Instrumentul Pen (P), 1 pt, negru accident vascular cerebral.

Finalizați opțiunea prin potrivirea culorilor cu Eyedropper Tool (eu) și dând scânteilor o culoare roșie.

Pasul 4

Artboard 4: "Shock" emoji.

  1. Ștergeți sprâncenele și buzele.
  2. Desenați sprâncenele curbate și curbate și o gură deschisă, cu Instrumentul Pen (P) și potriviți culorile cu Eyedropper Tool (eu).

Pasul 5

Artboard 5: "Cool" emoji.

Folosește Instrumentul Pen (P) pentru a scoate ochelari de soare rece pe ochi și adăugați o reflecție albă.

Apoi, folosind Instrumentul de selecție directă (A), tweak buzele pentru a arata mai mult "pouty", și a șterge centrul întunecat al buzelor.

Pasul 6

Artboard 6: "Amuzant" emoji.

  1. Șterge ochii și centrul buzei întunecate.
  2. Desenati fardul de ochi, iar negrii umpluti ochii cu gene, folosind Instrumentul Pen (P).
  3. Folosește Instrument de selecție (V) pentru a coborî sprâncenele și pentru a le roti ușor.
  4. Folosește Eyedropper Tool (eu), pentru a se potrivi culorilor.

Pasul 7

Artboard 7: "Giggle" emoji.

  1. Șterge ochii, sprâncenele și buzele.
  2. Folosește Instrumentul Pen (P), pentru a atrage ochi de ochi, arcuite ochi de ochi cu riduri lungi, un zâmbet curbat și sprâncene arcuite.
  3. Folosește Eyedropper Tool (eu) pentru a se potrivi culorilor.
  4. Folosește Instrument de selecție (V) pentru a ridica umbra obrajii în sus și a muta punctul ei de frumusețe mai aproape de gură.

Pasul 8

Artboard 8: "Cry Me a River" emoji.

  1. Șterge ochii, sprâncenele și buzele
  2. Folosește Instrumentul Pen (P) pentru a trage sprâncenele inversate, ochii curgând apa, o mulțime de lacrimi și o gură deschisă.

Apoi, utilizați Eyedropper Tool (eu) pentru a potrivi culorile și culoarea umple lacrimile cu nuanțe de albastru. Amintiți-vă de comenzile rapide pentru a aranja elemente pe spate / față. Mutați punctul de frumusețe mai aproape de buze. Folosește Instrumentul Pen (P) cu o nuanță de piele închisă și trageți o formă triunghiulară sub fluxul lacrimogen pentru a face ca lacrimile să arate ca și cum ar fi zburat.

Pasul 9

Artboard 9: "În dragoste" emoji.

  1. Șterge ochii și buzele.
  2. Folosește Instrument de selecție (V) pentru a roti capetele sprâncenelor și a le micșora ușor.
  3. Folosește Instrumentul Pen (P) și desenează două inimi mari în loc de ochi, un zâmbet timid și inimile în jurul hijabului.

În cele din urmă, utilizați Eyedropper Tool (eu) pentru a se potrivi culorilor.

Pasul 10

Ultimul pas este să vă întoarceți prin set, să curățați lucrările de artă, să efectuați modificări oriunde vedeți, să aranjați obiecte în ordinea corectă și să adăugați reflecții sau elemente suplimentare pentru a face fiecare emoji pop, dacă este necesar.

Fișier> Salvare (Comanda-S).

4. Cum să exportați și să construiți o tastatură Emoji

Pasul 1

Fișier> Export ca.

Format:  Selectați PNG, Verifica Utilizați Artboard-uri, și Export.

PNG căsuță de dialogva aparea:

  • Rezoluţie: Ecran (72 ppi)
  • Culoare de fundal: transparentă
  • Clic O.K

Pasul 2

Acum, pentru a face tastatura noastră emoji.

Apple a făcut mai ușor cu Aplicații de tip "Sticker" pentru mesaje în iOS 10. Cele mai multe aplicații de astăzi nu permit emoji sau autocolante personalizate, așa că până când sunt disponibile, trebuie să construiți o.

Tastatura pe care o vom construi cu Xcode poate fi utilizată în amestec cu textul pe care îl tastați și personalizate emoji care funcționează ca autocolante. De fapt, puteți să le îndepărtați de tastatură și să le puneți pe lângă alte mesaje.

Dacă sunteți doar în curs de creare emojis autocolant, puteți să verificați tutorialul meu de altă parte Cum de a crea autocolante iMessage pentru un ghid mai informativ.

Va trebui să configurați contul Apple Developer (USD99 / an) și iTunes Connect. Plus descărcați Xcode.

Pasul 3

Vom trece pe scurt în acest proces.

Înregistrează-te la Xcode cu tine Apple ID: Preferință> Cont> Selectați +> Conectați-vă.

  1. Creați un nou proiect Xcode și selectați Aplicarea pachetului de aplicații, și faceți clic pe Următor →.
  2. Dă-ți pachetul emoji a numele produsului: "Khaleeji Femeie Emoji'.
  3. A completa Echipă, Numele Organizatiei, și Identificator, în funcție de detaliile dvs., și faceți clic pe Următor →.

Pasul 4

Faceți clic pe albastru Stickers.xcstickers din zona de navigare din stânga și trageți imaginile emoji în zona editorului.

  1. Sub Setați schema activă, selectați modelul de dispozitiv, de ex. iPhone7 Plus.
  2. Alerga construiți, pentru a testa autocolantele pe un simulator iMessage.

Testați emojisul pe simulator.

Pasul 5

Dacă totul funcționează bine, creați pictogramele de aplicații iMessage și sunteți gata să arhivați și să le trimiteți la App Store.

Pentru a crea pictograme de aplicații, utilizați MakeAppIcon.

Încărcați a 1536 x 1536 px versiune a imaginii aplicației în MakeAppIcon și vă va trimite prin e-mail toate dimensiunile de care aveți nevoie pentru toate dispozitivele iOS.

Faceți clic pe albastru Stickers.xcstickers din zona de navigare din stânga și selectați iMessage App Icon și încărcați toate imaginile cu pictograme prin tragere și plasare.

Pasul 6

In cele din urma, Produs> Arhiva.

  • Fereastră> Organizator. Veți vedea autocolantele în bara stângă.
  • Valida.
  • Dacă totul este bine, Încărcați în App Store, și va apărea pe dvs. iTunes Connect, și îl puteți trimite la Revizuire.

După ce sunteți gata, faceți clic pe A depune. Si asta e!

Așteptați procesul de examinare, care de obicei durează câteva zile, iar tastatura dvs. emoji va fi gata!

Ready, Set, Text!

Buna treaba! Am ilustrat un obicei Khaleeji Femeie Emoji set, utilizând comenzile rapide și instrumentele Adobe Illustrator de bază. Putem folosi aceste tehnici simple pentru a desena un set mai mare de emojis pentru a le partaja și încărca pe aplicația noastră iMessage.

Distribuiți și bucurați-vă!