How Tegn en PlayStation-inspirert spillkontroller fra grunnen av i Photoshop
I denne opplæringen, vil vi forklare hvordan å trekke en play station kontrolleren fra grunnen av i Photoshop ved hjelp av grunnleggende verktøy som formlag, børster , slag og lagstiler. La oss komme i gang
Veiledning Asset!
Trinn 1: Skisse
< p> La oss starte med å tegne sin skisse. Bruk et bilde som referanse. Deretter spore hver del ved hjelp av pennen.
Trinn 2
For å gjøre det klart, jeg trakk hver del ved hjelp av levende farger. Dette bidrar til å skille hvert element fra de andre
Trinn 3:. Hoveddel
Duplicate håndtaket form og legg den i en egen gruppe lag. Endre farge til mørk grå.
Trinn 4
Grab skinn tekstur og deretter sette den på toppen av håndtaket.
Trinn 5
Hit Command /Ctrl + Alt + G for å konvertere laget til klipping maske. Dette vil gjøre strukturen opphold inne i håndtaket.
Trinn 6
Legg til nytt lag, og deretter konvertere den til klipping maske. På denne måten, alt vi male på laget vil alltid går på innsiden av håndtaket. Male noen skygger og høylys på håndtaket. Se bildet nedenfor for referanse. Du kan sette hvert maleri i forskjellige lag for å gi deg bedre kontroll. Med denne teknikken kan du enkelt redusere lag Opacity til å endre skyggen eller fremheve effekten.
Trinn 7
Tegn en grå rektangel form og gikk ut håndtaket. Dobbeltklikk på lag for å åpne dialogboksen Lagstil og gjelder Indre skygge og Gradient Overlay hjelp under setting.
Trinn 8
Legg til nytt lag på toppen av tidligere form og male hvitt som høydepunkt på sin øvre høyre hjørne. Konvertere den til klipping Mask ved å trykke Kommando /Ctrl + Alt + G.
Trinn 9
Velg form og deretter legge nytt lag. Fyll utvalg med sort bruker kommandoen Rediger> Fyll. Legg støy på lag ved å klikke Filter> Støy> Legg til støy. Sørg for å velge Monokrom å få svart og hvit støy.
Trinn 10
Endre sin blanding modus til skjerm. Nå har vi bare legge støy tekstur på formen og gjøre det vises mer naturlig
Trinn 11:.. Direction og handling
Tegn to sirkel figurer
Trinn 12
Igjen, legg støy på overflaten ved å legge sort lag på toppen av det og søke Legg støyfilter.
Trinn 13
Endre sin blanding modus til skjerm og redusere Opacity.
Step 14
Legg til nytt lag og maling skygge på nedre del av formen
Trinn 15
La oss legge litt skygge til sirkelen ’ s. kant. Dette vil legge til en 3D-utseende til formen. Begynn med å legge et nytt lag på toppen av formen og konvertere den til en klipping maske. Kommando /Ctrl-klikk form og klikk på Rediger > Stroke. Velg hvit for sin farge. Vi har nå svart linje langs sirkelen kanten.
Trinn 16
Gjør det mykt ved å legge til en Gaussian Blur. Klikk Filter > Blur > Gaussian Blur. Reduser lag Opacity til 10%.
Trinn 17
Lag et nytt lag og legge høydepunkter ved å male hvitt på toppen av sirkelen form.
Trinn 18
< p> Gjenta trinn 16, denne gangen ønsker vi å legge høydepunkt så bruk hvit for hjerneslag farge.
trinn 19
bruk Gaussian Blur.
trinn 20
Aktiver flytteverktøyet og deretter traff ned og venstre piltast på tastaturet for å flytte lag to piksler til de retningene.
Trinn 21
Reduser lag Opacity og deretter slette noen av høydepunktet vi bare gjort. Bruk myk børste ved å sette sin hardhet til 0% og redusere Opacity til svært lav. Du kan endre viskelær Opacity i Option Bar.
Trinn 22
Gjenta forrige trinn for å legge til flere høydepunkter på motsatt form.
Trinn 23
Legg et annet høydepunkt bruker samme teknikk.
Trinn 24
Tegn en sirkel bak de tidligere sirkler. Denne gangen ønsker vi at det skal være mørkere og også nærmere. Dette vil legge 3D illusjon på tidligere sirkler.
Her er formen uten sirklene som dekker det.
Trinn 25
Legg myk høydepunkt på kanten.
Trinn 26
Under kan du se forskjellen før og etter tilsetting siste form.
Step 27
Aktiver penselverktøyet med lav Opacity. Maling svart på angitte områder under for å legge subtile skygge ved siden forrige sirkel. Dette vil legge til en annen 3D illusjon på sirkelen former.
Trinn 28
Tegn mørk avrundet rektangel form med radius 5 px.
Trinn 29
Duplicate forme og deretter traff Kommando /Ctrl + T.
Trinn 30
bruk pennen og legge kurve på sin rett vinkel.
Under kan du se dens detaljer i større forstørrelse .
Og under kan du se resultatet i 100% forstørrelse.
Trinn 31
Legg slag linje langs plusstegnet området. Bruk samme teknikk som er beskrevet i trinn 16 for å legge høydepunkt. Bruk filter> Blur> Gaussian Blur.
Trinn 32
Reduser lag Opacity.
Trinn 33
Legg til flere høydepunkter ved å male manuelt ved hjelp av en px hvit børste.
Trinn 34
Legg til flere detaljer på overflaten, for eksempel ved å legge til refleksjon.
Trinn 35
Tegn 4 grå sirkel figurer til å være brukes som handlingsknapper. Påfør følgende Layer Styles.
Trinn 36
Legg høydepunkt på knappen ved å markere dem og legge til hvit strek på den. Vi bruker samme teknikk som er beskrevet i trinn 16.
Trinn 37
Gjør det mykere ved å bruke liten dose Gaussian Blur.
Trinn 38
Her er resultat før og etter tilsetting manuell høydepunkt. Som du kan se det er veldig subtil.
Trinn 39
Legg til myk, hvit strek på knappene kanten. Igjen har vi brukt denne teknikken i trinn 16.
Step 40
Tegn symbol figurer og plassere dem alle i en gruppe lag. I CS6, kan du dobbeltklikke gruppe for å legge Layer Styles inn i laget gruppen direkte. Hvis du bruker tidligere versjon, gjelder disse Layer Styles til hvert symbol lag.
Trinn 41
Igjen, legge til et slag linje på knappen kantene. Denne gangen bruk en px med hvit farge.
Trinn 42
Slett noen av hjerneslag ved hjelp av myke viskelær og gi oss sterkere høydepunkter.
Trinn 43
Kommando /Ctrl-klikk knappen og legge nytt lag. Plasser lag bak knappen og fyll den med svart.
Trinn 44
Bruk stor Gaussian Blur.
Trinn 45
Bruk Motion Blur.
Step 46
Reduser sitt lag Opacity.
Trinn 47
Tegn større sirkel form og sted bak knappene. Bruk svart for sin farge.
Dette blir hullet bak knappene. Som du kan se nedenfor, er forskjellen subtil, men legger realistisk utseende på knappene.
Trinn 48
Gjør nytt lag og Kommando /Ctrl-klikk figuren for å markere den. Påfør Stroke kommando og tilsett 1 px hvit strek på nytt lag.
Trinn 49
Slett noen av hjerneslag ved hjelp av myke Eraser penselverktøyet.
Trinn 50
< p> Tegn figurer for de retningene knappene. Bruk mørk farge, nesten svart. Du kan tegne disse form manuelt med penneverktøyet eller endre et avrundet rektangel form.
Trinn 51
Bruk følgende Layer Styles.
Trinn 52
Tegn lignende form, men denne gang mindre og har lysere farge. Dette vil være på knappene og den forrige er deres hull.
Trinn 53
Bruk følgende Layer Styles for å legge til 3D utseendet på knappene.
Trinn 54
< p> Gjør nytt lag og legge svart strek på knappen kanten.
Trinn 55
Bløt det ved å legge Gaussian Blur.
Trinn 56
Hit ned og Venstre pil tre ganger for å flytte lag 3 px til de retningene.
Trinn 57
Slett noen av hjerneslag linjen.
Trinn 58
Kommando /Ctrl-klikk på knappen lag å velge dem. Lag nytt lag og fylle den med svart. Legg støy ved hjelp filter Legg til støy.
Trinn 59
Endre lag Blend Mode til Screen og redusere Opacity.
Trinn 60
Legg hvit strek linjen på knappen kanten og slett noe av det.
Trinn 61
Tegn fire trekanter ved siden av hver knapp. Legg Layer Styles Skråkant og preg og redusere sin Fill til 0%.
Trinn 62
Kommando /Ctrl-klikk form, legge til nye lag, gjelder en px hvit strek på utvalget. Slett noen av hjerneslag for å slå den inn i høydepunkt.
Trinn 63
La oss legge skygge bak retningsknappene. Kommando /Ctrl-clck knappen for å gjøre valg basert på formen, må nytt lag, legg den bak på knappen, og myker det ved hjelp Gaussian Blur.
Trinn 64
Legg høydepunkt på knappene .
Trinn 65:.. venstre og høyre knapp
Tegn base for Venstre og Høyre
Trinn 66
Bruk Layer Styles
< h2> Trinn 67
Legg til 3D-effekt på formen ved å tegne sin bak. Bruk lysere farge.
Trinn 68
Gjør nytt lag og male myk høydepunkt.
Trinn 69
Gjør nytt lag og Kommando /Ctrl-klikk form . Fyll med sort og anvende Legg støyfilter.
Trinn 70
Legg et annet høydepunkt på formen. Bruk penselverktøyet til å male høydepunkter manuelt.
Step 71
Legg myk hvit kurve for høydepunkt.
Dette er veldig subtil, du kan ikke se det. Så, her er detaljene.
Trinn 72
Legg karakter L og R ved hjelp av tekstverktøyet.
Bruk følgende Layer Styles og redusere sin Fill til 0%.
Trinn 73
Begynn å tegne sin knapp og legge til følgende layer Styles.
Trinn 74
Legg til nytt lag og manuelt male noen høydepunkter.
nedenfor kan du se detaljer i større forstørrelse.
Trinn 75
manuelt, maling høydepunkt på overflaten.
Trinn 76
Tegn et rektangel form på nedre del av hovedkontrolleren. Påfør Gradient Overlay for å legge høydepunkt i sin nedre del.
Trinn 77
Legg til lagmaske og legge svart til hvitt lineær gradient å falme øvre.
Trinn 78
Legg til nytt lag og trekke myk svart linje på den øvre delen. Redusere lag Opacity.
Trinn 79
Legg rektangel form bak tidligere svart linje.
Trinn 80
Tegn to 1 px rektangel. Fargen skal være svart og hvitt. Prøv å eksperimentere med sine
Step 81
Tegn lite rektangel for sin LED-indikator
Trinn 82:. Joysticks
Tegn to avrundede rektangler og gjelder følgende layer Styles.
Trinn 83
Legg til lagmaske og visne noen av sine områder før de visne perfekt på kroppen.
Trinn 84
Legg til ny lag og konvertere den til klipping maske. Male noen høylys og skygger før formen perfekt visne bort på kontrolleren kroppen.
Trinn 85
Tegn joystick bakre base og deretter legge til følgende Layer Styles.
Trinn 86
male manuelt skygge og refleksjon på overflaten til det vises realistisk.
Trinn 87
Legg til mer skygge på håndtaket områder.
Trinn 88
La oss begynne å jobbe på joysticken hullet. Tegn to mørke sirkler og enda lysere sirkler inni dem. Legg til ny layer og konvertere den til klipping maske. Paint hvit legge høydepunkt på formen.
Trinn 89
Tegn to sirkler med mye lysere farge. Påfør følgende Layer Styles.
Trinn 90
Legg til støy ved å velge form, legge til nye lag, fyll den med svart, og påfør Legg støyfilter.
Trinn 91
Legg til nytt lag og konvertere den til klipping maske. Maling mer høydepunkt på formen. Prøv å fokusere på midten, siden vi ønsker at den skal vises tredimensjonalt.
Trinn 92
Tegn en 1 px svart rektangel form.
Trinn 93
< p> Velg banen og deretter traff Kommando /Ctrl + _ Alt + T for å kopiere og forvandle det. Fra Option Bar, setter sin rotasjon til 5-graders ..
Trinn 94
Hit Kommando /Ctrl + Faen + Alt + T for å gjenta dette trinnet. Hold gjør dette før vi har full sirkel.
Trinn 95
Dupliser laget form. Endre farge til hvit, og deretter flytte det ned en px å legge innfelt effekt. Lek litt med Opacity innstilling av hver linjer lag.
Trinn 96
Legg til lagmaske og deretter male svart på midten av linjene vi nettopp har gjort. Nå vises vår innfelt effekt bare på sin kant
Trinn 97:. Start, Select, og logo
Tegn knapper ved hjelp avrundet rektangel verktøyet. For Start-knappen (trekanten en), endre avrundet rektangel.
Trinn 98
Bruk følgende Layer Styles.
Vi har lyktes å lage knapphullet.
Step 99
La oss starte på de virkelige knapper. Tegn mindre form, men denne gangen større. Påfør følgende Layer Styles.
Trinn 100
Tegn en px hvit linje på knappen kanten til å legge høydepunkt.
Step 101
Gjenta det til sin hullet også.
Trinn 102
Tegn en sirkel form og legg følgende Layer Styles.
Trinn 103
manuelt, maling høydepunkt ved hjelp av en px myk børste verktøyet.
Trinn 104
Tegn mindre sirkel med lysere farge på innsiden forrige hullet.
Step 105
Bruk følgende lag stil å legge 3D utseende.
Step 106
Legg logo
Trinn 107
Legg annet høydepunkt bruker myk 1 px penselverktøyet
Trinn 108:.. Tekst
Legg til tekst på kontrolleren kroppen
Trinn 109:. Shadow
Legg til nytt lag og plasserer den bak kontrolleren. Tegn en elliptisk utvalg under kontrolleren og fylle den med svart.
Trinn 110
Bruk Gaussian Blur filteret.
Trinn 111
Reduser Opacity til 40%.
Trinn 112
Zoom nærmere håndtaket. Maling mørkere skygge akkurat der den berører gulvet
Trinn 113:. Å legge til flere høydepunkter
Gjør nytt lag og legg den over alle lag. Bruk en myk børste og male hvitt å legge til flere høydepunkter på kontrolleren.
Hvis du har problemer med å finne rett sted, here're steder hvor jeg legger høydepunkter. Det er ingen regel, jeg bare plassere ekstra høydepunkt i tilfeldige steder.
Final Bilde