Hvordan lage iMessage-klistremerker i Adobe Illustrator og tjene ekstra penger!

Hva du skal skape

Du har kanskje lagt merke til at det er en mani for iMessage-klistremerker siden de ble introdusert med iOS 10. I dag kan du nå lage og selge dine egne digitale klistremerker, i stedet for å bruke forhåndsinstallerte emojis.

iMessage-klistremerker er en kul og morsom måte å uttrykke dine ideer og tanker på, fordi du kan skrelle, plassere og holde dem i dine chatter!!

Hvis du noen gang har lurt på hva som går ut på å lage en klistremerkepakke til iOS, vil vi i denne opplæringen arbeide fra en skisse for å designe enkle iMessage-klistremerker i Adobe Illustrator ved hjelp av linjer, former og farger. Deretter skiftes kort til iTunes Connect og Xcode for å starte vår egen iMessage-klistremerkepakke på App Store.

Hvis du leter etter uttrykksikon inspirasjon til dine egne klistremerker, kan du fortsette til GraphicRiver.

1. Kom opp med et konsept og klargjør klistrefilen din i Adobe Illustrator

Trinn 1

Jeg har gått hjem for en stund. Uansett hvor mye jeg liker underverkene i reisen, er magen min alltid fylt med duften av "hjemme" mat. Så jeg bestemte meg for å basere temaet mitt på "libanesisk mat". Det er absolutt ingenting så rik og rikelig med utvalg som libanesisk mat.

Så la oss begynne med å skisse ut matkonseptet på papir eller digitalt.

Jeg har skissert ut 12 mat "klistremerker" fra det libanesiske bordet, og merket navnene deres på libanesisk, bare for referanse.

Generelt er det godt å ha rundt 24 design for en klistremerkepakke, men for denne tutorials skyld arbeider vi bare med 12.

Begynn med å skissere ut 12 elementer i en 4 x 3 rutenett form, som nedenfor.

Når du er ferdig med å skisse, flytter du skissen inn Adobe Illustrator.

Steg 2

Launch Adobe Illustrator CC.

Åpne a Nytt dokument: Fil> Ny (Kommando-N) og sette opp din Tilpasset fil:

Navn: "Lebanese_Food_iMessage_Stickers".

  • Antall kunstbrett: 12 (henholdsvis antall klistremerker, da hver klistremerke skal ha sin egen tavle)

Du har tre valg av klistremerke størrelser å lage.

  • Liten: 300 x 300 piksler
  • Medium: 408 x 408 piksler
  • Stor: 618 x 618 piksler

Jeg personlig foretrekker å jobbe med 618 x 618. Så juster Nytt dokument innstillinger:

  • kolonner: 4
  • Bredde: 618 px
  • Høyde: 618 px
  • enheter: Piksler
  • Fargemodus: RGB
  • Klikk Opprett dokument

Trinn 3

Bruke Sted snarvei (Kommando-Skift-P) for å plassere skissen på den første Artboard. Dra bildet for å fylle alle tavla, slik at skissene dine fyller opp alle de opprettede tavla.

Deretter må vi lage et lag for vårt linjearbeid. 

Åpne lag panel, Vindu> Lag.

Klikk på undermenyen til lag panel:

  1. Navn: Skisse
  2. Å velge Låse
  3. Dim bilder til:20%
  4. OK

Etterlåser "Skisse"lag, Lag nytt lag, på toppen av 'Skisse', og nev det 'Linework'.

Fil> Lagre (Kommando-S), og lagre Illustrator-filen din.

2. Hvordan tegne linjearbeidet

Trinn 1

La oss forberede oss til å tegne i vårt linjearbeid.

Først må vi lage en "trykk" kalligrafisk kunstpensel. Åpne Børster panel: Vindu> Pensler.

Velg Ellipseverktøyet (L), med en svart Fylle, null Stroke, og trekk i en liten ellipse størrelsen på penselen du vil tegne med.

Steg 2

Med ellipsen valgt, dra og slipp den inn i Børster panel. 

