Så här skapar du iMessage-klistermärken i Adobe Illustrator och gör extra pengar!

Vad du ska skapa

Du kanske har märkt att det finns en galen på iMessage-klistermärken eftersom de introducerades med iOS 10. Idag kan du nu skapa och sälja dina egna digitala klistermärken, istället för att använda den förinstallerade emojisen.

iMessage-klistermärken är ett coolt och roligt sätt att uttrycka dina idéer och tankar eftersom du kan skala, placera och hålla dem i dina chattar!!

Om du någonsin har undrat vad som går ut på att göra ett klistermärkepaket för iOS, i den här handledningen ska vi arbeta från en skiss för att designa enkla iMessage-klistermärken i Adobe Illustrator med hjälp av linjer, former och färger. Sedan flyttas kort till iTunes Connect och Xcode för att starta vårt eget iMessage-klisterpaket på App Store.

Om du letar efter smekmånadinspiration för dina egna klistermönster, fortsätt till GraphicRiver.

1. Kom upp med ett koncept och förbered din klisterfil i Adobe Illustrator

Steg 1

Jag har saknat hem ett tag. Oavsett hur mycket jag njuter av resans underverk, är min mage alltid fylld med doften av "hem" mat. Så jag bestämde mig för att basera mitt tema på "libanesisk mat". Det finns absolut inget så stort och rikligt med olika som libanesiska köket.

Så låt oss börja med att skissera ut vårt matkoncept på papper eller digitalt.

Jag har skissat ut 12 mat "klistermärken" från det libanesiska bordet och märkt deras namn på libanesiska, bara för referens.

Generellt är det bra att ha ca 24 mönster för ett klisterpaket, men för denna handledning skull arbetar vi på bara 12.

Börja med att skissera 12 artiklar i en 4 x 3 rutform, enligt nedan.

När du är färdig med att skissa, flytta skissen in i Adobe Illustrator.

Steg 2

Lansera Adobe Illustrator CC.

Öppna a Nytt dokument: Fil> Ny (Kommando-N) och ställa in din Beställnings fil:

Namn: "Lebanese_Food_iMessage_Stickers".

  • Antal skyltar: 12 (respektive antal klistermärken, eftersom varje klistermärke borde ha sin egen tavla)

Du har tre val av klisterstorlekar att skapa.

  • Små: 300 x 300 pixlar
  • Medium: 408 x 408 pixlar
  • Stor: 618 x 618 pixlar

Jag föredrar personligen att arbeta på 618 x 618. Justera så Nytt dokument Inställningar:

  • kolumner: 4
  • Bredd: 618 px
  • Höjd: 618 px
  • Enheter: Pixlar
  • Färg läge: RGB
  • Klick Skapa dokument

Steg 3

Använd Plats genväg (Kommando-skift-P) för att placera skissen på första Artboard. Dra bilden för att fylla alla tavlor, så dina skisser fyller alla de skapade skivorna.

Därefter måste vi skapa ett lager för vårt linjearbete. 

Öppna Skikten panel, Fönster> Lager.

Klicka på undermenyn för Skikten panel:

  1. namn: Skiss
  2. Välj Låsa
  3. Dimma bilder till:20%
  4. ok

Efterlåser "Skiss" lager, Skapa nytt lager, på toppen av 'Skiss', och namnge det 'Linework'.

Arkiv> Spara (Kommando-S), och spara din Illustrator-fil.

2. Hur man ritar linjearbetet

Steg 1

Låt oss förbereda oss för att rita i vårt linjearbete.

Först måste vi skapa en "tryck" kalligrafisk konstborste. Öppna borstar panel: Fönster> Penslar.

Välj Ellipsverktyg (L), med en svart Fylla, null Stroke, och dra i en liten ellipse storleken på borsten du vill dra med.

Steg 2

Med den valda ellipsen dra och släpp den i borstar panel. 

en Ny borstedialogrutan öppnas. Välj Konstborste, och ok.

De Konstborstalternativ dialogrutan öppnas.

Obs! Om du har en digital pennplatta är det perfekt att skapa en konstborste som reagerar på penntrycket.

För att skapa en pensel för att flytta med trycket på pennan, i Konstborstalternativ dialogrutan väljer du:

  • Bredd: Tryck
  • Borstskalaalternativ: Sträcka för att passa stroke längd
  • Färgmetod: nyanser; Detta gör att vi kan anpassa färgerna på våra anpassade penselsträngar senare.
  • Klick ok.

När konstborsten är skapad, Radera den skapade ellipsen.

Nu har vi en tryckorienterad konstborste redo!

Steg 3

Låt oss börja spåra skissen.

  1. Öppna Stroke panel: Windows> Stroke.
  2. Från borstar panel, välj den konstborste som vi just skapat.
  3. Välj den Paintbrush brush~~POS=HEADCOMP Verktyg (B), från Verktyg panel.
  4. Stroke panel, välj en svart Stroke av 0,5 pt, och Fylla satt till ingen.

Se till att din pensel inte är så slät när du spårar, så att den ser ut som om den är handritad. För att jämna ut konstborsten dubbelklickar du på Paintbrush brush~~POS=HEADCOMP Verktyg (B), från Verktyg panel och Paintbrush Tool Options dialogrutan öppnas.

