Tegn en Retro Gameboy fra grunnen av i Photoshop

Draw en Retro Gameboy fra grunnen av i Photoshop

Forsøk på å gjenskape virkelige gjenstander i Photoshop er flott praksis. I denne opplæringen vil vi forklare hvordan du oppretter en realistisk, retro Gameboy enhet ved hjelp av Photoshop kraftige funksjonene. La oss komme i gang!



Instruksjons Eiendeler

Følgende eiendeler ble brukt under produksjonen av denne opplæringen.

  • Grunge Tekstur Vol3 fra WeGraphics

    1943 Avis Stock fra ekoh lager

    Fingeravtrykk fra brokenarts

    Trinn 1

    Start med å lage en ny fil med størrelse 800 px &ganger; 800 px.

    Trinn 2

    Aktiver Avrundet rektangel verktøyet. I Option Bar satt Fyll farge til # b2bbb6 og Stroke til Ingen. Sett Radius til 10 px. Dra for å tegne et tall avrundet rektangel.

    Trinn 3

    Aktiver markøren. Velg punktet på høyre bunnen av formen.

    Trinn 4

    Skift-dra punktet opp for å flytte det oppover horisontalt. Trekke i håndtaket punkt ned. Gjenta samme trinn til tilstøtende punkt.

    Her er hva vi har.

    Trinn 5

    Dobbelklikk lag form i Lag-panelet. Påfør Indre skygge, Indre glød, og Gradient Overlay med følgende innstillinger.

    Her er hva vi har.

    Trinn 6

    Tegn noen rektangler på øvre del av Gameboy. Du kan bruke hvilken som helst farge her.

    Trinn 7

    Legg til lagmaske på laget form. Kommando /Ctrl-klikk Gameboy grunnform for å gjøre et nytt valg basert på formen.

    Dobbelklikk lag form og legge følgende Layer Styles.

    Reduser Fill lag til 0%. Her er vår resultatet så langt.

    Trinn 8

    Aktiver penneverktøyet og legge til noen kurver på kantene av formen. Se bildet under for mer informasjon.

    Trinn 9

    Kommando /Ctrl-klikk Gameboy grunnform og lage nytt lag på toppen. Klikk Rediger Stroke.

    Trinn 10

    Aktiver flytteverktøyet og trykke pil ned og venstre piltast 5 ganger for å flytte linje 5 px ned og venstre ..

    Trinn 11

    Bløt linjen ved å bruke Gaussian Blur (Filter > Blur > Gaussian Blur).

    Step 12

    Slett noen av linjen. Sørg for å slette linjen segmentering utenfor Gameboy.

    Trinn 13

    Gjenta forrige trinn for å legge til flere høydepunkter.

    Trinn 14

    Bruk penselverktøyet til trekke sterkere hvit høydepunkt på toppen til høyre på Gameboy.

    Trinn 15

    Legg små avrundede rektangler på Gameboy kroppen. Sette sitt modus til Subtraher

    Trinn 16

    Gjenta forrige trinn til den andre siden

    Og her er vår nåværende resultat

    Trinn 17:... Screen

    Tegn et avrundet rektangel med radius 10 px for sin skjerm.

    Trinn 18

    Dobbelklikk lag form. Påfør følgende Layer Styles.

    Her er resultatet.

    Trinn 19

    Hit Kommando /Ctrl + J for å duplisere skjermen. Flytt den bak den opprinnelige skjermen. Endre farge til # 515a59. Resize (Kommando /Ctrl + T) formen til 101%

    Trinn 20

    Bruk samme Layer Styles, men fjerne Bevel &.; Preg og erstatte den med en Drop Shadow.

    Her er vår nåværende resultatet.

    Trinn 21

    Gjør nytt lag over skjermen. Konvertere den til klipping Mask ved å trykke Kommando /Ctrl + Alt + G. Fyll den med lineær gradient fra hvitt til svart.

    Trinn 22

    Reduser sin Opacity til 20%.
    < h2> Step 23

    Grab fingeravtrykk Bilde fra sxc.hu.

    Trinn 24

    Fjern sin farge ved hjelp vegen Shift + Kommando /Ctrl + U for å bruke metning.

    Step 25

    Dra bildet på vår Gameboy fil. Endre modus for å formere seg. Hit Kommando /Ctrl + T og klikk-dra utenfor transformasjon grensen for å rotere det. Plasser den på skjermen.

    Trinn 26

    Legg til en annen fingeravtrykk på skjermen.

    Trinn 27

    Tegn noen subtile høydepunkter på øvre høyre hjørne av skjermen. Bruk liten myk børste.

    Trinn 28

    Tegn en grønn firkant for Gameboy hovedskjermen

    Dobbelklikk lag form. Og legge Layer stil Indre skygge.

    Trinn 29

    Legg til tekst inne i skjermen. I Option Bar bruke None for sin utjevnede metoden. Dette vil gi tekst Jaggy kanter som sett i hver enhet med informasjon begrenset oppløsning og litt farge.

    Trinn 30

    Tegn en rektangulær markering og fyll med lineær gradient fra hvitt til svart. Anmeldelser
    Trinn 31

    Vi vil ikke ha for mye farge inne graderingen. Klikk Filter > Pikseler > Mosaic.

    Trinn 32

    Endre Blend Mode til Multipliser og redusere Opacity.

    Trinn 33

    Legg til et annet element på skjermen.

    Trinn 34

    Aktiver Gradient verktøyet og klikk gradient forhåndsvisning på Option Bar. Velg Type: Støy. Klikk Randomize å generere farger.

    Trinn 35

    Plasser alle skjerminnhold lag på en gruppe lag. Legg til lagmaske på gruppen laget. Tegn gradient inne i masken

    Trinn 36

    Alt-klikk masken av bildene for det

    Trinn 37

    Klikk på bildet >..; Justeringer > Terskelen for å konvertere fargene inni masken til svart og hvitt.

    Trinn 38

    Noen av skjerminnholdet vil være skjult. Dette skaper effekt som om skjermen er delvis ødelagt.

    Trinn 39

    Prøv å eksperimentere med gradienten til du får interessant resultat.

    Her er masken jeg brukte. <

    Trinn 40

    Tegn en liten gul sirkel form på venstre side av skjermen.

    Legg følgende Layer Styles.

    Lyset er nå glødende. br>
    Step 41

    Tegn to horisontale linjer på toppen av skjermen. Legg Gameboy tittel. Husk å sette sitt utjevnede til Ingen.

    Trinn 42

    Vi vil også legge til en liten fargeforskyvning på midten av skjermen. Dette er vanlig problem i Gameboy skjermen. Velg midten av skjermen. Legg Adjustment Layer Hue /Saturation. Flytt Hue glidebryteren litt for å endre fargen.

    Trinn 43

    Tegn et avrundet rektangel med radius 50 px. Bruk svart for sin farge.

    Legg følgende Layer Styles.

    Trinn 44

    Reduser Fyll til 1%.

    Trinn 45
    < p> Hit Kommando /Ctrl + T og rotere figuren.

    Trinn 46

    Kommando /Ctrl-klikk på figuren for å gjøre nye valg basert på formen. Gjør nytt lag. Klikk Rediger > Hjerneslag. Velg hvit for sin farge.

    Trinn 47

    Bløt linjen ved å bruke Gaussian Blur.

    Trinn 48

    Aktiver viskelæret. Slette noen av linjesegmentet.

    Step 49

    La oss begynne å jobbe på knappen. Tegn en sirkel form med farge # 771d55.

    Trinn 50

    Legg følgende Layer Styles.

    Trinn 51

    Kommando /Ctrl-klikk på knappen. Gjør nytt lag. Klikk på Rediger> Strek.

    Trinn 52

    Slett noen av hjerneslag linje ved hjelp av viskelæret ..

    Trinn 53

    Tegn svart sirkel bak knappen . Flytt det en px opp og til høyre.

    Trinn 54

    Alt-dra buton å kopiere det.

    Tegn en stor sirkel fasong: legg karakter A og B under knappen

    Så langt, her er vår resultat

    Trinn 55... > Bruk disse Layer Styles.

    Trinn 56

    Reduser sin Opacity til 85% og Fyll til 0%.

    Trinn 57

    Tegn to overlappende avrundet rektangel form. Sørg for at både bane-modus er satt til Legg til Shape.

    Trinn 58

    Duplicate form ved å trykke Kommando /Ctrl + J. Endre størrelsen på formen til 99% og endre farge til mørkere grå.

    Bruk følgende Layer Styles.

    Trinn 59

    Kommando /Ctrl-klikk lag form. lage nytt lag. Klikk Rediger > Hjerneslag.

    Trinn 60

    Plasser slag linje bak formen, flytte den opp og til høyre en px. . Redusere Opacity til 20%

    Trinn 61

    Klikk på Velg > Reselect å bringe valget vi har gjort tidligere.

    Step 62

    Gjør nytt lag bak formen. Fyll utvalg med svart. Bruk flytteverktøyet til å flytte den ned og venstre 5 px.

    Trinn 63

    Bløt skyggen ved å bruke Gaussian Blur.

    Step 64

    Reduser opacity til 70%.

    Trinn 65

    Kommando /Ctrl-klikk form. Gjør nytt lag. Klikk Rediger > Hjerneslag.

    Trinn 66

    Bruk Gaussian Blur til hjerneslag linje.

    Trinn 67

    Slett noen av linjesegmentet.

    Step 68

    Gjenta forrige trinn, men denne gangen legge svart strek.

    Trinn 69

    Kommando /Ctrl-klikk retningsknappen. Male hvitt på øverst til høyre for å legge til belysning. Bruker veldig myk børste.

    Trinn 70

    Tegn noen avrundede rektangler og en sirkel inne knappen.

    Trinn 71

    Legg disse Layer Styles.

    Step 72

    Endre sin Fill til 0%.

    Trinn 73

    Tegn en mindre sirkel form i midten av knappen. Fyll den med svart

    Bruk følgende Layer Styles

    Dette er resultatet i 100% forstørrelse

    Trinn 74:... Start og velg Knapper

    Tegn en liten avrundet rektangel med radius 3 px og farge grå.

    Legg disse Layer Styles.

    Trinn 75

    trekke større avrundet rektangel form bak knappen.

    Bruk disse Layer Styles.

    Trinn 76

    Reduser Fyll til 1%.

    Under kan du se forskjellen før og etter tilsetting av formen bak knappen .

    Trinn 77

    Gjør nytt lag og male subtil høydepunkt inne i formen. Også male svart for knappen skyggen.

    Trinn 78

    Legg merke start under knappen.

    Trinn 79

    Sett knappen, bakgrunn, og etiketten inn i en egen gruppe laget ved å velge dem og klikk Kommando /Ctrl + G. Hit Kommando /Ctrl + T og roter det. Sørg for at den har samme vinkel som A- og B-knappen.

    Trinn 80

    Alt-dra på knappen for å kopiere det. Gi nytt navn til den nye som Select

    Trinn 81:. Reflection

    Gjør nytt lag og sette den på toppen av Gameboy. Fyll den med lineær gradient fra hvitt til svart

    Trinn 82

    Endre sin blanding modus til skjerm og sette Opacity til 10%

    Trinn 83:. Speaker

    Tegn seks liten avrundet rektangel med lysere grå farge.

    Legg følgende Layer Styles å legge preget effekt.

    Trinn 84

    Tegn 5 kortere avrundede rektangler, denne gangen fylle den med mørkere farge. Sørg for at de litt røre de tidligere former.

    Trinn 85

    Hit Kommando /Ctrl + Alt + G for å konvertere dem til et Clipping Mask. Formene går nå inne tidligere figurer ..

    Trinn 86

    Velg og rotere dem. Plass på nedre høyre hjørne av Gameboy

    Trinn 87: Shadow

    Gjør nytt lag og gikk ut alle lag. Kommando /Ctrl-klikk Gameboy grunnform. Klikk på Rediger> Fyll og fylle markeringen med svart.

    Trinn 88

    Bruk flytteverktøyet til å flytte skyggen 10 px ned og til venstre.

    Trinn 89
    < p> Bløt skyggen ved å bruke Gaussian Blur

    Trinn 90

    Reduser sin Opacity å gjøre det mykere

    Trinn 91:.. Bakgrunn

    Vi har gjort tegning Gameboy. Men, jeg ønsker å gjøre det virkelig gamle. Begynn med å legge en gammel avis bak det.

    Trinn 92

    Bruk Hue /Saturation justeringslag og bruke tilgjengelige glidere til å endre sin farge ..

    Trinn 93 Anmeldelser

    Legg skitt tekstur, eller bruke skitne pensel for å gjøre avisen skitne

    Trinn 94:. Legg Defekt

    Kommando /Ctrl-klikk Gameboy grunnform. Gjør ny gruppe laget og legge maske. Fra nå av skal vi legge skitt, teksturer, og sprekker inne i denne gruppen laget. Everythingwe sted her vil alltid går inne i Gameboy.

    Trinn 95

    Aktiver penselverktøyet. Bruk en myk børste med størrelse 1 px. Gjør nytt lag og deretter trekke en enkel svart rabbel. Duplisere rabbel (Kommando /Ctrl + J), konvertere sin farge (Kommando /Ctrl + I), og flytte det en px opp og høyre. Redusere Opacity av svart rabbel. Dette vil være en subtil ripe på Gameboy kroppen.

    Trinn 96

    Place rust tekstur inni Gameboy. Vi ønsker ikke å legge for mye tekstur på knappen, så sletter tekstur i det området.

    Trinn 97

    Endre sin blanding modus for å overlappe og redusere Opacity.
    < h2> Trinn 98

    Legg til en annen tekstur. Legg lagmaske, maling gradient skjema hvitt til svart til konsistensen blekner bort. Endre modus til Color Dodge og redusere Opacity.

    Trinn 99

    Tegn subtil høydepunkt på skjermen ved hjelp av en myk børste.

    Step 100

    Jeg håper du er fremdeles med meg i denne 100-trinnet. Gjør nytt lag og male en svart sprekk på Gameboy bruker en px myk børste.

    Step 101

    Duplicate sprekken (Kommando /Ctrl + J). Invertere sin farge til hvit ved å trykke Kommando /Ctrl + I og flytte det en px til venstre. Redusere Opacity av den svarte sprekk.

    Final Bildeanmeldelser