EN Ny penseldialogboksen åpnes. Å velge Kunstbørste, og OK.

De Art pensel alternativer dialogboksen åpnes.

Merk: Hvis du har en digital penntabletter, er det perfekt å lage en kunstbørste som reagerer på penntrykk.

For å lage en pensel for å bevege seg med trykket på pennen, i Art pensel alternativer dialogboksen, velg:

  • Bredde: Trykk
  • Penselskalaalternativer: Strekk for å tilpasse slaglengde
  • Fargeløsningsmetode: nyanser; Dette vil gjøre det mulig for oss å tilpasse fargene til våre tilpassede penselstreker senere.
  • Klikk OK.

Når kunstbørsten er opprettet, Slett den skapt ellipse.

Nå har vi en trykkorientert kunstbørste klar!

Trinn 3

La oss begynne å spore skissen.

  1. Åpne Stroke panel: Windows> Stroke.
  2. Fra Børster panel, velg kunstbørsten vi nettopp har opprettet.
  3. Velg Paintbrush brush~~POS=HEADCOMP Verktøy (B), fra Verktøy panel.
  4. Stroke panel, velg en svart Stroke av 0,5 pt, og Fylle satt til ingen.

Pass på at børsten din ikke er veldig glatt når du sporer, slik at det ser ut som om det er håndtegnet. For å glatte ut kunstbørsten, dobbeltklikk på Paintbrush brush~~POS=HEADCOMP Verktøy (B), fra Verktøy panel, og Verktøy for penselverktøy dialogboksen åpnes.

Slipp gjengivelse ned et hakk eller to.

Trinn 4

La oss begynne å spore med Paintbrush brush~~POS=HEADCOMP Verktøy (B).

Følg skissen og spor i linjearbeidet. Det trenger ikke å være perfekt, da vi vil gi den en enkel håndtegnet doodleeffekt.

Når hele linjearbeidet er satt inn, Låse din "-linjer"Lag fra lag panel.

Lag nytt lag, under '-linjer", og nevn det"Farge", så vi kan bruke farge under linjearbeidet.

Alltid Lagre filen din. Fil> Lagre (Kommando-S).

3. Hvordan farges kunstverket raskt

Trinn 1

La oss farge!

Fra Verktøy panel, velg Blob børsteverktøy (Shift-B). De Blob Pensel ligner en markør, og det er morsomt å bruke. 

Bare velg fargen Stroke utvalg av ditt valg, med null fylle, og farge i matikonene.

  • Et raskt tips: Å administrere Blob børsteverktøy størrelse, hold den venstre firkantede nøkkelen ([) for å redusere børstestørrelsen og høyre firkantbrakett (]) for å forstørre.
  • Sammen med Blob børsteverktøy (ShIFT-B), bruke Eraser Tool (Shift-E), for å slette eventuelle blomstformer du vil rydde ut.

Fargen trenger ikke å være perfekt, ettersom vi trenger det for å få en organisk følelse.

Start med hummus.

Som du ser, kan du oppnå mye med Blob børsteverktøy bare ved å endre størrelse og farger. I tillegg er det raskt å bruke.

Så ha det gøy og farger i resten av kunstverket!

Steg 2

