How å skape en dynamisk 3D puslespill Effect i Adobe Illustrator

I det følgende opplæringen vil du lære hvordan du oppretter en fin jakt puslespill effekt. Ved hjelp av 3D Extrude, Bevel og Kart Kunst alternativene vil du lære hvordan du håndverk de enkelte bitene i puslespillet og ordne det til en dynamisk layout.

Trinn 1

Opprett en 1000 ved 1100px dokument. Først slår du på Grid (View > Vis rutenett) og Snap til Grind (View > Fest til rutenett). Nå trenger du et rutenett hver 5px. Gå til Rediger > Preference > Linjer og rutenett deretter inn " 5 " i " Uten kraftlinjer Hver " boksen og " en " i " Subdivision: " boksen.

Trinn 2

La oss lage grunnformene. Velg rektangelverktøyet (M) og lage en 100 ved 100px form. Fest til rutenett vil lette arbeidet ditt. Lag tre nye kopier (Ctrl + C og deretter Ctrl + F) av denne plassen og flytte dem som vist i følgende bilde. Fylle disse formene med R = 204 G = 204 B = 204 og med R = 230 G = 230 B = 230 deretter gruppere dem. Velg denne gruppen og legge Transform effekter som vises på slutten av eksemplet

Trinn 3

Nå figurer skal se ut som ". Bilde nr 1 ". Velg de fire rutene og gå til Objekt > Utvid Utseende. Du skal nå ha 36 ruter. Del opp de resulterende former. Dette vil gjøre arbeidet litt enklere i følgende trinn.

Trinn 4

Velg Ellipse Tool (L) hold Shift og lage en 30 x 30px sirkel. Gjør et antall kopier og plassere dem som på bildet nedenfor. Ta hensyn, må sentrum av hver sirkel sammenfaller med den ene siden av torget (nok en gang Fest til rutenett vil lette arbeidet ditt). Nå som du har gjort alle disse figurene, velg sammen med rutene og klikk på Divide knappen fra Pathfinder-panelet.

Trinn 5

Nå vil du lage den grunnleggende oppgave brikker. Vi begynner med den øverste venstre. Velg figurene vist i " bilde nr 1 " og klikk på Unite knappen fra Pathfinder-panelet. Fortsett på denne måten og lage alle brikkene. I bilde " 3 " Jeg har separert alle de siste brikkene slik at du kan skille dem lettere. Du trenger ikke å gjøre dem akkurat den måten

Trinn 6

Åpne VectorTuts logo jpg fil og endre størrelsen til 600x600px -. Logoen er inkludert i den nedlastede filen for Premium-medlemmer Hvis du ikke har et medlemskap du kan lage din egen 600 x 600px firkantet bilde som skal brukes i stedet. Velg bildet, klikk på Bygg-knappen, trykker du Shift + Ctrl + F11 (for å åpne Symboler panel) og deretter gå til flyout menyen og klikk på New Symbol. Name it "logo", sjekk filmklipp og klikk OK. Reselect rektangel Tool (M), lage en 600 x 600px torg og plasser den like over brikkene. Fyll den med hvilken som helst farge.

Trinn 7

Slå av Grid og Snap til Grid.You trenger ikke disse alternativene lenger. Velg rektangelet gjort i forrige trinn og gå til Effekt > 3D > Extrude &Bevel. Følg data vist i følgende bilde. Ta hensyn til de markerte avsnittene. Du må legge bildet /logo. Klikk på kartet Art-knappen, gå til " Surface en " og velg "logoen" fra Symbol nedtrekksmenyen. Plasser den som vist i følgende bilde klikk deretter OK. Reselect denne form og gå til Objekt > Utvid Utseende. Må kun gruppen med bilde /logo og slette resten av figurene. Gi denne gruppen " Logo " og gjør det usynlig for øyeblikket.

Trinn 8

La oss fokusere på brikkene. Gruppere dem, legge til samme Extrude &Bevel effekt så gå til Objekt > Utvid Utseende.

Trinn 9

Nå bør du ha en samling av figurer i Lag-panelet. Velg figurene som vises i bildet nedenfor og trykk Ctrl + G (for å gruppere dem). Nevne alle disse formene fra " en " til " 36 " og gjøre dem usynlige (for øyeblikket)

Trinn 10

Velg figurene vist i ". bilde nr 1 " og slette dem. Du skal bare ha den gruppen av figurer som vises i " bilde # 2 " etterlatt.

Step 11

La oss fortsette med detaljene for hvert puslespill brikke. Start med form " en ".

Lag et nytt lag, navn det " en " og flytte formen " en " inne i dette laget. Marker figuren vist i bilde # 2, dele opp og flytte den inne lag " en ". Marker figuren vist i bilde # 3, dele opp og flytte den inne lag " en ". Velg figurene som vises i bilde # 4, klikk på Unite knappen fra Pathfinder panel og flytte resulterende formen inne laget " en ". Marker figuren vist i bilde # 5, dele opp og flytte den inne lag " en ". Velg figurene som vises i bilde # 4, klikk på Unite knappen fra Pathfinder panel og flytte resulterende formen inne laget " en ".

