Create en isometrisk aksjon og bruke den til et ikon i Adobe Photoshop
Hva du skal lage
En av de enkleste 3D-presentasjoner du kan gjøre er å bruke isometrisk perspektiv , med 120 ° mellom hver akse. Dette perspektivet er ofte brukt i tekniske og tekniske tegninger. I denne opplæringen, skal jeg vise deg en enklere måte å skape en isometrisk ikon bruker Photoshop handlinger.
1. Lag en isometrisk Grid
Først må vi opprette en isometrisk rutenett som vil hjelpe oss i å plassere objektet nøyaktig.
Trinn 1
Start med å lage en ny fil ( Kontroll-N) i Photoshop. Sette sitt lerret størrelse til 600 px × 600 px.
Trinn 2
Først vil vi skape en isometrisk rutenett bestående av linje vektorer. Aktiver Linjeverktøy med Vekt: 1 px. Hold Shift og deretter dra for å tegne en vertikal linje.
Trinn 3
Velg linjen bruker Sti Selection Tool. Hold Kontroll og deretter dra linjen til å kopiere den.
Trinn 4
Gjenta denne prosessen et par ganger før vi har nok vertikale linjer på lerretet. Fortsatt bruker Sti Selection Tool velger du alle de vertikale linjene og klikk deretter Fordel Bredder fra Option Bar.
Nå er avstanden mellom hver linje bør fordeles jevnt.
Trinn 5
Mens linjene er valgt, traff Ctrl-J til å kopiere dem.
Trinn 6
Hit Ctrl-T for å forvandle de valgte linjene. Rotere dem 60 °.
Trinn 7
Igjen, duplisere de vertikale linjene og deretter rotere dem, denne gangen -60 °.
Trinn 8
Flytt linjene til de er justert perfekt og gi oss en perfekt trekantmønster.
Trinn 9
Sett alle lagene i en gruppe lag for enklere lag ledelse.
2. Lag en isometrisk Handling
For å slå en flat gjenstand inn i isometrisk perspektiv, vil du trenger å bruke noen transformasjoner. Å fremskynde vår arbeidsflyt, vil vi ta dem som Photoshop handlinger.
Trinn 1
La oss gå å forberede tiltak for isometrisk transformasjon. For dette formålet, vil vi bruke tekst for å hjelpe oss å se den nøyaktige resultat av transformasjon. Start med å lage et enkelt stykke tekst på scenen.
Trinn 2
Åpne opp prosedyrepanelet. Klikk på Opprett nytt sett ikon.
Trinn 3
Opprett en ny handling ved å klikke på Opprett ny handling i prosedyrepanelet. Vi kommer til å gi det et navn høyre Fra nå av alt du gjør kommer til å bli spilt inn i handlingen. Så, sørg for å gjøre alt så rent og effektivt som mulig. Først traff Ctrl-T for å utføre en transformasjon. Sett Bredde (W) prosentpoeng til 86,6025%. Hit Ctrl-Enter for å søke transformasjon. Utfør en annen transformasjon (Ctrl-T) og deretter forskyve det valgte objektet vertikalt -30 °. Hit Ctrl-Enter for å søke transformasjon. Klikk på Stopp-ikonet i Handlinger panelet for å stoppe opptaket. Bare for å gjøre det klart, endre teksten til høyre La oss legge til en annen handling, denne gangen for å justere objektet langs x-aksen på isometrisk perspektiv. Som med den forrige, vil vi bruke tekst for transformasjon objektet. Klikk på Opprett ny handling ikonet og gi den navnet forlot Start med å påføre en transformasjon (Ctrl-T). Resize sin bredde til 86,6025%. Hit Ctrl-Enter for å få resultatet. Bruk en annen transformasjon (Ctrl-T), denne gangen forvrenger den vertikalt 30 °. Stoppe opptaket. Her er resultatet med isometrisk rutenett i bakgrunnen. Vi trenger en annen handling denne gangen for å legge ned objektet på gulvet . Klikk på Opprett ny handling ikonet i Actions-panelet. Hit Ctrl-T og endre størrelsen sin bredde til 86,6025%. Påfør en annen skew transformasjon. Skew vertikalt 30 °. Legg til en transformasjon. Roter objekt 120 °. Stoppe opptaket. Vi trenger en mer action å transformere objektet stå parallelt med z-aksen. Lag en annen ny handling. Hit Ctrl-T og deretter endre størrelsen på objektet bredde til 86,6025%. Bruk en annen transformasjon , denne gangen forvrenger vertikalt -30 °. Legg til en transformasjon. Denne gangen dreier det 60 °. Stopp innspillingen ved å klikke på Stopp-ikonet i prosedyrepanelet. Vi er ferdig med å lage alle de handlinger som trengs for objektet transformasjon til isometrisk perspektiv. Jeg foreslår at du lar teksten for praktisk referanse mens bygge ikonet. Noen ganger er det vanskelig å avgjøre hvilke tiltak er nødvendig. Disse delene av teksten vil hjelpe deg å velge riktig handling. Hvis du vil bruke handlingene raskere, kan du legge til snarveier. Dobbelklikk på handlingsnavnet og deretter legge en funksjonstast i action dialogboksen Alternativer. Vår isometrisk ikonet er bygget fra forfra hvert element og deretter forvandlet til isometrisk perspektiv ved hjelp av handlinger. Vi vil dekke første fase nå. Vi kan begynne å bygge basen formen for vår isometrisk ikon. I lagpanelet, lage en ny gruppe av lag for vår laptop ikon. Vi vil starte med å tegne sitt viktigste organ, tastatur og styreflate. Vi vil trekke hvert element fra front view-alt fra skjermen sin til sin styreflaten, og med sin skjerm tykkelse. Aktiver rektangelverktøyet, og klikk og dra for å tegne et rektangel på lerretet. Tegn en rektangulær mindre enn den forrige. Sin størrelse bør stå i forhold til den forrige. Vi trenger også å trekke et rektangel med samme høyde som skjermen. Dette kommer til å være tykkelsen. Vår neste jobb er å tegne den bærbare hoveddelen. Tegn en rektangulær form. Det bør ha samme størrelse som på skjermen. Ikke glem å trekke sin tykkelse. Tegn tastaturet layout, laget av en enkel rektangulær vektor form. På toppen av formen, tegne mindre rektangler for tastaturknappene. Sett farge til svart. La oss trekke en halv CD som kommer til å være inne i laptop. Start med å tegne en enkel sirkel. Hold Shift og klikk deretter og dra for å tegne en sirkel. Legg til et rektangel bane som dekker halvparten av forrige form. Fra Option Bar, setter sin modus til Subtraher Front Shape. Legg til en sirkel. Sørg for sitt senter er på samme sted som den store sirkelen. Sette sitt modus til Subtraher Front Shape. Velg alle banene, og klikk deretter Flett Shape Components å forenkle banen. Etter dette trinnet, er alle banene nå kombinert i en enkelt bane. Bruk samme fremgangsmåte som tidligere for å tegne et mindre halv donut form for indre del av CD . Sett CD på høyre side av tastaturet. Så langt, her er hva vi har. Vi er ferdig med å tegne grunnformene. Nå er det på tide å forvandle dem til isometrisk perspektiv ved hjelp av våre handlinger. Vi vil starte transformerer til isometrisk visning ved hjelp av handlinger. Velg skjerm vektor form ved hjelp av Sti Selection Tool. Mens skjermen vektorform valgt, velger du høyre Her er resultatet. Skjermen er nå forvandlet og parallelt langs x-aksen. Du kan bli forvirret i å velge de riktige tiltakene. Hvis du gjør det, sørg for å ta en titt på praktisk referanse vi har gjort tidligere. Hvis ved en tilfeldighet spiller du feil handling, traff Ctrl-Z et par ganger før objektet tilbake til sin opprinnelige tilstand. Velg tastaturet og CD vektorfigurer. I Handlinger panelet, spille øverst til høyre Både gjenstander, CD og tastatur, vil bli forvandlet og lagt ned langs y-aksen. Men det er et lite problem: de er opp-ned. Vi trenger å fikse dem. Mens de er valgt, traff Kontroll-T. Rotere dem 180 °. Aktiver Sti Selection Tool og forsiktig flytte CD og tastatur til de er festet til skjermen. Velg tastaturet tykkelse og spille handling høyre Flytt den før den festes til tastaturet side. Gjenta den samme prosessen til den andre tykkelse. Dette er hva vi har så langt. La oss jobbe med sin detaljrikdom. Velg CD laget og deretter flytte det ned en px. Det enkle trinn vil gi illusjonen om at CD-en er inne i hoveddelen. Zoom nærmere bruke Zoom Tool. Aktiver Direct Selection Tool. Velge vektorform punkt og flytte den til den klikker på pixel rutenettet. Denne prosessen vil gi deg de skarpeste detaljene og forhindre uskarphet på vektoren kanten. Hold Kontroll og klikk deretter tastaturet thumbnail lag. Vi vil ha et nytt valg basert på formen. Legg et nytt lag og plassere den under tastaturet. Fylle markeringen med svart. Fjern valget ved å trykke Ctrl-D og deretter bruke Gaussian Blur å myke skyggen, Filter > Blur > Gaussian Blur. Aktiver Eraser Tool Hotell og slette unødvendige skygge under den bærbare datamaskinen. Selvfølgelig trenger vi også å legge en skygge under CD. Legg et nytt lag under CD og deretter Ctrl-klikk CD-lag å gjøre et nytt valg basert på formen. Fylle markeringen med svart. Fjern valget ved å trykke Ctrl-D. Blur skyggen ved å bruke Gaussian Blur, Filter > Blur > Gaussian Blur. Reduser skyggens lag Opacity å gjøre det mykere. Det må være mykere enn skygge tastaturets siden sin posisjon er høyere, ikke direkte på overflaten. Aktiver Brush Tool og deretter tegne skygge skjermen er på overflaten manuelt. Nå velger skjermen vektor form og velg Inner Shadow fra Add Layer Styles ikon. Bruk følgende innstillinger for Indre skygge. Legg merke til at CD er bare ren flat. Vi kan legge til en fin farge gradient som ligner på det vi har lagt til skjermen. Legg til Indre skygge og Gradient Overlay til CD ved hjelp av følgende innstillinger. Til slutt, dette er hva vi har i slutten. Jeg også legge en fin touch av tekst på gulvet, og avsløre isometrisk grid lag med lav Opacity i bakgrunnen. Jeg håper du likte å lage isometrisk ikonet ved hjelp av en handling, og er forberedt på å bygge ditt eget ikon. Vis meg resultat mens du følger denne opplæringen i kommentarfeltet. Jeg vil gjerne se det. Takk!
, fordi denne handlingen kommer til å justere objektet langs y-aksen på isometrisk perspektiv. Klikk Record.
Trinn 4
Trinn 5
Trinn 6
. Dette er resultatet, før og etter handlingen er brukt.
Trinn 7
.
Trinn 8
Trinn 9
Trinn 10
Trinn 11
Trinn 12
Trinn 13
Trinn 14
Trinn 15
Trinn 16
Trinn 17
Trinn 18
Trinn 19
3. Tegn Isometrisk Ikon figurar
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
Trinn 7
Trinn 8
Trinn 9
Trinn 10
Trinn 11
Trinn 12
Trinn 13
Trinn 14
4. Forvandle Basisformer Into isometrisk perspektiv
Trinn 1
Trinn 2
handling og klikk deretter på Start-ikonet.
Trinn 3
Trinn 4
handling vi har gjort tidligere.
Trinn 5
Trinn 6
Trinn 7
Trinn 8 Anmeldelser
. Hvis du er usikker på hvilken handling er egnet her, se den praktiske guiden.
Trinn 9
Trinn 10
Trinn 11
Trinn 12
Step 13
Trinn 14
Step 15
Trinn 16
Trinn 17
Trinn 18
Trinn 19
Step 20
< p> Legg til en Gradient Overlay med følgende innstillinger.
Trinn 21
Awesome Arbeid, Du er nå Ferdig