Cum de a crea autocolante iMessage în Adobe Illustrator și de a face bani în plus!

Ce veți crea

S-ar putea să fi observat că există o nebunie pentru autocolante iMessage deoarece acestea au fost introduse cu iOS 10. Astăzi puteți crea și vinde propriile autocolante digitale în loc să utilizați emojisul preinstalat.

Plicurile iMessage sunt un mod interesant și distractiv de a-ți exprima ideile și gândurile, pentru că poți să le coișezi, să le așezi și să le lipici în chat-urile tale!!

Dacă v-ați întrebat vreodată cum se face un pachet de autocolante pentru iOS, în acest tutorial vom lucra dintr-o schiță pentru a proiecta autocolante simple iMessage în Adobe Illustrator folosind linii, forme și culori. Apoi se va trece rapid la iTunes Connect și Xcode pentru a lansa propriul nostru pachet de autocolante iMessage pe App Store.

Dacă sunteți în căutarea de inspirație emoticon pentru propriile desene de design autocolant, pop pe peste GraphicRiver.

1. Urcați-vă cu un concept și pregătiți fișierul autocolant în Adobe Illustrator

Pasul 1

Am lipsit acasă o vreme. Indiferent cât de mult îmi place minunatele călătorii, burta mea este întotdeauna plină de mirosul de mâncare "acasă". Așa că am decis să îmi pun tema pe "mâncarea libaneză". Nu există absolut nimic atât de bogat și abundent cu varietatea ca bucătăria libaneză.

Deci, să începem prin a schița conceptul nostru alimentar pe hârtie sau digital.

Am desenat 12 "autocolante" de mâncare din tabăra libaneză și le-am etichetat numele în limba libaneză, doar pentru referință.

În general, este bine să aveți aproximativ 24 de modele pentru un pachet de autocolante, dar de dragul acestui tutorial lucrăm la doar 12.

Începeți prin a schița 12 elemente într-o formă de rețea 4 x 3, după cum urmează.

După ce ați terminat schița, mutați schița Adobe Illustrator.

Pasul 2

Lansa Adobe Illustrator CC.

Deschideți a Document nou: Fișier> Nou (Command-N) și configurați-vă Personalizat fişier:

Nume: "Lebanese_Food_iMessage_Stickers".

  • Numărul de tablouri: 12 (respectiv numărului de autocolante, deoarece fiecare autocolant ar trebui să aibă propriul tablou de artă)

Aveți trei opțiuni de dimensiuni ale autocolantelor pe care să le creați.

  • Mic: 300 x 300 pixeli
  • Mediu: 408 x 408 pixeli
  • Mare: 618 x 618 pixeli

Personal prefer să lucrez 618 x 618. Ajustați astfel Document nou Setări:

  • coloane: 4
  • Lăţime: 618 px
  • Înălţime: 618 px
  • Unități: Pixeli
  • Modul color: RGB
  • Clic Creați un document

Pasul 3

Folosește Loc comenzi rapide (Command-Shift-P) pentru a plasa schița pe primul Artboard. Glisați imaginea pentru a umple toate tablourile de artă, astfel încât schițele dvs. să umple toate tablourile de artă create.

Apoi, trebuie să creați un strat pentru munca noastră de linie. 

Deschide straturi panou, Fereastră> Straturi.

Faceți clic pe submeniul din straturi panou:

  1. Nume: Schiță
  2. Selectați Blocare
  3. Dimimea imaginilor la:20%
  4. O.K

Dupăblocarea "Schiță"strat, Creați un nou strat, in varful 'Schiță', și numește-o 'Linework'.

Fișier> Salvare (Comanda-S), și salvați fișierul Illustrator.

2. Cum să desenați linia de lucru

Pasul 1

Să ne pregătim să ne descurcăm activitatea.

În primul rând, trebuie să creăm o perie de artă caligrafică "sub presiune". Deschide Perii panou: Fereastra> Perii.

Selectează Instrument de elipsă (L), cu un negru Completati, nul Accident vascular cerebral, și trageți într-o mică elipsă dimensiunea periei pe care doriți să o desenați.

Pasul 2

Cu elipsa selectată, glisați și fixați-o în Perii panou. 

A Pensulă nouăcaseta de dialog se va deschide. Selectați Art Brush, și O.K.

Opțiuni pentru perii de artă caseta de dialog se va deschide.

