La oss starte med en Nytt dokument omtrent 4,75 "x 6,8". Med Rektangelverktøy (M), tegne et stort rektangel som er større enn tavlen og med fyllfarge satt til en mørk varm grå (R33 G29 B25).
Tegn to ekstra rektangler, en tar opp det meste av tavlen, og en mindre, tynnere på bunnen (se nedenfor). Fyllfarge vil bli endret til en gradient i Trinn 3.
Steg 2
Bruke Direkte utvalgsverktøy (A) å velge de to mindre rektanglene og dra dem Levende hjørner innover for å runde begge rektangles hjørner til samme radius og samtidig.
Trinn 3
Sett begge avrundede rektangler som en Lineær gradient bruker Gradient Tool (G). I gradient panel, bruk følgende farger: varm grå (R57 G50 B40), lys varm grå (R115 G104 B94), lysere varm grå (R184 G174 B159), lys varm grå og varm grå.
Trinn 4
Hold de avrundede rektanglene valgt og gå til Objekt> Path> Offset Path. for offset, Tast inn -6px. Sett fyllfarge på den nye formen til mørk varm grå av Trinn 1.
2. Lag den quiltede bakgrunnen
Trinn 1
La oss begynne med å bruke Rektangulært rutenettverktøy (du finner den under Linjesegmentverktøy (\) i verktøylinje). til Horisontal og Vertikale skillelinjer, Tast inn 8 inn i det Rektangulære rutenettverkets alternativer. Dra verktøyet over hovedrektelet av spillmalen (offsetformen laget i Seksjon 1, trinn 4).
Steg 2
Velg rutenettet og sett fyllfarge til en lys Lineær gradient i gradient panel. I dette tilfellet valgte jeg rosaR238 G42 B123) Til mørk magenta (R164 G19 B86). Still gradientens vinkel til 45 °. Du kan velge hvilken fargeskjema du finner mest tiltalende.
Trinn 3
Kopier (Control-C) og Lim inn (Control-V) rutenettet og Rotere den 45 °. Gjør dette tre ganger og flytt hver gruppe slik at kantene er litt overlappende (se det første bildet nedenfor). Gruppe (Control-G) sammen settet ditt med fire nett og legg det over spillmalen. Å velge de offset avrundet rektangel (se nedenfor), kopi, lim inn og Rette inn den til sin opprinnelige.
Trinn 4
Velg det nylig kopierte rektangelet og gridgruppen (med rektanglet på toppen) og Gjøre en Clipping Mask (Control-7). Kopiere og Lim inn det indre rektanglet igjen og sett fyllfargen til null og strekket til svart og 1pt vekt. Lag utsnitt for de andre rektanglene på samme måte. Legg til et lag med stiplede linjer ved å kopiereog lime inn Clipping Mask gruppe og sette fyllfarge (av rutenettet innvendig) til gul, 1pt strøk linjer med a 4pt Dash og 4pt Gap (eller hva du føler fungerer best) i Stroke panel. Redusere den strekkede gruppen er opacity til 30% i åpenhet panel.
3. Lag tidslinjen og knappene
Trinn 1
Tegn et tynt rektangel mellom de to som er opprettet Seksjon 1, trinn 2 og bruk samme gradient fra Seksjon 1, trinn 3. Trekk på Levende hjørner innad for å rulle den ut. offset det avrundede rektangel ved -4px. Å velge både figurer og treff Minus Front i Pathfinder panel. Kopier og lim inn denne nye formen og sett fyllfargen til null og strekket til svart med a 1pt vekt.
Steg 2
Tegn et kort avrundet rektangel i den lille rammen som ble opprettet i forrige trinn. Sett fyllfarge til a Lineær gradient går fra mørk varm grå til noe lyst som skiller seg godt med din quiltede bakgrunnsfarge. I dette tilfellet valgte jeg turkis (R8 G255 B249).
Trinn 3
Tegn to avrundede rektangler (enten med Avrundet rektangelverktøy eller manipulere Levende hjørner av a Rektangel) på hver side av den nederste rektangulære rammen. Påfør samme gradient som tidligere brukt (Seksjon 1, trinn 3).
Trinn 4
Igjen, offset banen ved -4px. Sett fyllfarge på den indre formen til mørk varm grå.
Trinn 5
Velg begge indre former laget i forrige trinn, og bruk begge forekomster av Drop Shadows ved å gå til Effekt> Stylize> Drop Shadow som vist nedenfor. Den første Drop Shadow bør være mørk varm grå, satt til Multiplisere, opacity på 75%, X Offset til 0in, Y Offset til -0.03in, og Uklarhet satt til 0. Den andre Drop Shadow bør være lysere varm grå, satt til Skjerm, opacity på 75%, X Offset på 0in, Y Offset på 0.03in, og Uklarhet satt til 0.
Trinn 6
For å fullføre knappene jeg har brukt Leckerli One med fyllfarge satt til R221 G213 B202. Når jeg er fornøyd med plasseringen av teksten min, "Flytter 15", På den første knappen, jeg Utvidet teksten i Objekt> Utvid, kopiert og limes teksten og sett fyll og strekkfarge til svart og strekkvekten til 2pts i Stroke panel. Juster den kopierte teksten bak det opprinnelige ordet. Dette gir en ren oversikt som holder teksten lesbar. Gjenta på de andre knappene.
Til slutt kopier og lim inn hver knapps indre form og sett fyllingsgradienten til R184 G174 B159 ved 0%, 100% og 0% opasitet (tre forekomster av fargen) i gradient panel. Legg disse figurene under teksten og reduser opacity av formen til 40% og Blend Mode til Skjerm i åpenhet panel. Behold din lag panel organisert av gruppering knappene dine og deres komponenter sammen.
4. Lag en rask treaktig struktur
Trinn 1
Kopier og lim inn bakgrunnsrektangelet fra knappestangen inn Seksjon 3 og søk a Lineær gradient går fra R107 G89 B80 til R57 G50 B40 på en -90 ° vinkel. Bruke Blyantverktøy (N) med en brune noen nyanser mørkere enn den som ble brukt i lutningen for å doble noen skarpe linjer rundt rektangelet.
Steg 2
Gruppe sammen squiggles og sette dem til Skjerm på 54% Opacity i åpenhet panel. Kopier og lim inn gruppen og sett disse squiggles til Multiplisere. Legg lightergruppen bak den mørkere en ned og til høyre og Gruppe begge grupper og rektangelet sammen.
Trinn 3
Kopier og lim inn gradientrektiklet over toppen av konsistensgruppen. Lage en Clipping Mask (Control-7) og legg den under knappene i maledesignet.
Trinn 4
Velg knappegruppen og bruk en Drop Shadow som følger:
Modus: Multiplisere
opacity: 40%
X Offset: 0in
Y Offset: 0.1in
Uklarhet: 0in
Trinn 5
Kopiere og lime innTre tekstur fra knappestangen til toppen av malen. Tavlen vil beskjære de uønskede delene av gruppen, så maskering er ikke nødvendig i dette trinnet.
5. Tegn lilla hjertet sjarm
Trinn 1
For å tegne et enkelt avrundet hjerte, bruk Ellipseverktøyet (L) å trekke to sirkler overlappende litt.
Med Pennverktøyet (P), Tegn en femsidig form for å skape resten av hjertet. Trekk på Levende hjørner innover for å runde ut bunnkanten og manipulere håndtakene til sideankerpunktene med Direkte utvalgsverktøy for å få sidene opp til sirklene for en jevn hjerteform.
Zoom i når du manipulerer ankerpunkter slik at du enkelt kan se kantene på figurene dine. Forene alle tre former i Pathfinder panel. Sett fyllfargen til en lys lilla (eller en lys farge du velger).
Steg 2
Gjøre et fasettert smykke handler om lagringsformer og spiller med opacity og blend modus av disse figurene. Fargene jeg brukte kan avvike fra de du bruker hvis hjerteets grunnfarge er annerledes. Trinnene jeg tok med det lilla hjerte er som følger:
Tegn to lange rektangler på hver side av hjertekanten.
Jeg brukte Form Builder Tool (Shift-M) å slette ikke-skjærende komponenter av disse rektanglene. Jeg gjorde dette ved å velge alle tre former og, med Form Builder Tool, velge delene av rektanglene som ikke overlapper hjertet. Jeg deselected og slettet disse komponentene.
Minske opacity av stripene til 50%, eller så, i åpenhet panel.
Tegn fire kryssende rektangler på toppen av hjertets kurver. Du kan slette dette med Form Builder Tool eller vent til slutten av denne delen og Maske hjertet.
Tegn et rektangel som går ned midt i hjertet.
Lag fire tynne rektangler, hver rotert utover på sidene av hjertet. Forene alle fem av disse rektanglene i Pathfinder panel.
Kopier og lim inn basen hjerte og Scale det ned. Endre fyllfargen til lyspæren og Reduser den opacity til 40%. Sett stripene under det til a Lineær gradient fylle går fra lyse fuscia på 100% Opacity å lyse lilla på 0% Opacity. I åpenhet panelet, satte jeg stripene Blend Mode til overlegg.
Tegn to sirkler på hjertehalvdelene av hjertet med fyllfarge som er satt i lys lilla og dens Opacitetsreduksjon til 40% og dets Blend Mode satt til Color Dodge.
Lim inn et annet nedskalert hjerte, denne med fyllfarge satt til lilla og opacity redusert til 40% eller mindre. Tegn to små sirkler på det mellomstore hjertet i sjarmen.
Til slutt la jeg til et annet lite hjerte i midten. Hele designen er et spørsmål om å bygge opp sirkler, rektangler og hjerter i ulike former for lilla og med ulike nivåer av uigennytthet.
Trinn 3
La oss lage en ramme for hjertet. I tilfelle du ikke allerede har det, Gruppe sammen skapte alt i forrige trinn. Begynn dette trinnet ved å kopiere og lime inn basen og fortsette med følgende:
offset hjertet ved 6px. Velg begge former Skjær i Pathfinder panel.
Still rammen på a Lineær gradient det er en variasjon på den ene fra Seksjon 1, trinn 3. I dette tilfellet la jeg til et par forekomster av lysere og mørkere grå slik at det er et skinnende metall.
Kopier og lim inn rammen, sett fyllfargen til null og strekkfargen til mørk lilla (eller svart) på 0,5pt vekt.
Lim inn basen hjertet igjen og sett Lineær gradient til den samme fra Seksjon 1, trinn 3 på en 45 ° vinkel.
Legg det av midten fra det fasetterte hjertet.
Plasser den bak hjertet i lag panel.
Rette inn rammen former på toppen av det fasetterte hjertet.
Trinn 4
For kloformene på hjertet sjarmen jeg opprettet teardrop objektet sett nedenfor:
Tegn en sirkel og fyll den med det samme Lineær gradient brukt gjennom denne opplæringen for metalliske gjenstander (Seksjon 1, trinn 3).
Bruke Direkte utvalgsverktøy å trekke nedre ankerpunktet nedover, og skape tårneformen.
Kopier og lim inn teardrop og sett fyllfargen til null og streken (at 0,75pt vekt) til mørk lilla (eller svart).
Lim inn tårnet igjen og sett fyllingen til a Lineær gradient går fra hvit på 100% Opacity til hvitt på 0% Opacity. Konsentrer den ugjennomsiktige hvite på bunnen av formen. Skal ned til 60% og plasser i midten av metallisk teardrop.
Bruke Pennverktøy å tegne en skyggeform buet rundt høyre kant av tårnet. Opprett en eller Clipping Mask eller bruk Form Builder Tool for å slette eventuelle ikke-overlappende deler av skyggeformen fra hoveddrapet. Sett formens opasitet til 65% og Blend Mode til Mykt lys i åpenhet panelet (eller Utseende panel som sett under).
Bruke Ellipseverktøy å trekke tre små sirkler, i hvitt, på bunnen av tårnet. Tegn en gjennomsiktig, hvit høydeform for venstre side av tårnet.
Til slutt lim den viktigste teardrop form igjen og sett fyll farge til mørk lilla og opacity til 40%. Plasser denne skyggeformen under tårnet og litt til høyre og nedover. Gruppe alt dette sammen.
Kopier og lim inn fire av disse små tårnklørene rundt hjertet. Skal tre av dem ned og roter dem slik at endene deres peker mot midten av hjertet.
Trinn 5
Hjertet har noen ekstra juveler på den. Noen av dem er bare gråkretser, ment å være metalliske. Seks av dem er imidlertid flatbackede krystaller med en Aurora Borealis (AB) finish til dem. For å lage et krystallobjekt som disse gjorde jeg følgende:
Tegn en sirkel med Ellipseverktøy. Fargen spiller ingen rolle på dette tidspunktet.
Kopier og lim inn sirkelen og Juster til midten av den første. Velg den andre sirkelen og bruk a Zig Zag effekt (Effekt> Forvreng og transformer> Zig Zag) med følgende egenskaper: Størrelse er 0.56in, Absolute valgt, 7 Ridges, og Poeng er merket som Hjørne.
Utvide de Zig Zagged sirkel under Gjenstand.
Å velge både figurer og treff Dele opp i Pathfinder panel. Del opp gruppe den delte formen og velg komponentene til Zig Zagged sirkel.
Slett figurene utenfor sirkelen.
Fortsett og slett de mørkere figurene inne i sirkelen (se nedenfor), da de er unødvendige.
Trinn 6
Å velge Halvparten av sirkelens seksjoner og bruk a Lineær gradient går fra en kul grå til hvit. Med Gradient Tool, konsentrere den hvite mot midten for hver form. For resten av seksjonene vil du at hver skal ha en lineær gradient hvis farger blander seg inn i hverandre. Hver del vil bære to farger. For eksempel: lys uskarphet til middelsblått, med neste avsnitt som middelsblått til fiolett, og neste avsnitt fiolett til lyst lilla. Målet er å skape et spekter. Hvor mange farger og deres eksakte nyanser og nyanser er avhengig av fargevalg av din mobile spilldesign.
Trinn 7
Gruppe sammen de delte delene. Kopier og lim dem inn. Tegn en mindre sirkel i midten av den kopierte gruppen og sett fyllfarge til null og streken til 1pt vekt svart med Mykt lys som Blend Mode. Gruppe disse sammen og Rette inn dem til midten av den gradientfylte sirkelen.
Trinn 7
Tegn en større sirkel og bruk den samme metalliske gradienten fra Seksjon 5, trinn 3. Kopier og lim inn sirkelen og sett fyllingen og streken til svart med 2pt vekt. Plasser begge disse bak de fargerike sirkler. Tegn en liten hvit sirkel og Rette inn alt fra denne delen til midten av krystallobjektet. Gruppe alt dette sammen. Du kan bruke disse som edelstener i spilldesignen.
Trinn 8
Kopiere og Lim inn flere av AB krystallene rundt hjertet. Legg til flere metalliske former. Gruppe alt sammen. Lag en mørk disposisjon for sjarmen ved Velge den lilla hjertebasen, det metalliske hjertet og hver tårnebase, kopiering, liming og gruppering dem sammen. Sett slagfargen til svart og vekt til 1-2pts. Rette inn denne gruppen bak resten av sjarmen. Gruppe alt sammen og skaler ned, for spillgrensesnittet.
6. Ytterligere edelstener og sjarm
Trinn 1
Neste sjarmdesign jeg tegnet var sirkulær i naturen og ligner på hjertet. Fargeskjemaet er turkis, men din kan være hvilken fargen som helst, som passer best med designens farger.
Tegn to sirkler med Ellipseverktøy og Rette inn til sine sentre. Den mindre sirkelen bør være en lysere farge enn den større.
Kopier og lim inn større og velg en mørkere nyanse av fargen du har valgt for perlen. Plasser den bak de to første sirkler og flytt den ned og til høyre.
Tegn fem strålende stripete figurer med Pennverktøy og bruk en gradient som går fra en lys farge (i dette tilfellet lyseblå) på 100% Opacity til samme farge på 0% Opacity. Tegn en annen sirkel, mindre enn de andre og samme farge som skyggesirkelen fra # 2.
Tegn en femte sirkel med samme gradient som du brukte for stripene, i midten av de andre kretsene.
Bruker Rektangelverktøy, tegne fire lange, tynne rektangler, skape en diamant som overlapper kantene på sirklene. Sett fyllgradienten til en mørk nyanse av fargen du bruker (i dette tilfellet turkis) som går fra 100% Opacity til 0% Opacity med gjennomsiktig farge nær senteret. Sett Blend Mode til Fargeforbrenning på hvert rektangel.
Fortsett å legge til lag med sirkler, striper og andre former. Gruppe sammen disse sjarmens komponenter (unntatt skyggeformen fra # 2).
Kopier og lim inn basens sirkel og opprett en Clipping Mask. Gruppe alt sammen.
Steg 2
Hvis du har lyst til å gjøre edelsten din til en sjarm som det lilla hjertet, følg lignende trinn nedenfor:
Endre fyllfargen på den mørke turkis sirkelen til metallisk gradient fra Seksjon 1, trinn 3.
Kopier og lim inn basesirkelen og offset det ved 4px.
Søke om metallisk gradient fra Seksjon 5, trinn 3 (som er bare flere forekomster av grays i gradient panel).
Kopiere og Lim inn tårnene fra Seksjon 5, trinn 4 rundt sirkelen og skissere designet med samme prosess fra Seksjon 5, trinn 8.
Trinn 3
For de små pickaxene på toppen av designet gjorde jeg følgende:
Tegn et smalt rektangel og gjenta den trelignende teksten fra Seksjon 4, trinn 1-3.
Med Pennverktøy, Tegn en avrundet halvmåneform (du kan manipulere Levende hjørner å få avrundede kanter) og påfør en enkel metallisk gradient av grays.
Kopier og lim inn tre tekstur og Gjøre en Clipping Mask for det øverste, små rektangel.
Mye som prosessen fra Seksjon 5 hvor vi brukte Form Builder Tool Hvis du vil slette objekter fra hverandre, må du gjøre det to ganger for skyggen og markere figurer på pickaxen.
Tegn en liten sirkel med en skyggegradient (denne går fra mørk lilla på 100% - 0% Opacity) på toppen av øksens trehåndtak. Legg denne formen under Clipping Mask av # 3.
Tegn ekstra skyggeformer og plasser dem i deres respektive form Clipping Mask. Opprett oversikter ved å kopiere og lime innbunnen av trehåndtaket og bunnen av økshodet, legger det bak designet og påfører en slagvekt på 1pt.
Hvis du skaler den ned for å passe spilldesignen, vil du miste skogens teksturdetaljer. For å bekjempe dette, sørg for at du Utvidet Doodled strøk linjer fra #1. Jeg liker den enkle øksen, og forlot denne versjonen i mitt design.
Trinn 4
Den neste perlen design innebærer krystallformasjoner som pokker ut av bergarter. Min tegneprosessprosess er som følger:
Bruke Blyantverktøy (med gjengivelse satt til Korrekt) for å tegne en klumpete sirkel.
Tegn grå former som følger klippens kontur og definer bergens planer.
Fortsett det forrige trinnet med en lysere farge og Gruppe disse figurene sammen.
Kopiere og lime innbasen rock form og Rette inn det til midten av den første klumpete sirkelen.
Å velge gruppen og den nye klumpete sirkelformen og Gjøre en Clipping Mask.
Angi formene som er opprettet i # 2-3 og søk lineære gradienter til hver som går fra grått på 100% Opacity til mørkegrå på 0% Opacity.
Trinn 5
Dette trinnet ser lenge ut, men jeg ville bare bryte ned trinnene for å illustrere den ganske enkle prosessen.
Bruke Pennverktøy å tegne krystalllignende figurer som popper ut av fjellet.
Jeg liker utseendet på tre eller flere former, hver med forskjellige høyder og vinkler.
Sett hver fyllfarge til noe lyst. I dette tilfellet valgte jeg lilla igjen. De Lineær gradient går fra lyse lilla til mørke lilla. Varier vinkelen til hver gradient, slik at formene ikke blander seg inn i hverandre.
Med Pennverktøy, tegne figurer på toppen av krystallene som definerer sine fly (se nedenfor).
Fortsett å gjøre det for hver krystallform.
Sett inn noen av figurene i # 4-5 så forskjellig Blandingsmodus: Skjerm, Fargeforbrenning, og Color Dodge.
Tegn skisser for steinen og krystallene.
Med Blyantverktøy, tegne linjer som viser rock cracking. Gruppe alt sammen.
Trinn 6
Den grønne krystallformasjonen er ganske mye den samme prosessen som den lilla.
Bytt fargene på fjellet til lettere griser.
Tegn nye krystaller for denne. Jeg bestemte meg for å ha større stykker med flere topper og daler.
Påfør gradienter til hovedkrystallene igjen og begynn å tegne figurer for å definere hver krystalls fly.
Bytt den opp mellom å legge til flat fylt farge og gradientformer.
Nok en gang er du velkommen til å leke med Blend Mode på disse figurene.
Endelig, Gruppe Alt sammen og sørg for at det har en tykk oversikt og linjer som indikerer sprekker.
Trinn 7
Jeg bestemte meg for at min neste perle sjarm skulle være en diamantform. Siden jeg ikke har brukt oransje ennå, skjønte jeg at det ville være en god kontrast til de andre farger.
Bruke Rektangelverktøy å tegne en firkant. Rotere det hviler så på et punkt.
Bruke Utvalgsverktøy (V) å kaste torget innover og oppover i en diamantform.
Trekk på Levende hjørner innover for å runde hjørnene. Kopier og lim inn diamanten og bruk metallisk gradienten som brukes i de andre sjarmdesignene i tidligere seksjoner. Vi vil motvirke denne formen ved 4px igjen for å lage en ramme. Gjemme seg dette i lag panel for nå.
Lag forskjellige størrelser av den avrundede diamanten på hverandre. Bytt fargene til forskjellige nyanser av oransje og gul-oransje (lik hjerte og sirkel perler design). Gruppe disse sammen.
Tegn ulike gradientformer og gjennomsiktige former med Pennverktøy eller Blyantverktøy å lage striper, skinnende høydepunkter og skygger i perlen design.
Gjøre en Clipping Mask.
Unngå metallrammen. Legg til skisser i rammen.
Lim inn flere diamanter i midten av designet. Bruk en Radial Gradient går fra lys oransje på 100% -0% Opacity til sentrumsdiamanten.
Lag et tykt omriss for sjarmdesignen, og ikke glem tårnklørene som brukes på hjørnene.
Dette er den endelige oransje sjarmdesignen.
Trinn 8
Den endelige designen er en hvit krystall-sjarm. Min prosess for denne designen var som følger:
Bruker Pennverktøy Jeg tegnet en sekssidig form som ville tjene som den øverste halvdelen av krystallet.
Jeg bisected formen med et rektangel og treffer Minus Front i Pathfinder. Dette ga meg 1/4 av designen. Kopier og lim inn det kvartalet og Reflektere det over a Vertikal akse.
Kopier og lim inn den nyopprettede topphalvdelen og Reflektere det over a Horisontal akse. Forene alle fire former i Pathfinder.
Med Pennverktøy Jeg tegnet former på krystallet som bidro til å definere fasetter. Det er totalt ni figurer.
Jeg var ikke sikker på fargene i utgangspunktet. Jeg tror at når du lager hvite krystaller og edelstener, er det best å holde seg til pasteller med mindre du går for en AB-finish som den fra Seksjon 5.
Fargene som er valgt er Linjære gradienter går fra lys lilla til hvitt og lyseblå til hvitt.
Gruppe designet sammen ogkopier og lim inn krystallet. Sett fyllfarge til null, strekket til svart og 1pt vekt, og Blandingsmodus til overlegg. Lim inn fire metalliske tårer fra Seksjon 5 på fire hjørner av krystallet.
Kopier og lim inn basiskrystallformen og legg den bak krystallgruppen. offset det ved 4px og bruk metallisk gradienten som brukes i denne opplæringen.
Ikke glem en endelig oversikt over krystallet før gruppering Alt sammen.
La oss sette alt sammen!
Legg edelstener og sjarm rundt spillbrettet. Sørg for å Gruppe dem sammen når du er fornøyd (bruker Rektangulært rutenettverktøy hjelper i deres plassering). For siste berøringer, legg til en poengsum øverst og linj opp de små aksene som "powerups". Skyv designet ditt ytterligere ved å lage spesielle, glitrende edelstener eller flere spillskjermbilder med ulike nivåbakgrunn og malrammer.