Släpp Trohet nere eller två.

Steg 4

Låt oss börja spåra med Paintbrush brush~~POS=HEADCOMP Verktyg (B).

Följ skissen och spår i linjearbetet. Det behöver inte vara perfekt, eftersom vi vill ge den en enkel handritad klottereffekt.

När allt linjearbetet har lagts in, Låsa din "linework"Lager från Skikten panel.

Skapa nytt lager, under 'linework", och namnge det"Färg", så vi kan tillämpa färg under linjearbetet.

Alltid Spara din fil. Arkiv> Spara (Kommando-S).

3. Hur man snabbt färgar konstverket

Steg 1

Låt oss färga!

Från Verktyg panel, välj Blob Brush Tool (Shift-B). De Blob Brush liknar en markör, och det är roligt att använda. 

Välj bara färgen Stroke swatch av ditt val, med null fylla, och färg i matikonen.

  • Ett snabbt tips: För att hantera Blob Brush Tool storlek, håll vänster fältets fästnyckel ([) för att minska borststorleken och rätt kvadratkonsol (]) att förstora.
  • Tillsammans med Blob Brush Tool (Shift-B), Använd Eraser Tool (Shift-E), att radera eventuella blobformer du vill städa ut.

Färgen behöver inte vara perfekt, eftersom vi behöver det för att ha en organisk känsla.

Börja med hummus.

Som du ser kan du uppnå mycket med Blob Brush Tool bara genom att ändra storlek och färger. Plus det är snabbt att använda.

Så ha kul och färg i resten av konstverket!

Steg 2