Notă: dacă aveți o tabletă digitală, este perfect să creați o perie de artă care să reacționeze la presiunea stiloului.

Pentru a crea o perie pentru a vă deplasa cu presiunea stiloului, în Opțiuni pentru perii de artă caseta de dialog, selectați:

  • Lățime: Presiune
  • Opțiuni pentru scalările perie: Lungimea cursei de întindere pentru a se potrivi
  • Metoda de colorare: Colorează; acest lucru ne va permite să personalizăm culorile loviturilor perie personalizate mai târziu.
  • Clic O.K.

Odată ce este creată peria de artă, Șterge elipsa creată.

Acum avem o pensulă de artă orientată spre presiune!

Pasul 3

Să începem să urmărim schița.

  1. Deschide Accident vascular cerebral panou: Ferestre> Accident vascular cerebral.
  2. De la Perii panou, selectați peria de artă pe care tocmai am creat-o.
  3. Alege Pensulă Instrumentul (B), de la Unelte panou.
  4. În Accident vascular cerebral panou, selectați un negru Accident vascular cerebral de 0,5 pt, și Completati setat la nici unul.

Asigurați-vă că peria dvs. nu este foarte netedă atunci când trasați, astfel încât să pară că este trasă manual. Pentru a netezi peria de artă, faceți dublu clic pe Pensulă Instrumentul (B), de la Unelte panou, și Opțiuni ale instrumentului Paintbrush caseta de dialog se va deschide.

Aruncați Fidelitate o notă sau două.

Pasul 4

Să începem urmărirea cu Pensulă Instrumentul (B).

Urmați schița și urmăriți-o în lucrul cu linia. Nu trebuie să fie perfect, pentru că vrem să-i oferim un efect simplu de manevră.

Odată ce toate lucrările de linie sunt introduse, Blocare ta "Linework"Din stratul straturi panou.

Creați un nou strat, sub 'Linework", și numele"Culoare", pentru a putea aplica culoarea sub lucrul cu linia.

Mereu Salvați fișierul tău. Fișier> Salvare (Comanda-S).

3. Cum să coloreze rapid opera de artă

Pasul 1

Hai să ne culcăm!

De la Unelte panou, selectați Instrumentul pentru perie Blob (Shift-B). Pensulă Blob este similar cu un marker, și este distractiv de utilizat. 

Selectați doar culoarea Accident vascular cerebral swatch la alegere, cu null completati, și culoarea în icoane alimentare.

  • Un sfat rapid: Pentru a gestiona Blob Brush Tool măriți, țineți apăsată tasta pentru brațul drept ([) pentru a reduce dimensiunea periei și brațul drept drept (]) a mari.
  • Impreuna cu Instrumentul pentru perie Blob (Shift-B), folosește Instrumentul de ștergere (Shift-E), pentru a șterge orice forme de blob pe care doriți să le curățați.

Culoarea nu trebuie să fie perfectă, pentru că avem nevoie de o simțire organică.

Începeți cu humus.

După cum vedeți, puteți obține foarte mult cu Blob Brush Tool doar prin schimbarea dimensiunilor și a culorilor. Plus este rapid de folosit.

Deci distrați-vă și culoarea în restul operei de artă!

Pasul 2