Trinn 12

Bruk de samme teknikkene for å skape de andre 35 puslebiter. Ikke glem å lage et nytt lag for hver puslespill brikke (det vil gjøre arbeidet enklere). På bildet under, atskilt jeg puslespill figurer slik at du kan skille dem fra hverandre

Trinn 13

Åpne Transparency panelet (Vindu > Transparency).. Gjør det " logo " gruppe synlige deretter opprette 35 eksemplarer (ett for hver oppgave stykke). Duplisere form " en " og fyll den med hvitt. Velg denne kopien og " logo " gruppe klikk deretter på Make Opacity Mask alternativ fra fly-out menyen i Transparency panel. Velg dette maskert form, flytte den i toppen av laget " en " og låse den. Bruke samme teknikk for hver oppgave stykke til du får alle former dekket med VectorTuts logo (eller bilde av ditt valg). Ikke glem å låse hver maskert form. På den måten vil du ikke velge /flytte den ved et uhell.

Trinn 14

Flytt noen av brikkene. Velg hele laget (fra Utseende panel) når du vil flytte et puslespill brikke. På den måten vil du flytte de låste former for (i dette tilfellet den maskerte logo).

Trinn 15

Deretter må du legge til litt farge for de synlige puslespill marginer. Du vil trenge én farge og 5 stigninger. Lagre dem alle i Fargeprøver-panelet for å lette arbeidet i de neste trinnene. Først av alt, må du fylle formene med R = 128 G = 128 B = 128 så vil du måtte forholde seg til de lineære gradienter.

Step 16

Nå, gradienter . Marker figuren vist i bilde # 1, legge til to nye fyllinger (fra fly-out menyen i Utseende panel) og bruke gradienter 1 og 2. Deretter velger formen vist på bilde # 3, legge til to nye fills og bruke gradienter 2 og 4. Fortsett med formen valgt i bilde # 5, legge til to nye fyll og bruke gradienter 4 og 3. Velg figurene som vises i bilde # 7, legge til to nye fyll og bruke gradienter 5 og 4. Til slutt velger formen vises i det endelige bildet, legge til en ny fyll og bruke gradient 5.

Trinn 17

Bruk samme farge og gradienter for de andre synlige marginer.

Trinn 18

Velg alle figurene fra " en " til " 36 " og kopiere dem. Velg disse kopiene, klikk på Unite knappen fra Pathfinder-panelet og deretter gå til Objekt > Forbindelse Sti > Lage. Velg resulterende formen og sende den til baksiden. Flytte den noen få piksler ned og til høyre, fyll den med svart, legger en 3px Gaussian Blur effekt deretter senke opacity til 40%.

Trinn 19

Nå, la oss fokusere på andre brikkene. Du må lage noen tynne, skarpe former langs kanten av disse brikkene. Start med stykke " 11 ". Lag to kopier av denne formen. Velg den øverste kopiere og flytte den 1px opp og 2PX til venstre (traff pil opp en gang og pil venstre to ganger). Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med hvitt. Nå må du redigere de resulterende former. Du må kanskje legge til noen nye figurer eller slette noen ankerpunkter. Samlet sett må du prøve å gjøre disse formene se skarpt.

Trinn 20

Gjenta teknikken vist forrige trinn for figurer 17,18,20,22,23,24,25,27 , 28,32 og 34. Ikke flytt kopiene i samme retning. Bruk en tilfeldig retning, eksperimentere og se hvilke som passer best. Gruppe alle disse hvite former velg gruppen, ta den med til fronten og senke opacity til 10%.

Step 21

Igjen duplisere alle figurene fra " en " til " 36 ". Velg disse kopiene, og klikk på Unite knappen fra Pathfinder-panelet og deretter gå til Objekt > Forbindelse Sti > Lage. Plukk Pen Tool (P) og lage en figur som den røde vist på bilde # 2. Velg den sammen med den andre formen, og klikk på Skjæring knappen fra Pathfinder-panelet. Velg de resulterende figurer og gå til Objekt > Forbindelse Sti > Lage. Fylle denne nye formen med lineær gradient deretter senke opacity til 10%. Ikke glem å ta med denne formen til fronten.

Trinn 22

Til slutt, for bakgrunnen, velger rektangel Tool (M) og lage en 1 000 x 1100px form. Send denne formen til baksiden og fylle det med det første radial gradient. Legg til en ny fyll for denne form og bruke andre radial gradient. Velg dette siste gradient (fra Utseende panel), endre blending mode til Overlay og du er ferdig.

Konklusjon

Det du har det, en vektor puslespill effekt. Du kan prøve denne effekten med annet bilde, eller til og med forskjellige puslespill figurer. Ved å bruke fantasien din vil du finne at det er mange forskjellige måter du kan bruke teknikkene lært i denne tut. Ha det gøy!