Share
Hva du skal skapeEn av de enkleste 3D-presentasjonene du kan gjøre er å bruke isometrisk perspektiv, med 120 ° mellom hver akse. Dette perspektivet brukes ofte i tekniske og tekniske tegninger. I denne opplæringen skal jeg vise deg en enklere måte å lage et isometrisk ikon ved hjelp av Photoshop-handlinger.
Først må vi opprette et isometrisk rutenett som vil hjelpe oss med å plassere objektet nøyaktig.
Start med å lage en ny fil (Kontroll-N) i Photoshop. Sett sitt lerret størrelse til 600 px × 600 px.
Først vil vi opprette et isometrisk rutenett laget av linjevektorer. Aktiver Linjeverktøy med Vekt: 1 px. Holde Skifte og dra deretter for å tegne en vertikal linje.
Velg linjen ved hjelp av Path Selection Tool. Holde Styre og dra deretter linjen for å duplisere den.
Gjenta denne prosessen et par ganger til vi har nok vertikale linjer på lerretet. Bruker fortsatt Path Selection Tool, velg alle vertikale linjer og klikk deretter Fordel bredder fra Alternativ Bar.
Nå skal avstanden mellom hver linje fordeles jevnt.
Mens linjene er valgt, trykk Styre-J å duplisere dem.
Truffet Styre-T å transformere de valgte linjene. Roter dem 60 °.
Igjen, dupliser de vertikale linjene og roter dem, denne gangen -60 °.
Flytt linjene til de er perfekt justert og gi oss et perfekt trekantet mønster.
Sett alle lagene i et gruppelag for enklere lagbehandling.
For å gjøre en flat objekt til isometrisk perspektiv, må du bruke noen transformasjoner. For å øke hastigheten på arbeidsflyten vår, registrerer vi dem som Photoshop-handlinger.
La oss flytte til å forberede handlingen for isometrisk transformasjon. For dette formålet vil vi bruke tekst for å hjelpe oss med å se det eksakte resultatet av transformasjonen. Begynn med å lage et enkelt stykke tekst på scenen.
Åpne opp handlinger panel. Klikk på Opprett nytt sett ikon.
Opprett en ny handling ved å klikke Lag ny handling i handlinger panel. Vi skal nevne det Ikke sant, fordi denne handlingen skal justere objektet langs y-aksen på isometrisk perspektiv. Klikk Ta opp.
Fra nå av vil alt du gjør, bli registrert i handlingen. Så sørg for å gjøre alt så rent og effektivt som mulig. Først, hit Styre-T å utføre en transformasjon. Sett Bredde (W) prosentandel til 86,6025%. Truffet Styre-Tast inn å bruke transformasjonen.
Utfør en annen transformasjon (Styre-T) og deretter skjev det valgte objektet vertikalt -30 °. Truffet Styre-Tast inn å bruke transformasjonen.
Klikk på Stoppe ikonet i handlinger panel for å stoppe opptaket. Bare for å gjøre det klart, endre teksten til Ikke sant. Dette er resultatet, før og etter at handlingen er påført.
La oss legge til en annen handling, denne gangen for å justere objektet langs x-aksen i isometrisk perspektiv. Som med den forrige, vil vi bruke tekst til transformasjonsobjektet. Klikk på Lag ny handling ikon og navn det venstre.
Start med å bruke en transformasjon (Styre-T). Endre størrelsen på bredden til 86,6025%. Truffet Styre-Tast inn for å få resultatet.
Påfør en annen transformasjon (Styre-T), denne tiden skråstiller den vertikalt 30 °. Stopp innspillingen.
Her er resultatet med det isometriske nettet i bakgrunnen.
Vi trenger en annen handling denne gangen for å legge ned objektet på gulvet. Klikk Lag ny handling ikonet i handlinger panel.
Truffet Styre-T og endre størrelsen på bredden til 86,6025%.
Påfør en annen skew transformasjon. Skev vertikalt 30 °.
Legg til en annen transformasjon. Roter objektet 120 °. Stopp innspillingen.
Vi trenger en mer handling for å transformere objektet til å stå parallelt med z-aksen. Lag en ny handling.
Truffet Styre-T og deretter endre størrelsen på objektets bredde til 86,6025%.
Påfør en annen transformasjon, denne tiden skråstilles vertikalt -30 °.
Legg til en annen transformasjon. Denne gangen roterer den 60 °. Stopp innspillingen ved å klikke på Stoppe ikonet i handlinger panel.
Vi er ferdige med å skape alle handlingene som trengs for objektforvandling i isometrisk perspektiv. Jeg foreslår at du forlater teksten for nyttig referanse mens du bygger ikonet. Noen ganger er det vanskelig å fastslå hvilken handling som trengs. Disse tekststykkene hjelper deg med å velge riktig handling.
Hvis du vil bruke handlingene raskere, kan du legge til snarveier. Dobbeltklikk på handlingsnavnet og legg til en Funksjonstast i Handlingsalternativer dialogboks.
Vår isometriske ikon er bygget fra forsiden av hvert element og deretter transformert til isometrisk perspektiv ved hjelp av handlinger. Vi vil dekke den første fasen nå.
Vi kan begynne å bygge basen for vår isometriske ikon. I lag panel, lag en ny gruppe lag for vårt bærbare ikon. Vi starter med å tegne hovedkroppen, tastaturet og styreflaten.
Vi trekker hvert element fra forsiden - alt fra skjermen til styreflaten, og til og med skjermtykkelsen. Aktiver Rektangelverktøy, og klikk deretter og dra for å tegne et rektangel på lerretet.
Tegn en annen rektangulær mindre enn den forrige. Dens størrelse skal være proporsjonal med den forrige.
Vi må også tegne et annet rektangel med samme høyde som skjermen. Dette kommer til å være dens tykkelse.
Vår neste jobb er å tegne laptop hovedkroppen. Tegn en annen rektangulær form. Den skal ha samme størrelse som skjermen.
Ikke glem å tegne tykkelsen.
Tegn tastaturoppsettet, laget av en enkel rektangulær vektorform.
På toppen av formen tegner du mindre rektangler for tastaturknappene. Sett fargen til svart.
La oss tegne en halv CD som kommer til å være inne i den bærbare datamaskinen. Begynn med å tegne en enkel sirkel. Holde Skifte og klikk deretter og dra for å tegne en sirkel.
Legg til en rektangelbane som dekker halvparten av forrige form. Fra Alternativ Bar, sett sin modus til Trekk forfra.
Legg til en annen krets. Pass på at senteret er på samme sted som den store sirkelen. Still inn modusen til Trekk forfra.
Velg alle banene og klikk deretter Merge Shape Components for å forenkle stien. Etter dette trinnet kombineres alle stiene i en enkel sti.
Bruk de samme trinnene som tidligere til å tegne en mindre halv-doughnut form for den indre delen av CDen.
Sett CDen på høyre side av tastaturet. Så langt, her er det vi har.
Vi er ferdig med å tegne de grunnleggende figurene. Nå er det på tide å forvandle dem til isometrisk perspektiv ved hjelp av våre handlinger.
Vi vil begynne å transformere til isometrisk visning ved hjelp av handlinger. Velg skjermvektorformen ved hjelp av Path Selection Tool.
Mens skjermvektorformen er valgt, velger du Ikke sant handling og klikk deretter på Spille ikon.
Her er resultatet. Skjermen er nå transformert og parallell langs x-aksen.
Du kan være forvirret i å velge riktig handling. Hvis du gjør det, må du ta en titt på den praktiske referansen vi laget tidligere. Hvis du ved et uhell spiller feil handling, trykk Kontroll-Z et par ganger til objektet vender tilbake til sin opprinnelige tilstand.
Velg tastatur og CD vektorformer. I handlinger panel, spill av øverst til høyre handling vi gjorde tidligere.
Både objekter, CD og tastatur blir transformert og lagt ned langs y-aksen. Men det er et lite problem: de er opp ned. Vi må fikse dem.
Mens de er valgt, trykk Kontroll-T. Roter dem 180 °.
Aktiver Path Selection Tool og flytt forsiktig CDen og tastaturet til de er festet til skjermen.
Velg tastaturtykkelsen og spillaksjonen Ikke sant. Hvis du ikke er sikker på hvilken handling som passer her, se den praktiske håndboken.
Flytt den til den festes til tastaturet.
Gjenta den samme prosessen til den andre tykkelsen.
Dette er hva vi har så langt.
La oss jobbe med detaljer. Velg CD-laget og flytt det deretter 1 px. Dette enkle trinnet vil gi illusjonen om at CDen er inne i hoveddelen.
Zoom nærmere ved hjelp av Zoomverktøy. Aktiver Direkte utvalgsverktøy. Velg vektorformpunktet og flytt det til det klikker på pikselruten. Denne prosessen gir deg den skarpeste detaljen og hindrer uklarhet på vektorkanten.
Holde Styre og klikk deretter på miniaturfilen for tastaturet. Vi vil ha et nytt utvalg basert på sin form.
Legg til et nytt lag og legg det under tastaturet. Fyll utvalget med svart. Fjern valget ved å trykke på Kontroll-D og bruk deretter Gaussian Blur for å myke skyggen, Filter> Uklarhet> Gaussisk uskarphet.
Aktiver Eraser Tool og slett den unødvendige skyggen under den bærbare datamaskinen.
Selvfølgelig må vi også legge til en skygge under CDen. Legg til et nytt lag under CDen og deretter Ctrl-klikk CD-laget for å lage et nytt utvalg basert på dens form. Fyll utvalget med svart.
Fjern valget ved å trykke på Kontroll-D. Slør skyggen ved å bruke Gaussian Blur, Filter> Uklarhet> Gaussisk uskarphet. Reduser skyggenes lag opacity for å gjøre det mykere. Den må være mykere enn tastaturets skygge siden posisjonen er høyere, ikke direkte på overflaten.
Aktiver Børsteverktøy og trekk deretter skjermens skygge på overflaten manuelt.
Nå velger du skjermvektorformen og velger Indre skygge fra Legg til lagstilter ikon.
Bruk følgende innstillinger for Indre skygge.
Legg til en Gradient Overlay med følgende innstillinger.
Legg merke til at CDen bare er flat. Vi kan legge til en fin fargegradient som ligner på det vi har lagt til på skjermen.
Legg til Indre skygge og Gradient Overlay til CD-en ved å bruke følgende innstillinger.
Endelig er dette det vi har til slutt. Jeg legger også til en fin touch av tekst på gulvet, og avslører det isometriske gridlaget med lavt opacity i bakgrunnen. Jeg håper du likte å lage isometrisk ikon ved hjelp av en handling og er forberedt på å bygge ditt eget ikon. Vis meg ditt resultat mens du følger denne opplæringen i kommentarseksjonen. Jeg vil gjerne se det. Takk!
Accentsconagua