Du må arrangere blomstene som du farger sammen, så til Arrangere objekter, bruk disse snarveiene for å øke hastigheten på arbeidsflyten:

  • Arrangere> Ta til forsiden (Kommando-Skift-])
  • Ordne> Ta fremover (Kommando-])
  • Ordne> Send bakover (Kommando-[)
  • Ordne> Send til Tilbake (Kommando-Skift-[)

Når du har ordnet alt, bør du ha et fint fargerikt sett med ikoner.

Trinn 3

La oss nå rydde opp våre kunstbrett.

  1. Låse opp den "-linjer"lag fra lag panel.
  2. Slett "Skisse"Lag, ved å dra det fra lag panelet til søppelikonet på det aktuelle panelet.
  3. Velg Utvalgsverktøy (V), og for hvert matikon, velg respektive linjearbeid og farge.
  4. Gruppe (Command-G) det sammen. Når du først grupperer de to lagene, går den nye gruppen automatisk inn i "-linjer"lag.
  5. Senter hvert ikon til midten av tavla ved å bare se på det.

6. Skal de grupperte objektene passe inn i artboarddimensjonene, og hold en liten plass langs kantene. For å opprettholde objektets proporsjoner, hold nede Skifte mens du drar avgrensningsbokshåndtaket til objektet er ønsket størrelse.

7. Når alle matikonene er blitt skalert, slette den "Farge"lag, da det er tomt.

Fil> Lagre (Kommando-S).

4. Hvordan eksportere og lage våre appikoner

Trinn 1

Eksport kunstfilene, ved hjelp av Eksporter for skjermer trekk (Fil> Eksporter> Eksporter for skjermer). 

  1. Eksporter som PNG.
  2. Klikk på Avansert Innstillinger-ikon, velg hvilken plassering du vil eksportere filene til, og sett inn Scale til 1x.
  3. Sett Bakgrunnsfarge: Gjennomsiktig.
  4. Eksporter Artboard.

Steg 2

Du har to valg. Velg enten å bruke en sekundær app Marketplace for å starte klistremerkene, som LINE Creators Market, eller bygge det selv ved hjelp av Apple Developers-konto.

For denne opplæringen vil jeg kort veilede deg gjennom å åpne en Apple Developers-konto,som koster $ 100 i året. Søknadsprosessen er ganske enkel, og aksept er rask. Men da må du logge på iTunes Connect og sett opp administrative ting som Skatt og bank,hvis du planlegger å selge klistremerkene dine (dette er ikke nødvendig for gratis klistremerkepakker).

For mer informasjon, gå til iTunes Connect Developer Guide, og ta deg tid til å bli kjent med det.

Trinn 3

Å generere våre klistremerker,vi må bruke Xcode.

Last ned den nyeste versjonen av Xcode 8 direkte fra Mac App Store og Installere.

Trinn 4

Laster opp klistremerkene til Xcode det er lett; bare følg trinnene:

Åpen Xcode.

Pass på at du er logget på Xcode med din eple ID.

Preferanse> Konto> Velg +> Logg inn.

  1. Opprett et nytt Xcode-prosjekt.
  2. Å velge Sticker Pack Application.
  3. Klikk neste.
  4. Gi klistremerkepakken a Produktnavn å identifisere det: 'Libanesisk mat'.
  5. Deretter fyller du ut Team, Organisasjonsnavn, og Identifier (Com.yourcompany.ProductName), i henhold til dine detaljer.
  6. Klikk neste
  7. Å velge Stickers.xcstickers> Sticker Pack mappe og last opp klistremerkene, ved å dra og slippe bildene.

Trinn 5

Neste last opp iMessage App Ikoner.

Mappen er over 'Sticker Pack' mappe.

Velg ett bilde fra matsettet du vil bruke til App-ikon, og konverter det til en JPG i Adobe Photoshop, så den har en hvit bakgrunn. Gi nytt navn til App Icon-bildet: "Lebanese_Food_App_Icon.jpg".

Det er totalt 12 ikonbilder du vil trenge for Xcode, og 1 for jegTunes Connect. For å generere app-ikonene enkelt, besøk MakeAppIcon.

Laste opp Det valgte matikonet på nettstedet, skriv inn din e-post, og det vil generere alle de forskjellige appikonfilstørrelsene for deg.

Du kan nedlasting dem direkte fra din e-post.

Når du har lastet ned de genererte bildene, Laste opp inn i Xcode ved å dra og slippe.

Det skal se slik ut når du har lastet opp til Xcode.

5. Konfigurer og registrer klistremerkene

Trinn 1

Når du har lastet opp klistremerkene, må du "Test bygningen' fra Xcode, for å se om klistremerkene i aksjonen er gode. Du kan gjøre dette gjennom Xcode Simulator, eller du kan kjøre den på din egen enhet. Alt du trenger å gjøre er:

  1. Velg din mobile enhet, under Angi aktiv skjema.
  2. Klikk på Løpe knapp.

Hvis en varslingsfeil vises, gjør du de ønskede endringene, eksporter og last opp de korrigerte ikonene på nytt.

Test deretter klistremerkene på Xcode Simulator ved å klikke på Løpe ikon. Ser fab!

Hvis du må justere skjermstørrelsen på klistremerkene dine på iMessage, Du kan gjøre det i det høyre panelet, som vist nedenfor.

Størrelsene "Medium"eller"Liten" jobb bra.

Når det er gjort, må vi registrere en App ID for klistremerkene.

Steg 2

Logg inn på din Apple Developer-konto å registrere en App ID.

  1. Tast inn Konto> Identifikatorer> App ID> Å velge +
  2. Fyll ut detaljene og Registrere.

Trinn 3

Nå kan vi endelig Eksporter og last opp våre "bygge" til iTunes Connect!

Gå tilbake til Xcode.

  1. Å velge "Generell iOS-enhet"Under Angi aktiv skjema.
  2. Velg deretter 'Stickers.xcstickers' mappe, og fra øverste hovedmeny klikk Produkt> Arkiv, til Arkiv bygningen.

Et nytt vindu skal vises som viser den arkiverte "Bygge". Du vil se klistremerkene i venstre panel.

Klikk Validere for å se om alle klistremerker er gode å gå. Hvis det er problemer, Xcode vil vise et varsel i rødt på øverste menylinje.

Hvis alt går bra med "Bygge", må du laste den opp til iTunes Connect for Anmeldelse.

Klikk på Last opp til App Store. Dette vil laste opp klistremerkene til iTunes Connect. Når det er gjort opplasting, skal det vises på din iTunes Connect konto. Gi det noen minutter.

Trinn 4

Tid til å sende klistremerkene til App Store!

I iTunes Connect:

  1. Å velge Mine apper.
  2. Å velge + > Ny app, og velg'Bygge'Vi har nettopp lastet opp for innsending.
  1. Å velge iOS plattform.
  2. Navn: Libanesisk mat.
  3. Å velge Språk og Bundle ID.
  4. Lag en unik SKU "Eg.location.com.bundle_title".
  5. Skape!

På venstre menypanel fyller du ut App informasjon og Priser og tilgjengelighet. Her kan du skrive appbeskrivelsen, språket, kategoriene og prisen på appen. Vi kommer ikke inn på alle detaljer, da det er ganske greit, men det skal se ut som dette:

Trinn 5

I Adobe Photoshop, Lag noen skjermbilder, ved hjelp av Xcode Simulator, og last opp dem på iTunes Connect, å lage iMessage forhåndsvise bilder for skjermdisplayene. Dette kan ta litt tid. Skape 5 skjermdimensjoner: iPhone 5,5 tommers skjerm (1242 x 2208 px). Systemet vil generere resten av størrelsene for deg.

Når du er ferdig, klikk Send inn omtale.

Og det er det!

Nå er alt du trenger å gjøre, vent på gjennomgangsprosessen i noen dager for å bli godkjent.

Mens klistremerkene dine er gjennomgått, kan du sende ut Test invitasjoner til fansen din gjennom TestFlight, å prøve klistremerkene gratis i 60 dager. Eller du kan bruke tiden til å sette opp dine skatter, avtaler, sertifikater og bankdetaljer med Apple.

Det er litt tidkrevende, og du vil møte noen feil underveis, men med litt tålmodighet og hjelp kommer du deg dit.

Gratulerer! Våre "Lebanese Food" iMessage-klistremerker er klare!

Wow, jeg håper du har hatt denne opplæringen! Å designe klistremerker er morsomt, spesielt hvis du kan tjene litt penger ut av det! 

Kjøp "Lebanesy Food" klistremerkepakken fra iTunes.

Jeg håper du fant denne opplæringen nyttig! Jeg vil gjerne se hva du lager! Del klistremerkedesignene dine med oss.