Trebuie să aranjezi formele de blob pe măsură ce culori, ca să Aranja obiecte, utilizați aceste comenzi rapide pentru a accelera fluxul de lucru:

  • Aranjați> Aduceți în față (Command-Shift-])
  • Aranjați> Aduceți înainte (Comanda-])
  • Aranjare> Trimitere înapoi (Comanda-[)
  • Aranjare> Trimitere înapoi (Comandă-Shift- [)

După ce ați aranjat totul, ar trebui să aveți un set frumos colorat de icoane.

Pasul 3

Acum să ne curățăm tablourile de artă.

  1. descuia "Linework"din stratul straturi panou.
  2. Ștergeți "Schiță", Prin tragerea ei de la straturi pe pictograma coșului de gunoi de pe panoul respectiv.
  3. Selectează Instrument de selecție (V), și pentru fiecare pictogramă pentru produse alimentare, selectați lucrarea respectivă și culoarea respectivă.
  4. Grup (Command-G) împreună. În mod automat, odată ce grupați cele două straturi, noul grup se mută în secțiunea "Linework"strat.
  5. Centurați fiecare pictogramă în centrul tabloului de bord prin vizionarea pur și simplu.

6. Scalați obiectele grupate pentru a se încadra în dimensiunile tabloului de bord și păstrați un spațiu mic de-a lungul granițelor. Pentru a menține proporțiile obiectului, țineți apăsat Schimb în timp ce trageți mânerul casetei de delimitare până când obiectul este dimensiunea dorită.

7. Odată ce toate pictogramele alimentare au fost scalate, șterge "Culoare"strat, deoarece este gol.

Fișier> Salvare (Comanda-S).

4. Cum să exportați și să creați pictogramele App

Pasul 1

Export fișierele de artă, folosind Export pentru ecrane caracteristică (Fișier> Export> Export pentru ecrane). 

  1. Export ca PNG.
  2. Apasă pe Pictograma setări avansate, selectați locația pentru a exporta fișierele dvs. și a le seta Scară la 1x.
  3. A stabilit Culoare de fundal: transparentă.
  4. Export Artboard.

Pasul 2

Aveți două opțiuni. Fie alegeți să utilizați un Market Secondary app pentru a lansa autocolante, cum ar fi LINE Creators Market, sau construiți-o singură folosind Contul dezvoltatorilor Apple.

Pentru acest tutorial vă voi ghida pe scurt prin deschiderea unui Contul dezvoltatorilor Apple,care costă 100 $ pe an. Procesul de aplicare este destul de simplu, iar acceptarea este rapidă. Cu toate acestea, trebuie să vă conectați iTunes Connect și să creeze chestii administrative precum Fiscale și bancare,dacă intenționați să vindeți autocolantele dvs. (Acest lucru nu este necesar pentru pachetele gratuite de autocolante).

Pentru mai multe detalii, accesați iTunes Connect Developer Guide și faceți timp să vă familiarizați cu acesta.

Pasul 3

Pentru a genera autocolantele noastre,trebuie să folosim Xcode.

Descărcați cea mai recentă versiune a Xcode 8 direct din Mac App Store și Instalare.

Pasul 4

Încărcarea autocolantelor Xcode este usor; urmați pașii:

Deschis Xcode.

Asigurați-vă că sunteți conectat (ă) la Xcode cu tine ID-ul Apple.

Preferință> Cont> Selectați +> Conectați-vă.

  1. Creați un nou proiect Xcode.
  2. Selectați Aplicarea pachetului de aplicații.
  3. Clic Următor →.
  4. Dați pachetul de autocolant a numele produsului pentru ao identifica: "Lebanese Food'.
  5. Apoi completați Echipă, Numele Organizatiei, și Identificator (Com.yourcompany.ProductName), în funcție de detaliile dvs..
  6. Clic Următor →
  7. Selectați Stickers.xcstickers> Pachetul de autocolante și încărcați autocolantele prin glisarea și plasarea imaginilor.

Pasul 5

Încărcați în continuare iMessage App icons.

Dosarul este deasupra "Sticker Pack" pliant.

Alegeți o imagine din setul de produse alimentare pe care doriți să îl utilizați pentru App Icon, și transformați-o într-o JPG în Chirpici Photoshop, deci are un fundal alb. Redenumiți imaginea aplicației Icon: "Lebanese_Food_App_Icon.jpg".

Există 12 imagini de pictograme în total pentru care veți avea nevoie Xcode, și 1 pentru iTunes Connect. Pentru a genera cu ușurință pictogramele de aplicații, vizitați MakeAppIcon.

Încărcați pictograma selectată pentru alimente pe site-ul web, introduceți-vă E-mail, și va genera toate dimensiunile diverselor fișiere pictograme ale aplicației pentru dvs..

Poti Descarca direct de la adresa dvs. de e-mail.

Odată ce ați descărcat imaginile generate, Încărcați în Xcode prin tragere și plasare.

Ar trebui să arate așa ceva odată ce ai încărcat Xcode.

5. Configurați și înregistrați autocolantele

Pasul 1

Odată ce ați încărcat autocolantele, trebuie să faceți asta "Testați Construcția"de la Xcode, pentru a vedea dacă autocolantele în acțiune sunt bune. Puteți face acest lucru prin intermediul XCode Simulator, sau puteți rula pe propriul dispozitiv. Tot ce trebuie să faceți este:

  1. Selectați dispozitivul mobil, la Setați schema activă.
  2. Apasă pe Alerga buton.

Dacă apare o eroare de notificare, efectuați modificările solicitate, exportați și încărcați din nou pictogramele corectate.

Apoi, testați autocolantele de pe XCode Simulator dând clic pe Alerga icon. Se pare fab!

Dacă trebuie să ajustați dimensiunea afișării autocolantelor iMessage, puteți face acest lucru în panoul din dreapta, așa cum se vede mai jos.

Dimensiunile "Mediu"sau"Mic" bine lucrat.

Odată ce sa terminat, trebuie să ne înregistrăm ID-ul aplicației pentru autocolante.

Pasul 2

Conectați-vă la dvs. Contul dezvoltatorului Apple să înregistreze un ID-ul aplicației.

  1. introduce Cont> Identificatori> ID de aplicație> Selectați +
  2. Completați detaliile și Inregistreaza-te.

Pasul 3

Acum putem în cele din urmă Exportați și încărcați al nostru "construi" la iTunes Connect!

Intoarce-te la Xcode.

  1. Selectați "Dispozitiv generic iOS" sub Setați schema activă.
  2. Apoi selectați "Stickers.xcstickers" , apoi faceți clic pe meniul principal din partea de sus Produs> Arhiva, la Arhiva construirea.

Ar trebui să apară o nouă fereastră care să arate arhivarea "Construi"Veți vedea autocolantele din panoul din stânga.

Clic Valida pentru a vedea dacă toate autocolantele sunt bune pentru a merge. Dacă există probleme, Xcode va afișa o notificare în roșu în bara de meniu de sus.

Dacă totul merge bine cu "Construi", atunci trebuie să o încărcați în iTunes Connect pentru Revizuire.

Click pe Încărcați în App Store. Aceasta va încărca autocolantele iTunes Connect. După ce a fost încărcat, ar trebui să apară pe dvs. iTunes Connect cont. Dă-i câteva minute.

Pasul 4

Este timpul să trimiteți autocolantele la App Store!

În iTunes Connect:

  1. Selectați Aplicatiile mele.
  2. Selectați + > Noua aplicație, și selectați'Construi"tocmai am încărcat pentru trimitere.
  1. Selectați iOS platformă.
  2. Nume: Lebanese Food.
  3. Selectați Limba și ID-ul pachetului.
  4. Creați un unic SKU "Eg.location.com.bundle_title".
  5. Crea!

În panoul din meniul din stânga, completați Informații despre aplicație și Prețuri și disponibilitate. Aici puteți scrie descrierea aplicației, limba, categoriile și prețul aplicației. Nu vom intra în toate detaliile, deoarece este destul de simplă, dar ar trebui să arate similar cu aceasta:

Pasul 5

În Adobe Photoshop, creați câteva capturi de ecran, utilizând XCode Simulator, și încărcați-le pe iTunes Connect, a crea iMessage previzualizați imaginile pentru afișarea ecranului. Acest lucru poate dura ceva timp. Crea 5 dimensiunile imaginii de ecran: iPhone 5.5 de afișare (1242 x 2208 px). Sistemul va genera restul dimensiunilor pentru dvs..

După ce ați terminat, faceți clic pe Trimiteți pentru examinare.

Si asta e!

Acum, tot ce trebuie să faceți este să așteptați procesul de examinare pentru câteva zile, pentru a fi aprobat.

În timp ce autocolantele sunt în revistă, puteți trimite Test invitații pentru fanii dvs. prin TestFlight, pentru a încerca autocolantele gratuite timp de 60 de zile. Sau puteți utiliza timp pentru a vă stabili taxele, contractele, certificatele și detaliile bancare cu Apple.

Este un pic de consumatoare de timp, și vă veți confrunta cu unele greșeli de-a lungul drumului, dar cu o anumită răbdare și ajutor, veți ajunge acolo.

Felicitări! Etichetele noastre "Lebanese Food" iMessage sunt pregătite!

Sper că te-ai bucurat de acest tutorial! Proiectarea autocolantelor este distractivă, mai ales dacă puteți face niște bani din ea! 

Achiziționați pachetul de autocolante "Lebanesy Food" din iTunes.

Sper că ați găsit acest tutorial util! Mi-ar plăcea să văd ce creați! Împărțiți-vă designul cu autocolantul.