How å illustrere en mobiltelefon Blackjack App Interface
Dette innlegget er en del av en serie kalt Vector Mobile App Design.How å lage en fotball App Interface i Adobe IllustratorHow å lage en iPad-grensesnitt i Illustrator

i det følgende opplæringen vil du lære hvordan du lager en mobiltelefon blackjack app grensesnitt. Denne opplæringen bruker mange forskjellige vektor teknikker inkludert Utseende Panel, åpenhet innstillinger, mønstre og mer. Dette er en avansert tutorial som folk i en mellomferdighetsnivå finner å være en utfordring, men også veldig givende. La oss begynne!

Trinn 1

Hit Ctrl + N for å opprette et nytt dokument. Skriv inn 640 i boksen Bredde og 960 i høyden boksen klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørge for at " Rett nye objekter til Pixel Grid " er merket før og klikk på OK. Nå, slå på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 10px. Gå til Rediger > Innstillinger > Guides & Grid, skriv 10 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av figurer. Ikke glem å sette måleenheten til piksler fra Rediger > Innstillinger > Enhet > General. Al disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg den rektangelverktøyet (M), opprette en 640 30px form, fyll den med svart og plassere den på toppen av din artboard. Fortsett med rektangelverktøyet (M), opprette en 640 930px form, fyll den med R = 45 G = 132 B = 47 og plassere den under den svarte firkanten, som vist i følgende bilde.

Trinn 3

Deaktiver Fest til rutenett (View > Fest til rutenett) og deretter gå til Rediger > Preferanser > Generelt og sørge for at tastaturet Økning er satt til 1px. Velg grønt rektangel og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopien og traff pil ned en gang for å flytte den 1px ned. Reselect begge kopiene, åpne Pathfinder-panelet og klikk på Minus Front-knappen. Fyll den resulterende form med R = 21 G = 51 B = 23

Trinn 4

