Hvordan Tegn en PlayStation

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!

  • Free Skin Texture fra DesignInstruct

    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