Share
Forsøk på å kopiere virkelige objekter i Photoshop er god praksis. I denne opplæringen vil vi forklare hvordan du lager en realistisk, retro Gameboy-enhet ved hjelp av Photoshops kraftige funksjonssett. La oss komme i gang!
Følgende eiendeler ble brukt under produksjonen av denne opplæringen.
Start med å lage en ny fil med størrelse 800 px × 800 px.
Aktiver avrundet rektangulært verktøy. I Alternativ Bar-settet Fyll farge til # b2bbb6 og Stroke to None. Sett radius til 10 px. Dra for å tegne et høyt avrundet rektangel.
Aktiver direkte valgverktøy. Velg punkt på høyre bunn av formen.
Shift-dra punktet opp for å flytte det oppover horisontalt. Tegn håndtaket pek ned. Gjenta samme trinn til det tilstøtende punktet.
Her er hva vi har.
Dobbeltslag lagform i Lagpanel. Bruk Inner Skygge, Innvendig Glød, og Gradient Overlay med følgende innstillinger.
Her er hva vi har.
Tegn noen rektangler på øverste del av Gameboy. Du kan bruke hvilken som helst farge her.
Legg lagmaske på lagformen. Kommando / Ctrl-klikk Gameboy grunnleggende form for å lage et nytt utvalg basert på sin form.
Dobbelklikk lag form og legg til følgende Lag stiler.
Reduser Fyll laget til 0%. Her er vårt resultat så langt.
Aktiver pennverktøyet og legg til noen kurver på kantene på formen. Se bildet nedenfor for flere detaljer.
Kommando / Ctrl-klikk Gameboy grunnleggende form og lag nytt lag på toppen. Klikk på Rediger Stroke.
Aktiver Flytt verktøy og trykk Ned pil og Venstre pil 5 ganger for å flytte linjen 5 px ned og venstre ...
Mindre linjen ved å bruke Gaussian Blur (Filter> Blur> Gaussian Blur).
Slett noe av linjen. Pass på å slette linje segmen utenfor Gameboy.
Gjenta forrige trinn for å legge til flere høydepunkter.
Bruk Brush-verktøyet til å tegne sterkere hvit høyde i øverste høyre hjørne av Gameboy.
Legg til små avrundede rektangler på Gameboy kroppen. Still inn modusen for å trekke fra.
Gjenta forrige trinn til den andre siden.
Og her er vårt nåværende resultat.
Tegn et avrundet rektangel med radius 10 px for skjermen.
Dobbeltslags lagform. Bruk følgende lagstilter.
Her er resultatet.
Hit Command / Ctrl + J for å duplisere skjermen. Flytt den bak den opprinnelige skjermen. Endre fargen til # 515a59. Endre størrelse (Command / Ctrl + T) formen til 101%.
Bruk samme lagformat, men fjern Bevel & Emboss og erstatt det med en Drop Shadow.
Her er vårt nåværende resultat.
Lag nytt lag over skjermen. Konverter det til Clipping Mask ved å trykke Command / Ctrl + Alt + G. Fyll det med lineær gradient fra hvitt til svart.
Reduser oppaktheten til 20%.
Ta fingeravtrykk fra sxc.hu.
Fjern farge ved hjelp av snarvei Shift + Command / Ctrl + U for å bruke Desaturate.
Dra bildet på vår Gameboy-fil. Endre modusen til Multiply. Hit Command / Ctrl + T og klikk-dra utenfor transformasjonsgrensen for å rotere den. Plasser den på skjermen.
Legg til et nytt fingeravtrykk på skjermen.
Tegn noen subtile høydepunkter øverst til høyre på skjermen. Bruk liten, myk børste.
Tegn et grønt rektangel for Gameboy hovedskjerm.
Dobbelklikk lagform og legg til Layer Style Inner Shadow.
Legg til tekst på skjermen. I alternativlinjen bruker du None for sin antialiased metode. Dette vil gi tekstig kantete kanter som vist i alle enheter med begrenset oppløsning og bitfargeinformasjon.
Tegn et rektangulært utvalg og fyll med lineær gradient fra hvitt til svart.
Vi ønsker ikke for mye farge inne i gradienten. Klikk på Filter> Pixelate> Mosaic.
Bytt blandingstilstand til Multiply og reduser dens Opacity.
Legg til et annet element på skjermen.
Aktiver Gradientverktøy og klikk på gradient forhåndsvisning på Alternativ Bar. Velg Type: Støy. Klikk Tilfeldig for å generere farger.
Legg alt skjerminnholdslag på et gruppelag. Legg lagmask på gruppelaget. Tegn gradient inne i masken.
Alt-klikk på maske miniatyrbildet for å se det.
Klikk på Bilde> Justeringer> Terskel for å konvertere fargen inne i masken til svart og hvitt.
Noen av skjerminnholdet vil bli skjult. Dette skaper effekt som om skjermen er delvis ødelagt.
Prøv å eksperimentere med gradienten til du får interessant resultat.
Her er masken jeg brukte.
Tegn en liten, gul sirkelform på venstre side av skjermen.
Legg til følgende lagstiler.
Lyset lyser nå.
Tegn to horisontale linjer øverst på skjermen. Legg til Gameboy tittel. Husk å sette Antialiased til None.
Vi vil også legge til et lite fargeskift på midten av skjermen. Dette er vanlig problem i Gameboy skjermen. Velg senter på skjermen. Legg til justeringslagsfargetone / metning. Flytt Hue-skyveknappen litt for å endre fargen.
Tegn et avrundet rektangel med radius 50 px. Bruk svart for fargen.
Legg til følgende lagstiler.
Reduser fyllingen til 1%.
Hit kommando / Ctrl + T og roter formen.
Kommando / Ctrl-klikk på formen for å lage nytt valg basert på formen. Lag nytt lag. Klikk på Rediger> Stroke. Velg hvit for fargen.
Bløtgjøre linjen ved å bruke Gaussian Blur.
Aktiver Eraser-verktøyet. Slett noe av linjesegmentet.
La oss begynne å jobbe på knappen. Tegn en sirkelform med farge # 771d55.
Legg til følgende lagstiler.
Kommando / Ctrl-klikk på knappen. Lag nytt lag. Klikk på Rediger> Stroke.
Slett noen av strekklinjen ved hjelp av Eraser-verktøyet ...
Tegn svart sirkel bak knappen. Flytt den 1 px opp og til høyre.
Alt-dra buton for å duplisere det. Legg til tegn A og B under knappen.
Så langt, her er vårt resultat.
Tegn en stor sirkelform.
Påfør disse lagstilene.
Reduser oppaktheten til 85% og fyll til 0%.
Tegn to overlappende avrundede rektangelform. Pass på at begge banen er satt til Add to Shape.
Dupliser form ved å trykke på Command / Ctrl + J. Endre størrelsen til 99% og endre fargen til mørkere grå.
Bruk følgende lagstilter.
Kommando / Ctrl-klikk lagform. lag nytt lag Klikk på Rediger> Stroke.
Legg strekklinjen bak formen, flytt den opp og høyre 1 px. Reduser oppaktheten til 20%.
Klikk Velg> Velg for å få det valget vi har gjort tidligere.
Lag nytt lag bak formen. Fyll valg med svart. Bruk Move-verktøyet til å flytte det ned og gå 5 px.
Sug skyggen ved å bruke Gaussian Blur.
Reduser oppaktheten til 70%.
Kommando / Ctrl-klikk form. Lag nytt lag. Klikk på Rediger> Stroke.
Påfør Gaussian Blur til strekklinjen.
Slett noe av linjesegmentet.
Gjenta forrige trinn, men denne gangen legger du til svart slag.
Kommando / Ctrl-klikk retningsknapp. Mal hvit oppe til høyre for å legge til belysning. Bruk veldig myk børste.
Tegn noen avrundede rektangler og en sirkel inne i knappen.
Legg til disse lagstilene.
Endre fyllingen til 0%.
Tegn en mindre sirkelform i midten av knappen. Fyll den med svart.
Bruk følgende lagstilter.
Dette er resultatet i 100% forstørrelse.
Tegn et lite avrundet rektangel med radius 3 px og farge grå.
Legg til disse lagstilene.
Tegn større, avrundet rektangelform bak knappen.
Påfør disse lagstilene.
Reduser fyllingen til 1%.
Nedenfor kan du se forskjellen før og etter å legge til formen bak knappen.
Lag nytt lag og lakk subtilt høydepunkt inne i formen. Også, malt svart for knappeskyggen.
Legg til etikett Start under knappen.
Sett knapp, bakgrunn og etikett inn i et eget gruppelag ved å velge dem og klikk på Command / Ctrl + G. Hit Command / Ctrl + T og roter det deretter. Pass på at den har samme vinkel som A og B-knappen.
Alt-dra knappen for å duplisere den. Gi nytt navn til den nye som Velg.
Lag nytt lag og legg det på toppen av Gameboy. Fyll den med lineær gradient fra hvitt til svart.
Endre blandingstilstanden til skjermbildet og still inn opaciteten til 10%
Tegn 6 lite avrundet rektangel med lysere grå farge.
Legg til følgende lagstiler for å legge til preget effekt.
Tegn 5 kortere avrundede rektangler, denne gangen fylles den med mørkere farge. Pass på at de litt berører de forrige figurene.
Hit Command / Ctrl + Alt + G for å konvertere dem til en Clipping Mask. Formen går nå inne i forrige figurer ...
Velg og roter dem. Plasser på høyre hjørne av Gameboy
Lag nytt lag og legg det bak alle lagene. Kommando / Ctrl-klikk Gameboy grunnleggende form. Klikk på Rediger> Fyll ut og fyll ut valget med svart.
Bruk Move-verktøyet til å flytte skyggen 10 px ned og til venstre.
Sug skyggen ved å bruke Gaussian Blur.
Reduser oppaktheten for å gjøre det mykere.
Vi har gjort å tegne Gameboy. Men jeg vil gjøre det veldig gammelt. Begynn med å legge en gammel avis bak den.
Bruk Hue / Saturation justeringslag og bruk ledige skyveknapper for å endre fargen ...
Legg til smuss tekstur, eller bruk skitten børste for å gjøre avisen skitten.
Kommando / Ctrl-klikk Gameboy grunnleggende form. Lag nytt gruppelag og legg til maske. Fra nå av skal vi legge til smuss, teksturer og sprekker i dette gruppelaget. Everythingwe sted her vil alltid gå inn i Gameboy.
Aktiver penselverktøyet. Bruk myk børste med størrelse 1 px. Lag nytt lag og trekk deretter en enkel, svart scribble. Kopier krybben (Command / Ctrl + J), konverter farge (Command / Ctrl + I), og flytt den 1 px opp og til høyre. Redusere Opacity of Black Scribble. Dette vil være en subtil scratch på Gameboy kroppen.
Plasser rusttekstur i Gameboy. Vi vil ikke legge til for mye konsistens på knappen, så slett tekstur i det området.
Bytt blandingstilstand til Overlay og reduser Opacity.
Legg til en annen tekstur. Legg til lagmaske, malingsgradientformet hvitt til svart til teksturen fades bort. Endre modusen til Color Dodge og reduser dens Opacity.
Tegn subtil høydepunkt på skjermen med myk børste.
Jeg håper du fortsatt er med meg i dette 100. trinnet. Lag nytt lag og mal en svart sprekk på Gameboy med 1 px myk børste.
Dupliser springen (Command / Ctrl + J). Inverter fargen til hvit ved å trykke på Command / Ctrl + I og flytte den 1 px til venstre. Reduser Opacity av den svarte sprekk.
Accentsconagua