Marker på nytt din grønne rektangelet og lage to nye kopier i front (Ctrl + C >. Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 2 piksler ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 21 G = 89 B = 23.

Trinn 5

Marker på nytt grønne rektangelet, fokus på Utseende panel og legge til en annen fylling ved hjelp av Legg til ny Fyll knappen . Det er den lille hvite firkanten ikonet fra bunnen av Utseende panel. Velg denne nye fylle fra Utseende panel, senke opacity til 50%, endre blending mode til Overlay og legge den lineære gradient vist i følgende bilde. Den gule null fra gradienten bildet står for opasitet prosentandel.

Sørg for at din grønne rektangelet er valgt, holde fokus på Utseende panel, legge til en tredje fyll og velg det. Gjør det svart, senke opacity til 8%, endre blending mode til Multipliser og gå til Effect > Kunstnerisk > Film Grain. Skriv inn egenskapene som vises nedenfor og klikk på OK.

Til slutt legger du en fjerde fyll for din grønne rektangelet. Velg det, gjør det hvitt, senke opacity til 10%, endre blending mode til Multipliser og gå til Effect > Kunstnerisk > Svamp. Skriv inn egenskapene som vises i følgende bilde og klikk på OK.

Trinn 6

Aktiver Fest til rutenett (View > Fest til rutenett). Plukk rektangel Tool (M), opprette en 640 20px form, fyll den med R = 61 G = 62 B = 64 og plasser den som vist i det første bildet. Velg denne nye rektangel, lage to kopier foran (Ctrl + C > Ctrl + F > Ctrl + F) og deaktivere Fest til rutenett (View > Fest til rutenett). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 37 G = 38 B = 40.

Trinn 7

Velg det første rektangelet opprettet i forrige trinn, og lage to nye kopier i front (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 2 piksler ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 145 G = 145 B = 145

Trinn 8

Velg det viktigste rektangel skapt i det sjette trinnet og går til Effect >.; Stylize > Drop Shadow. Skriv inn egenskapene som vises i det venstre vinduet, klikk på OK og gå igjen til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i vinduet til høyre og klikk på OK.

Trinn 9

Velg den type Tool (T) og legge til noen tekststykker som vist i det første bildet. Bruk Futura skrift med størrelsen satt til 8 pkt, gjør det Fet og sette farge på R = 174 G = 174 B = 174. Velg alle disse tekststykker, åpne Juster-panelet og klikk på " Vertical Strek Bottom " knapp. Fokus på venstre og høyre biter av tekst og plassere dem som vist i det første bildet. Nå velger all tekst, fokus igjen på Juster-panelet og klikker på " Horisontal Fordel Center " knapp. Til slutt teksten bør være perfekt justert som vist i tredje bildet.

Trinn 10

Velg det tekststykker som er opprettet i forrige trinn, gruppere dem (Ctrl + G) og gå til Effect > Stylize > Drop Shadow. Tast inn dataene vist i følgende bilde og klikk på OK.

Trinn 11

Aktiver Fest til rutenett (View > Fest til rutenett). Plukk rektangel Tool (M), opprette en 640 80px form, fyll den med R = 138 G = 94 B = 60 og plasser den som vist i det første bildet. Velg denne nye rektangel, lage to kopier foran (Ctrl + C > Ctrl + F > Ctrl + F) og deaktivere Fest til rutenett (View > Fest til rutenett). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 117 G = 76 B = 41.

Trinn 12

Velg det viktigste rektangel opprettet i forrige trinn, og lage to nye kopier i front (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 2 piksler ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 195 G = 153 B = 108.

Trinn 13

Gjenta de teknikkene som er nevnt i de to siste trinnene, men flytte kopiene opp i stedet for ned. Velg det viktigste rektangel opprettet i ellevte trinn, legger de to Drop Shadow effekt vist i det andre bildet deretter lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien, fokus på Utseende panel og redigere eksisterende Drop Shadow effekter som vist i tredje bildet.

Trinn 14

Aktiver Fest til rutenett (View > Fest til rutenett). Plukk rektangel Tool (M), opprette en 100 av 40px form og legg den som vist i følgende bilde. Fyll den med en tilfeldig farge, og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 5px radius, klikk på OK og gå til Object > Utvid Utseende.

Step 15

Deaktiver Fest til rutenett (View > Fest til rutenett), velge formen opprettet i forrige trinn og gå til Object > Sti > Offset Path. Skriv inn et -2px Offsettrykk, og klikk på OK. Velg den resulterende form, lage en kopi i front (Ctrl + C > Ctrl + F) og flytte den 1px ned. Reselect de to figurer som er opprettet i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og senke opacity til 50%

Trinn 16

Velg det avrundet rektangel opprettet i det fjortende trinnet og går igjen til Object >.; Sti > Offset Path. Skriv inn et -2px Offsettrykk, og klikk på OK. Velg den resulterende form, lage en kopi i front (Ctrl + C > Ctrl + F) og flytte den 5PX opp. Reselect begge former opprettet i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i følgende bilde og senke opacity til 30%

Trinn 17

Velg det avrundet rektangel opprettet i det fjortende trinnet og går til Object >.; Sti > Offset Path. Skriv inn et -2px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg den og flytte den 5PX ned. Reselect begge former opprettet i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i følgende bilde og senke opacity til 30%.

Trinn 18

Velg det avrundet rektangel opprettet i det fjortende trinn og fokus på utseendet panel . Først velger fyll, senke opacity til 50% og erstatte den flate farge med lineær gradient vist i følgende bilde. Den hvite tall fra gradienten bildet står for plassering prosentandel. Hold fokus på Utseende panel, sørge for at formen er fortsatt valgt og legge til en 2pt slag. Velg det, gjør det hvitt, justere den til inne og senke opacity til 20%. Deretter legger du til en andre strøk for din avrundet rektangel med Legg til ny Stroke knapp fra venstre hjørne av Utseende panel. Velg denne nye slag, gjør det hvitt, 1pt bred, justere den til inne og senke opacity til 20%.

Trinn 19

Velg det avrundet rektangel redigeres i forrige trinn, sørg at for å fylle eller hjerneslag er valgt i Utseende-panelet og legge de to Drop Shadow effekt vist i følgende bilde.

Trinn 20

Velg den type Tool (M) legger den hvite " Deal " tekst og plasser den som vist i følgende bilde. Senke opacity til 70% deretter legge til Drop Shadow effekt er vist nedenfor.

Trinn 21

Aktiver Fest til rutenett (View > Fest til rutenett). Plukk rektangel Tool (M), opprette en 100px torg og plasser den som vist i følgende bilde. Fyll den med ingen, men legger til en 3pt slag. Sett farge på R = 205 G = 191 B = 129, justere den til innsiden, senke opacity til 40% og endre blending mode til Overlay. Også, gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 10px radius, og klikk OK.

Step 22

Velg den rektangelverktøyet (M), opprette en 400 x 55 piksler form og to 60px torg og plasser dem som vist i det første bildet. Fyll dem med ingen, men legger til en 3pt slag. Sett farge på R = 205 G = 191 B = 129 og justere den til innsiden. Velg to torget og gå til Object > Sti > Legg ankerpunkter. Grab Direct Selection Tool (A) og fokus på venstre rektangelet. Velg midten, venstre forankringspunkt og flytte den 10px til høyre. Flytt til høyre torget. Velg midten, høyre forankringspunkt og flytte den 10px til venstre. Til slutt figurer skal se ut i det tredje bildet.

Trinn 23

Deaktiver Fest til rutenett (View > Fest til rutenett). Velg det stort rektangel opprettet i forrige trinn, og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg ett av disse kopiene sammen med venstre, mindre form redigeres i forrige trinn, og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den andre kopien av rektangelet sammen med den rette, mindre form redigeres i forrige trinn, og klikk på Minus Front knappen fra Pathfinder-panelet. Grab Type Tool (T) og legge de tre tekststykker vist i tredje bildet. Velg den øverste og den nederste teksten og redusere sine opacity til 70%.

Trinn 24

Velg det figurer og tekst som er opprettet i de to siste trinnene og gruppere dem (Control + G). Velg denne nye gruppen, senke opacity til 30%, endre blending mode til Overlay og gå til Effect > Warp > Bue. Tast inn dataene vist i følgende bilde og klikk på OK

Trinn 25

Aktiver Fest til rutenett (View > Fest til rutenett).. For neste trinn må du et rutenett hver 5px. Så, gå til Rediger > Preferanser > Guides & Grid og skriv 5 i linjenettet hver boks. Plukk rektangel Tool (M), opprette en 105 av 20px form og legg den som vist i følgende bilde. Fyll den med lineær gradient vist i følgende bilde og legge til en 2pt slag. Sett farge på R = 254 G = 198 B = 111 og justere den til innsiden. Sørg for at denne nye rektangelet er fortsatt valgt, fokus på Utseende panel og legge til en andre strøk med Legg til ny Stroke knappen. Det er den lille, svarte firkanten ikonet fra bunnen, venstre hjørne av Utseende panel. Velg denne nye slag, gjør det 1pt bred, justere den til inne og sette farge på R = 204 G = 112 B = 0. Hold fokus på denne nye formen, sørg for at det ikke fyll eller hjerneslag er valgt (i Utseende-panelet) og gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius, klikk på OK og gå til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i følgende bilde og klikk på OK

Trinn 26

Deaktiver Fest til rutenett (View > Fest til rutenett).. Plukk Type Tool (T), legge til teksten vist i følgende bilde og gå til Type > Lag Outlines. Velg den resulterende gruppe av former, slå den inn i en sammensatt bane (Object > sammensatt bane > Lag) og fyll den med lineær gradient som vises i det endelige bildet.

Trinn 27

Velg det sammensatte bane som er opprettet i forrige trinn, og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i en sammensatt bane (Object > sammensatt bane > Lag) og fyll den med R = 112 G = 48 B = 22. Velg det sammensatte bane som er opprettet i forrige trinn og legg til Drop Shadow effekt vist i det endelige bildet.

Trinn 28

Aktiver Fest til rutenett (View > Fest til rutenett). Plukk rektangel Tool (M), opprette en 505 av 20px form og legg den som vist i følgende bilde. Fyll den med hvit og gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius, klikk på OK og gå til Object > Utvid Utseende. Deaktiver Fest til rutenett (View > Fest til rutenett), velg den resulterende formen og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg bunnen kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 57 G = 219 B = 74.

Trinn 29

Velg det avrundet rektangel opprettet i forrige trinn, og fyll den med lineær gradient vist i følgende bilde . Husk at den gule null fra gradienten bildet står for opasitet prosentandel. Sørg for at formen er fortsatt valgt og fokus på utseendet panel. Først velger fyll, senke opacity til 50% og endre blending mode til Color Burn. Deretter legger en 1pt slag, justere den til inne og sette farge på R = 0 G = 147 B = 68.

Trinn 30

Velg det avrundet rektangel redigeres i forrige trinn, og legge til en ekstra fyll. Velg det, endre blending mode til Color Burn og bruke lineær gradient vist i følgende bilde.

Trinn 31

Aktiver Fest til rutenett (View > Fest til rutenett). Deretter vil vi lage chips. Du trenger et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Plukk Ellipse Tool (L) og lage en 40px sirkel. Fyll den med ingen, men legger til en 7pt slag. Gjør det hvite, justere den til inne så gå til Object > Sti > Outline Stroke.

Trinn 32

Velg den Pen Tool (P), tegne en vertikal og en horisontal bane og deretter plassere dem som vist i det første bildet. Velg dem og gå til Object > Transform > Rotere. Skriv inn et -22.5 grader vinkel og klikk på Kopier-knappen. Velg det vertikale og horisontale baner og går igjen til Object > Transform > Rotere. Denne gangen angi en 22,5 grader vinkel og klikk på OK-knappen. Til slutt dine stier skal se ut i det tredje bildet.

Step 33

Velg det form og banene er opprettet i de to siste trinnene og klikk på Divide knappen fra Pathfinder-panelet. Flytt til Lag-panelet, og du vil finne en ny gruppe med en haug med former. Hold de åtte, hvite figurer fremhevet i det andre bildet og sletter resten. Fokuser på de resterende figurer. Velg toppen, bunnen, venstre og høyre, hvite figurer, slå dem i en sammensatt bane (Object > sammensatt bane > Lag) og fyll den med R = 50 G = 50 B = 50. Legg en annen fylling for denne nye sammensatt bane, velger du den fra Utseende panel, senke opacity til 15%, endre blending mode til Multipliser og bruke radial gradient vist i tredje bildet. Velg de resterende fire, hvite former og gjøre dem om til en sammensatt bane (Object > sammensatt bane > Lag). Fyll den med lineær gradient vist i fjerde bildet og legge til andre fylle. Velg det fra Utseende panel, gjør det svart, senke opacity til 5% og gå til Effect > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK.

Trinn 34

Velg den Ellipse Tool (L), opprette en ny, 40px sirkel og plasser den som vist i det første bildet. Fyll den med ingen, men att en 1pt slag. Juster det til inne, sette sin farge på R = 50 G = 50 B = 50, senke opacity til 10% og endre overgangsmodus å formere seg. Fortsett med Ellipse Tool (L), opprette en 26px sirkel og legg den som vist i det andre bildet. Fyll den med ingen, men att en 2pt slag. Juster det til inne, sette sin farge på R = 30 G = 30 B = 30 og gå til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i følgende bilde og klikk på OK.

Trinn 35

Velg den Ellipse Tool (L), opprette en 22 pikslene sirkel, fyll den med lineær gradient vist nedenfor, og plassere den som vist i det første bildet. Velg denne nye sirkelen og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvitt.

Trinn 36

Velg den Ellipse Tool (L), opprette en 38px sirkel, fyll den med en tilfeldig farge og plassere den som vist i det første bildet. Velg denne nye sirkelen, lage en kopi i front (Ctrl + C > Ctrl + F) og flytte den 1px ned. Reselect begge former opprettet i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i følgende bilde og senke opacity til 50%.

Trinn 37

Velg den Ellipse Tool (L), opprette en 40px sirkel, fyll den med R = 50 G = 50 B = 50 og plassere den over figurer skapt i løpet av de siste seks trinn. Flytt til Lag-panelet og dra den nye sirkelen under figurene som utgjør chip så langt. Sørg for at denne nye sirkelen er valgt og legge de to Drop Shadow effekt vist i følgende bilde. Fokus på Utseende panel og legge til en annen fylling for formen. Gjør det svart, dra den under den eksisterende fyll, senke opacity til 10% og gå til Effect > Sti > Offset Path. Skriv en 2 piksler Offsettrykk, og klikk på OK.

Trinn 38

Deaktiver Fest til rutenett (View > Fest til rutenett). Plukk Type Tool (T), tilsett " 100 " og gå til Type > Lag Outlines. Velg den resulterende gruppe av former, slå den inn i en sammensatt bane og fylle den med lineær gradient vist i følgende bilde.

Trinn 39

Velg det sammensatte bane som er opprettet i forrige trinn, og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i en sammensatt bane (Object > sammensatt bane > Lag) og fyll den med R = 74 G = 74 B = 74. Velg det sammensatte bane som er opprettet i forrige trinn og legg til Drop Shadow effekt vist i det endelige bildet.

Trinn 40

Velg alle figurene som er opprettet i de siste ni trinn og gruppere dem (Control + G). Dette blir din chip. Lag fem eksemplarer av denne gruppen og erstatte R = 50 G = 50 B = 50 brukes for sammensatt bane opprettet i trinn # 33 med fargene vist i følgende bilde. Også erstatte " 100 " med tallene som vises i bildet nedenfor. Bruk de samme teknikkene og effekter som er nevnt i de to siste trinnene

Trinn 41

Aktiver Fest til rutenett (View > Fest til rutenett). Og gå tilbake til " linjenettet hver 10px ". Så, gå til Rediger > Preferanser > Guides & Grid og skriv 10 i linjenettet hver boks. Velg deg chips én etter én, og plassere dem som vist i følgende bilde.

Trinn 42

Nå, la oss lage den andre typen chip. Fra nå av vil du trenge et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Plukk rektangel Tool (M), lage et 4 av 18px form og fylle det med hvit. Fortsett med rektangelverktøyet (M) og opprette tre, 4px firkanter. Plasser dem som vist nedenfor og fylle dem med fargene vist i følgende bilde.

Trinn 43

Velg det nederste plassen opprettet i forrige trinn, og lage to kopier i front (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med svart og senke opacity til 30%.

Trinn 44

Velg det øverste plassen opprettet i trinn # 42 og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og senke opacity til 15%.

Step 45

Velg den rektangelverktøyet (M), skape en en av 18px form, legg den som vist i det første bildet og fylle den med venstre lineær gradient. Opprett en ny, en av 18px form, legg den som vist i det andre bildet og fyll den med riktig lineær gradient.

Trinn 46

Velg det hvite rektangelet opprettet i trinn 42, lage en kopi i front (Ctrl + C > Ctrl + F) og bringe den til fronten (Shift + Ctrl +]). Fyll denne kopien med svart, senke opacity til 20%, endre blending mode til Multipliser og gå til Effect > Kunstnerisk > Film Grain. Tast inn dataene vist i følgende bilde og klikk på OK. Velg denne nye rektangelet sammen med alle figurene som er opprettet i løpet av de siste fire trinn og gruppere dem (Control + G). Dette vil være andre type brikke.

Trinn 47

Velg gruppen ble opprettet i forrige trinn, og lage fem eksemplarer. Fokus på disse kopiene og erstatte den fargen som brukes til rutene og en av 18px rektangel som vist i følgende bilde.

Step 48

Velg den brune chip opprettet i forrige trinn, plasser den som vist i følgende bilde og gå til Effect > Forvrenge & Transform > Transform. Tast inn dataene vist i følgende bilde og klikk på OK.

Fortsett med resten av sjetongene. Plasser dem som vist på følgende bilder deretter legge disse enkle Transform effekter.

For denne siste gruppen må du også legge til de to, diskrete Drop Shadow effekt vist i følgende bilde.

Trinn 49

Velg den rektangelverktøyet (M), opprette en 192 etter 212px form, fyll den med hvit og plasser den som vist i det første bildet. Deretter trenger du Round ethvert hjørne script. Du finner den i Vectortuts + artikkel 20 gratis og nyttig Adobe Illustrator Scripts. Lagre det på harddisken din, går du tilbake til Illustrator og ta tak i Direct Selection Tool (A). Velg de nederste festepunktene (uthevet i det første bildet) og gå til Fil > Scripts > Andre Script. Åpne runde et hjørne Script, skriv en 10px Radius og klikk på OK. Til slutt figurer skal se ut i det tredje bildet.

Step 50

Velg det formen opprettet i forrige trinn og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1px opp. Reselect begge former opprettet i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 131 G = 131 B = 131.

Trinn 51

Velg det hvite formen opprettet i trinn # 49 og erstatte den hvite med lineær gradient vises i det første bilde. Legg til en annen fylling for denne form og bruke lineær gradient er vist i det andre bildet. Velg det fra Utseende panel, senke opacity til 15% og gå til Effect > Sti > Offset Path. Skriv inn et -3px Offsettrykk, og klikk på OK.

Trinn 52

Velg det formen redigeres i forrige trinn, og legge til en tredje fyll. Gjør det svart, senke opacity til 5%, endre blending mode til Multipliser og gå til Effect > Kunstnerisk > Graphic Pen. Tast inn dataene vist i følgende bilde og klikk på OK. Hold fokus på denne formen og legg til en 1pt slag. Juster det til inne og sette farge på R = 10 G = 10 B = 10. Sørg for at formen er valgt, åpner Graphic Styles vinduet og klikker på Ny grafisk stil knappen. Dette vil spare en ny grafisk stil i den grafiske stiler vinduet. Du trenger det senere.

Trinn 53

Velg det formen redigeres i forrige trinn, og lage en kopi i ryggen (Ctrl + C > Ctrl + B). Velg denne kopien, fjerner de ekstra fyll og slag, holder bare den nederste fyll deretter legge de to Drop Shadow effekt vist i følgende bilde.

Trinn 54

Velg den Ellipse Tool (L), opprette en 22 ved 152px form, fyll den med lineær gradient vist nedenfor, og plasser den som vist i følgende bilde. Velg fyllet fra Utseende panel og gå til Effect > Stylize > Indre glød. Oppgi dataene nedenfor og klikk på OK. Hold fokus på denne formen og legg til en 3pt slag. Juster det til inne, gjør det svart og senke opacity til 10%. Reselect dette rektangelet, sørg for at det ikke fyll eller hjerneslag er valgt (i Utseende-panelet) og gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius, og klikk OK.

Trinn 55

Velg det formen opprettet i forrige trinn, og legge de to Drop Shadow effekter og Transform effekt vist i følgende bilde.

Trinn 56

Gjør noen nye eksemplarer for de bittesmå chips, rotere dem -90 grader og plassere dem som vist i følgende bilde.

Trinn 57

Fokus på de små chips lagt i forrige trinn og legg til Transform og Drop Shadow effekt vist i følgende bilde.

Step 58

Velg den rektangelverktøyet (M), opprette en 102 etter 152px form, fyll den med hvit og plasser den som vist i det første bildet. Igjen, må du runde et hjørne script. Grab Direct Selection Tool (A), velger de nedre ankerpunktene (uthevet i det første bildet) og gå til Fil > Scripts > Andre Script. Åpne runde et hjørne Script, skriv en 5px Radius og klikk på OK. Til slutt figurer skal se ut i det tredje bildet.

Step 59

Velg det formen opprettet i forrige trinn og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1px opp. Reselect begge former opprettet i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 131 G = 131 B = 131.

Trinn 60

Velg det hvite formen opprettet i trinn 58, gå til Graphic Styles panelet og klikker på grafisk stil lagret i trinn # 52. Lag en kopi i ryggen (Ctrl + C > Ctrl + B) i denne formen. Velg den, fjerner de ekstra fyll og hjerneslag deretter legge de to Drop Shadow effekt vist i følgende bilde.

Step 61

Velg den rektangelverktøyet (M) og lage en 88 ved 115px form. Fyll den med en tilfeldig farge, plasser den som vist i det første bildet og gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius klikk på OK og gå til Object > Utvid Utseende. Bytt til Ellipse Tool (L), opprette en 30 av 14 piksler form og legg den som vist i det andre bildet. Reselect begge former opprettet i dette trinnet og klikk på Unite knappen fra Pathfinder-panelet.

Step 62

Velg det formen opprettet i forrige trinn, og erstatte den flate fargen som brukes for fyll med lineær gradient vist i følgende bilde. Velg fyllet fra Utseende panel og gå til Effect > Stylize > Indre glød. Oppgi dataene nedenfor og klikk på OK. Hold fokus på denne formen og legge til en 3pt, svart strek. Velg det fra Utseende panel, justere den til inne og senke opacity til 10%. Reselect denne formen, sørge for at ingen fyll eller hjerneslag er valgt (i Utseende-panelet) og legge de to Drop Shadow effekt er vist nedenfor.

Step 63

Velg den rektangelverktøyet (M), opprette fire, to av 3PX former, fylle dem med fargene som vises nedenfor, og plasser dem som vist i følgende bilde. Velg alle fire rektangler og bare dra dem inn i Fargeprøver-panelet for å slå dem i en pattern.Once du har din mønster du kan bli kvitt de fire rektangler.

Step 64

Velg den rektangelverktøyet (M), opprette en 82 ved 56px form, fyll den med lineær gradient vist nedenfor bilde nr 1 og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 4px radius, og klikk OK. Sørg for at denne nye rektangelet er fortsatt valgt og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Fylle den resulterende form med lineær gradient er vist i det andre bildet.

Step 65

Velg det andre rektangelet opprettet i forrige trinn og gå til Object > Sti > Offset Path. Skriv inn et -3px Offsettrykk, og klikk på OK. Fyll den resulterende form med R = 22 G = 67 B = 129 og fokus på utseendet panel. Velg den eksisterende avrundede hjørner effekt, redusere avstanden til 3px og klikk på OK. Sørg for at denne blå formen er fortsatt valgt og igjen til Object > Sti > Offset Path. Igjen, skriv en -3px Offsettrykk, og klikk på OK. Fyll den resulterende form med lineær gradient vist i tredje bildet og fokus på utseendet panel. Velg den eksisterende avrundede hjørner effekt, redusere avstanden til 2 piksler og klikk OK

Med denne nye formen valgt å gå en siste gang gå til Object >.; Sti > Offset Path. Skriv inn et -2px Offsettrykk, og klikk på OK. Velg den resulterende form og fokus på utseendet panel. Først erstatte lineær gradient brukes for fyll med mønsteret opprettet noen få skritt siden. Deretter åpner du eksisterende avrundede hjørner effekt og redusere avstanden til 1px. Til slutt legger du en 1pt slag for denne formen. Gjør det 1pt bred, justere den til utsiden og sette farge på R = 22 G = 67 B = 129.

Trinn 66

Velg det første rektangelet opprettet i trinn # 64 og tilsett Drop Shadow effekt vist i følgende bilde. Velg alle figurene er laget i de to siste trinnene og gruppere dem (Control + G). Dette vil være kort.

Trinn 67

Duplicate gruppen ble opprettet i forrige trinn. Velg denne kopien, plasser den som vist i følgende bilde og gå til Effect > Forvrenge & Transform > Transform. Skriv inn egenskapene som vises i følgende bilde og klikk på OK.

Trinn 68

Til slutt legger du to roteres kort som vist i følgende bilde.

Konklusjon

Nå arbeidet er ferdig. Her er hvordan det skal se ut.