Du måste ordna blob-formerna som du färgar med, så till Ordna objekt, använd dessa genvägar för att påskynda arbetsflödet:

  • Ordna> Ta framåt (Kommando-skift-])
  • Ordna> Ta framåt (Kommando-])
  • Ordna> Skicka bakåt (Kommando-[)
  • Ordna> Skicka till Tillbaka (Kommando-skift- [)

När du har ordnat allt, borde du ha en fin färgstark uppsättning ikoner.

Steg 3

Nu ska vi städa upp våra tavlor.

  1. Låsa upp "linework"lager från Skikten panel.
  2. Ta bort "Skiss", Genom att dra det från Skikten panelen till papperskorgen på den panelen.
  3. Välj Urvalsverktyg (V), och för varje matikon, välj respektive linjearbete och färg.
  4. Grupp (Command-G) det tillsammans. Automatiskt, när du grupperar de två lagren flyttar den nya gruppen in i "linework" lager.
  5. Centrera varje ikon till mitten av tavlan genom att bara titta på den.

6. Skala de grupperade objekten så att de passar inuti tavlorna, och håll ett litet utrymme längs gränserna. För att behålla objektets proportioner, håll ner Flytta När du drar begränsningsboxens handtag tills objektet är önskad storlek.

7. När alla matikoner har blivit skalade, radera "Färg"lager, eftersom det är tomt.

Arkiv> Spara (Kommando-S).

4. Hur exportera och skapa våra appikoner

Steg 1

Exportera konstfilerna, med hjälp av Exportera till skärmar funktion (Arkiv> Exportera> Exportera till skärmar). 

  1. Exportera som PNG.
  2. Klicka på Ikonen Avancerade inställningar, välj vilken plats du vill exportera dina filer till och ställ in Skala till 1x.
  3. Uppsättning Bakgrundsfärg: Genomskinlig.
  4. Exportera Artboard.

Steg 2

Du har två val. Välj antingen att använda en sekundär app Marketplace för att starta klistermärken, som LINE Creators Market, eller bygga det själv med hjälp av Apple Developers Account.

För denna handledning guidar jag dig kort genom att öppna en Apple Developers Account,som kostar $ 100 per år. Ansökningsförfarandet är ganska enkelt, och acceptans är snabb. Men då måste du logga in på iTunes Connect och ställa in administrativa saker som Skatter och banker,om du planerar att sälja dina klistermärken (Detta är inte nödvändigt för gratis klisterpaket).

För mer information, gå till iTunes Connect Developer Guide och ta dig tid att bekanta dig med det.

Steg 3

Att generera våra klistermärken,vi behöver använda Xcode.

Hämta den senaste versionen av Xcode 8 direkt från Mac App Store och Installera.

Steg 4

Överför klistermärkena till Xcode är lätt; följ bara stegen:

Öppna Xcode.

Se till att du är inloggad på Xcode med din Apple ID.

Preference> Konto> Välj +> Logga in.

  1. Skapa ett nytt Xcode-projekt.
  2. Välj Sticker Pack Application.
  3. Klick Nästa.
  4. Ge klistermärkebunten a produktnamn att identifiera det: "Libanesisk mat'.
  5. Fyll sedan ut Team, organisations namn, och Identifierare (Com.yourcompany.ProductName), enligt dina uppgifter.
  6. Klick Nästa
  7. Välj Stickers.xcstickers> Klistermärke Pack mapp och ladda upp klistermärkena genom att dra och släppa bilderna.

Steg 5

Nästa ladda upp iMessage Appikoner.

Mappen är över 'Klisterpaket' mapp.

Välj en bild från den matuppsättning som du vill använda för Appikon, och konvertera det till en JPG i Adobe Photoshop, så det har en vit bakgrund. Byt namn på App Icon-bilden: "Lebanese_Food_App_Icon.jpg".

Det finns totalt 12 ikonbilder som du behöver Xcode, och 1 för jagTunes Connect. För att enkelt skapa appikonen, besök MakeAppIcon.

Ladda upp den valda matikonen på webbplatsen anger du din E-post, och det kommer att generera alla olika appikonfilstorlekar för dig.

Du kan Ladda ner dem direkt från din email.

När du har laddat ner de genererade bilderna, Ladda upp in i Xcode genom att dra och släppa.

Det borde se lite ut så här när du har laddat upp till Xcode.

5. Konfigurera och registrera klistermärkena

Steg 1

När du har laddat upp klistermärkena behöver du "Testa byggnaden' från Xcode, för att se om klistermärkena i åtgärd är bra. Du kan göra detta genom Xcode Simulator, eller du kan köra den på din egen enhet. Allt du behöver göra är:

  1. Välj din mobilenhet, under Ställ in det aktiva schemat.
  2. Klicka på Springa knapp.

Om ett anmälningsfel visas, gör de begärda ändringarna, exportera och ladda upp de korrigerade ikonerna igen.

Testa sedan klistermärkena på Xcode Simulator genom att klicka på Springa ikon. Ser fab!

Om du behöver justera bildstorleken på dina klistermärken på iMessage, det kan du göra i den högra panelen, som visas nedan.

Storlekarna "Medium"eller"Små" fungerar bra.

När det är klart måste vi registrera en App ID för klistermärkena.

Steg 2

Logga in på din Apples utvecklare konto att registrera en App ID.

  1. Stiga på Konto> Identifierare> App ID> Välj +
  2. Fyll i detaljerna och Registrera.

Steg 3

Nu kan vi äntligen Exportera och ladda upp vår "bygga"till iTunes Connect!

Gå tillbaka till Xcode.

  1. Välj "Generisk iOS-enhet" under Ställ in det aktiva schemat.
  2. Välj sedan 'Stickers.xcstickers' mappen och klicka på den övre huvudmenyn Produkt> Arkiv, till arkiv byggnaden.

Ett nytt fönster ska visas som visar den arkiverade "Bygga". Du kommer se klistermärkena i den vänstra panelen.

Klick Bekräfta för att se om alla klistermärken är bra att gå. Om det finns problem, Xcode kommer att visa en anmälan i rött på översta menyraden.

Om allt går bra med "Bygga", då måste du ladda upp det till iTunes Connect for Recension.

Klicka på Ladda upp till App Store. Detta kommer att ladda upp klistermärkena till iTunes Connect. När det är klart att det laddas upp, ska det visas på din iTunes Connect konto. Ge det några minuter.

Steg 4

Det är dags att skicka klistermärken till App Store!

I iTunes Connect:

  1. Välj Mina appar.
  2. Välj + > Ny app, och välj'Bygga"Vi har bara laddat upp för inlämning.
  1. Välj iOS plattform.
  2. Namn: Libanesisk mat.
  3. Välj Språk och Paket ID.
  4. Skapa en unik SKU "Eg.location.com.bundle_title".
  5. Skapa!

På vänster menypanel fyller du i Appinformation och Prissättning och tillgänglighet. Här kan du skriva appens beskrivning, språk, kategorier och pris på appen. Vi kommer inte att komma in i alla detaljer, eftersom det är ganska enkelt, men det borde se ut som det här:

Steg 5

I Adobe Photoshop, skapa några skärmdumpar med hjälp av Xcode Simulator, och ladda upp dem på iTunes Connect, att skapa iMessage förhandsgranska bilder för skärmdisplayerna. Det kan ta lite tid. Skapa 5 skärmdump dimensioner: iPhone 5,5 tums skärm (1242 x 2208 px). Systemet kommer att generera resten av storlekarna för dig.

När du är klar klickar du på Skicka till granskning.

Och det är allt!

Nu är allt du behöver göra, vänta på granskningen för några dagar, för att bli godkänd.

Medan dina klistermärken är i granskning kan du skicka ut Testa inbjudningar till dina fans genom TestFlight, att prova klistermärkena gratis i 60 dagar. Eller du kan använda tiden för att skapa dina skatter, avtal, certifikat och bankuppgifter med Apple.

Det är lite tidskrävande, och du kommer att möta några fel på vägen, men med lite tålamod och hjälp kommer du dit.

grattis! Våra "Lebanese mat" iMessage klistermärken är redo!

Wow, jag hoppas du har haft den här handledningen! Att designa klistermärken är kul, speciellt om du kan tjäna lite pengar ut ur det! 

Köp "Lebanesy Food" klisterpaketet från iTunes.

Jag hoppas att du hittade denna handledning användbar! Jag skulle gärna se vad du skapar! Dela dina klistermärken med oss.