Share
Pogingen om objecten uit het echte leven in Photoshop te repliceren is een geweldige oefening. In deze tutorial leggen we uit hoe je een realistisch, retro Gameboy-apparaat kunt maken met de krachtige functies van Photoshop. Laten we beginnen!
De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.
Begin met het maken van een nieuw bestand met een grootte van 800 x 800 px.
Activeer het gereedschap Afgeronde rechthoek. Stel in de optiebalk Kleur in op # b2bbb6 en Lijn op geen. Stel de straal in op 10 px. Sleep om een grote afgeronde rechthoek te tekenen.
Activeer gereedschap Direct selecteren. Selecteer punt rechts onder de vorm.
Houd Shift ingedrukt en sleep het punt omhoog om het horizontaal omhoog te verplaatsen. Trek het handvat naar beneden. Herhaal dezelfde stap naar het aangrenzende punt.
Dit is wat we hebben.
Vorm dubbelklikken in het deelvenster Lagen. Pas Inner Shadow, Inner Glow en Gradient Overlay toe met de volgende instellingen.
Dit is wat we hebben.
Teken een aantal rechthoeken op het bovenste deel van de Gameboy. U kunt hier elke kleur gebruiken.
Voeg een laagmasker toe aan de laagvorm. Command / Ctrl-klik op Gameboy-basisvorm om een nieuwe selectie te maken op basis van zijn vorm.
Dubbelklik laagvorm en voeg de volgende laagstijlen toe.
Verklein de vullaag tot 0%. Dit is ons resultaat tot nu toe.
Activeer het gereedschap Pen en voeg enkele krommen toe aan de randen van de vorm. Zie afbeelding hieronder voor meer details.
Command / Ctrl-klik op de basisvorm van Gameboy en maak er een nieuwe laag bovenop. Klik op Lijn bewerken.
Activeer gereedschap Verplaatsen en druk 5 keer op Pijl-omlaag en Pijl-links om lijn 5 px naar beneden en naar links ... te verplaatsen
Maak de lijn zachter door Gaussian Blur toe te passen (Filter> Blur> Gaussian Blur).
Wis een deel van de regel. Zorg ervoor dat u lijnsegmen buiten de Gameboy verwijdert.
Herhaal de vorige stap om meer hoogtepunten toe te voegen.
Gebruik het penseel om een sterkere witte markering te tekenen in de rechterbovenhoek van de Gameboy.
Voeg kleine afgeronde rechthoeken toe aan het Gameboy-lichaam. Stel de modus in op Aftrekken.
Herhaal de vorige stap naar de andere kant.
En hier is ons huidig resultaat.
Teken een afgeronde rechthoek met een straal van 10 px voor het scherm.
Vorm dubbelklikken. Pas de volgende laagstijlen toe.
Dit is het resultaat.
Druk op Command / Ctrl + J om het scherm te dupliceren. Verplaats het achter het originele scherm. Verander de kleur in # 515a59. Formaat wijzigen (Command / Ctrl + T) de vorm naar 101%.
Gebruik dezelfde laagstijlen, maar verwijder schuine rand en reliëf en vervang deze door een slagschaduw.
Dit is ons huidige resultaat.
Maak een nieuwe laag boven het scherm. Converteer het naar het uitknipmasker door op Command / Ctrl + Alt + G te drukken. Vul het met een lineair verloop van wit naar zwart.
Zet de dekking terug naar 20%.
Pak vingerafdrukafbeelding van sxc.hu.
Verwijder de kleur met de sneltoets Shift + Command / Ctrl + U om Desaturate toe te passen.
Sleep de afbeelding naar ons Gameboy-bestand. Verander zijn modus in Vermenigvuldigen. Druk op Command / Ctrl + T en klik en sleep buiten de transformatiegrens om het te roteren. Plaats het op het scherm.
Voeg nog een vingerafdruk toe op het scherm.
Teken een paar subtiele markeringen in de rechterbovenhoek van het scherm. Gebruik een kleine zachte borstel.
Teken een groene rechthoek voor het hoofdscherm van Gameboy.
Vorm dubbelklikken en voeg Layer Style Inner Shadow toe.
Voeg tekst toe in het scherm. Gebruik None op de optiebalk voor de antialiased-methode. Dit geeft tekst scherpe randen zoals te zien in elk apparaat met informatie over beperkte resolutie en bitkleuren.
Teken een rechthoekige selectie en vul met een lineair verloop van wit naar zwart.
We willen niet teveel kleur binnen het verloop. Klik op Filter> Pixelvorm> Mozaïek.
Wijzig mengmodus in Vermenigvuldigen en verminder de dekking.
Voeg een ander element toe aan het scherm.
Activeer het gereedschap Verloop en klik op verloopvoorbeeld op de optiebalk. Selecteer type: ruis. Klik op Willekeurig om kleuren te genereren.
Plaats alle scherminhoudlagen op een groepslaag. Voeg laagmasker toe aan de groepslaag. Teken een helling in het masker.
Houd Alt ingedrukt en klik op de maskerminiatuur om deze te bekijken.
Klik op Afbeelding> Aanpassingen> Drempel om de kleur binnen het masker om te zetten in zwart-wit.
Een deel van de scherminhoud zal worden verborgen. Dit creëert een effect alsof het scherm gedeeltelijk is verbroken.
Probeer te experimenteren met het verloop tot je een interessant resultaat krijgt.
Dit is het masker dat ik heb gebruikt.
Teken aan de linkerkant van het scherm een kleine gele cirkelvorm.
Voeg de volgende laagstijlen toe.
Het licht gloeit nu.
Trek twee horizontale lijnen bovenop het scherm. Gameboy-titel toevoegen. Vergeet niet om de Anti-aliasing in te stellen op Geen.
We willen ook een lichte kleurverschuiving toevoegen in het midden van het scherm. Dit is een veel voorkomend probleem in het Gameboy-scherm. Selecteer midden van het scherm. Aanpassingslaag tint / verzadiging toevoegen. Verplaats de hue-schuifregelaar een beetje om de kleur te wijzigen.
Teken een afgeronde rechthoek met een straal van 50 px. Gebruik zwart voor zijn kleur.
Voeg de volgende laagstijlen toe.
Verminder de vulling tot 1%.
Raak Command / Ctrl + T en roteer de vorm.
Command / Ctrl-klik op de vorm om een nieuwe selectie te maken op basis van zijn vorm. Maak een nieuwe laag. Klik op Bewerken> Lijn. Selecteer wit voor zijn kleur.
Maak de lijn zachter door Gaussian Blur toe te passen.
Activeer het gereedschap Gummetje. Wis een deel van het lijnsegment.
Laten we beginnen met werken aan de knop. Teken een cirkelvorm met kleur # 771d55.
Voeg de volgende laagstijlen toe.
Command / Ctrl-klik op de knop. Maak een nieuwe laag. Klik op Bewerken> Lijn.
Wis een deel van de lijn met het gereedschap Gum ...
Trek een zwarte cirkel achter de knop. Verplaats hem 1 px naar boven en naar rechts.
Sleep met de Alt-toets om het te dupliceren. Voeg teken A en B toe onder de knop.
Tot nu toe is dit ons resultaat.
Teken een grote cirkelvorm.
Pas deze laagstijlen toe.
Zet de dekking terug tot 85% en vul tot 0%.
Teken twee overlappende afgeronde rechthoekige vormen. Zorg ervoor dat beide pad-modus is ingesteld op Toevoegen aan vorm.
Vorm dupliceren door op Command / Ctrl + J te drukken. Verklein de vorm naar 99% en verander de vorm in donkerder grijs.
Pas de volgende laagstijlen toe.
Command / Ctrl-klik laagvorm. nieuwe laag maken. Klik op Bewerken> Lijn.
Plaats de lijn achter de vorm, verplaats deze naar boven en naar rechts met 1 px. Zet de dekking terug naar 20%.
Klik op Selecteren> Opnieuw selecteren om de selectie te openen die we eerder hebben gemaakt.
Maak een nieuwe laag achter de vorm. Vul selectie met zwart. Gebruik het gereedschap Verplaatsen om het naar beneden te verplaatsen en 5 px links te laten.
Maak de schaduw zachter door Gaussian Blur toe te passen.
Verminder de dekking tot 70%.
Command / Ctrl-klik vorm. Maak een nieuwe laag. Klik op Bewerken> Lijn.
Gaussiaans vervagen toepassen op de lijn van de streek.
Wis een deel van het lijnsegment.
Herhaal de vorige stap, maar voeg deze keer een zwarte lijn toe.
Command / Ctrl-klik op de richtingknop. Verf wit rechtsboven om verlichting toe te voegen. Gebruik een zeer zachte borstel.
Teken een aantal afgeronde rechthoeken en een cirkel binnen de knop.
Voeg deze laagstijlen toe.
Verander zijn Vulling naar 0%.
Teken een kleinere cirkelvorm in het midden van de knop. Vul het met zwart.
Pas de volgende laagstijlen toe.
Dit is het resultaat in een vergroting van 100%.
Teken een kleine afgeronde rechthoek met een straal van 3 px en kleur grijs.
Voeg deze laagstijlen toe.
Teken een grotere, afgeronde rechthoek achter de knop.
Pas deze laagstijlen toe.
Verminder de vulling tot 1%.
Hieronder ziet u het verschil voor en na het toevoegen van de vorm achter de knop.
Maak een nieuwe laag en verf subtiele accenten in de vorm. Verf ook zwart voor de knopschaduw.
Label toevoegen Start onder de knop.
Zet knop, achtergrond en het label in een aparte groep laag door ze te selecteren en klik op Command / Ctrl + G. Raak Command / Ctrl + T en draai het dan. Zorg ervoor dat het dezelfde hoek heeft als de A- en B-knop.
Houd Alt ingedrukt en sleep de knop om het te dupliceren. Hernoem de nieuwe als Select.
Maak een nieuwe laag en leg deze bovenop de Gameboy. Vul het met een lineair verloop van wit naar zwart.
Wijzig de overvloeimodus in Scherm en stel de dekking in op 10%
Teken 6 kleine afgeronde rechthoek met lichtere grijze kleur.
Voeg de volgende laagstijlen toe om een reliëfeffect toe te voegen.
Teken 5 kortere afgeronde rechthoeken, vul deze keer met een donkerdere kleur. Zorg ervoor dat ze de vorige vormen enigszins raken.
Druk op Command / Ctrl + Alt + G om ze in een uitknipmasker om te zetten. De vormen gaan nu naar de vorige vormen ...
Selecteer en draai ze. Plaats op de rechter benedenhoek van de Gameboy
Maak een nieuwe laag en leg deze achter alle lagen. Command / Ctrl-klik op Gameboy-basisvorm. Klik op Bewerken> Invullen en vul de selectie met zwart.
Gebruik het gereedschap Verplaatsen om de schaduw 10 px naar beneden en naar links te verplaatsen.
Maak de schaduw zachter door Gaussian Blur toe te passen.
Verklein de dekking om het zachter te maken.
We hebben de Gameboy getekend. Maar ik wil het echt oud maken. Begin met het toevoegen van een oude krant erachter.
Pas kleurschakering / verzadigingsaanpassingslaag toe en gebruik beschikbare schuifregelaars om de kleur ervan te wijzigen ...
Voeg een vuiltextuur toe of gebruik een vuile borstel om de krant vies te maken.
Command / Ctrl-klik op Gameboy-basisvorm. Maak een nieuwe groepslaag en voeg een masker toe. Vanaf nu gaan we vuil, texturen en scheuren toevoegen binnen deze groepslaag. Alles wat hier wordt geplaatst, gaat altijd naar de Gameboy.
Gereedschap Penseel activeren. Gebruik een zachte borstel met afmeting 1 px. Maak een nieuwe laag en teken een eenvoudig zwart krabbel. Dupliceer de krabbel (Command / Ctrl + J), converteer de kleur (Command / Ctrl + I) en verplaats deze 1 px naar boven en naar rechts. De dekking van zwarte krabbels verminderen. Dit zal een subtiele kras zijn op het lichaam van de Gameboy.
Plaats roesttextuur in de Gameboy. We willen niet te veel textuur toevoegen aan de knop, dus verwijder de textuur in dat gebied.
Wijzig de overvloeimodus in Overlay en verminder de dekking.
Voeg een nieuwe textuur toe. Voeg een laagmasker toe, kleur de verloopkleur wit tot zwart totdat de textuur vervaagt. Wijzig de modus in Color Dodge en verminder de dekking.
Teken een subtiele markering op het scherm met een zachte borstel.
Ik hoop dat je nog steeds bij me bent in deze 100e stap. Maak een nieuwe laag en schilder een zwarte scheur op de Gameboy met een zachte borstel van 1 px.
Dupliceer de crack (Command / Ctrl + J). Keer de kleur om naar wit door op Command / Ctrl + I te drukken en deze 1 px naar links te verplaatsen. Verminder de dekking van de zwarte spleet.
Accentsconagua