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.
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