Teken een LCD-televisie in Photoshop

In de tutorial van vandaag zullen we een nieuwe lcd-tv maken met eenvoudige vormen en laagstijlen. We zullen ook leren hoe je een naadloos patroon kunt creëren om de luidsprekers te maken en ook hoe je een aantal mooie indicatorlampjes kunt maken. Laten we beginnen!


Stap 1: Maak het scherm

Begin met het maken van een nieuw bestand, grootte 2600x1700 px. In Photoshop is het gemakkelijker om met een groot formaat te beginnen, zodat we ons op de details kunnen concentreren. Gebruik een afgeronde rechthoek met een straal van 5 px om een ​​vorm te maken en de volgende laagstijlen te gebruiken.


Stap 2

Maak een kleinere afgeronde rechthoek in de vorige vorm om het scherm te maken. Voeg de volgende laagstijlen toe.


Stap 3

Gebruik het gereedschap met de afgeronde rechthoek om een ​​andere vorm achter het scherm te maken. Klik met de pen om nieuwe ankerpunten toe te voegen zoals hieronder aangegeven. Selecteer een nieuw punt met het gereedschap Direct selecteren en verplaats het naar beneden. Voeg laagstijlen toe zoals hieronder getoond.


Stap 4: Teken de basis

Maak een nieuwe afgeronde rechthoek. Dit keer onder de tv. Voeg een punt toe in het midden van de onderkant en verplaats het naar beneden. Selecteer punten in de bovenhoek, druk op Cmd / Ctrl + T en verplaats ze dichterbij. Verplaats tot slot de punten zoals hieronder aangegeven. Laagstijlen toevoegen.


Stap 5

Teken een afgeronde rechthoek die de basis en het scherm met elkaar verbindt. Druk op Cmd / Ctrl + T, klik met de rechtermuisknop en kies Perspectief. Verander de grootte, zie de afbeelding hieronder voor referentie. Dubbelklik-laag om de Layer Style-opties te openen. Activeer laagmasker Verberg effecten en voeg de volgende laagstijlen toe.


Stap 6

Breng een laag masker aan. Verf het onderste deel van de vorm met zwart totdat het overgaat in de basis.


Stap 7: Maak reflecties

Nu kunnen we beginnen met het maken van reflecties. Maak een vorm zoals hieronder wordt getoond. Voeg de volgende laagstijlen toe. Gebruik een zwart-wit verloop met overvloeimodus ingesteld op Scherm. Verander de overvloeimodus van de laag naar Scherm om het zwart te verwijderen en laat alleen de lichtere pixels achter.


Stap 8

Teken een andere vorm zoals hieronder wordt getoond. Gradiëntoverlay toevoegen met overvloeimodus ingesteld op Scherm. Verander de overvloeimodus van de laag naar Scherm.


Stap 9

Maak een andere vorm voor reflectie. Voeg de volgende laagstijlen toe.


Stap 10

Herhaal de vorige stap om nog een reflectie aan de andere kant te creëren. Voeg de volgende laagstijlen toe, maar gebruik deze keer de tegenovergestelde richting voor de hoek.


Stap 11

Maak een vorm zoals hieronder wordt getoond. Voeg de volgende laagstijlen toe. Wijzig de overvloeimodus in Scherm.


Stap 12

Dupliceer de reflectie en plaats deze aan de andere kant.


Stap 13

Maak een vorm onder de basis. Dit is het deel dat de vloer raakt. Voeg de volgende laagstijlen toe.


Stap 14: Schaduw toevoegen

Laten we een schaduw op de vloer toevoegen. Maak een nieuwe laag onder de tv, maak een rechthoekige selectie. Voeg Gaussiaans vervagen toe om het te verzachten en de dekking te wijzigen in 5%.


Stap 15: Textuur toevoegen

Deze tv is te schoon en ziet er niet realistisch uit. We moeten wat texturen toevoegen. Houd Cmd / Ctrl + Shift ingedrukt en klik vervolgens op de basis- en tv-laag om een ​​selectie te maken op basis van de vorm. Maak een nieuwe laag bovenop alle andere lagen en vul deze met zwart. Klik op Filter> Ruis> Ruis toevoegen. Verander de overvloeimodus van de laag naar het scherm.


Stap 16: Luidsprekers toevoegen

Om luidsprekers te maken, moeten we eerst het patroon maken. Maak een nieuw bestand 50 x 50 px. Activeer het ellipsgereedschap. Van de optiebalk ingesteld op Vaste grootte 20 x 20 px. Met deze instelling wordt automatisch een cirkelvorm van 20 x 20 px gemaakt.


Stap 17

Druk op Cmd / Ctrl + R om de liniaal te activeren. Sleep de liniaal naar het midden van de afbeelding om een ​​verticale en horizontale hulplijn in het midden te maken. Teken een cirkel in het midden.


Stap 18

Teken nog een cirkel en plaats deze in het midden van elke hoek.


Stap 19

Klik op Bewerken> Patroon definiëren om het als een patroon op te slaan.


Stap 20

Maak een nieuw bestand, grootte 3000 x 3000 px. Open het deelvenster Kanalen en maak een nieuw kanaal.


Stap 21

Klik op Bewerken> Opvullen. Gebruik het patroon dat we eerder hebben gemaakt.


Stap 22

Cmd / Ctrl-klik kanaal om het als een selectie te laden. Maak een nieuwe laag, vul deze met zwart. Alles selecteren en kopiëren (Cmd / Ctrl + C).


Stap 23

Keer terug naar je tv-bestand. Maak een rechthoekige selectie aan de rechterkant van het scherm.


Stap 24

Klik op Bewerken> Plakken in. Het patroon wordt automatisch in de selectie geplaatst. Druk op Cmd / Ctrl + T en wijzig het formaat. Voeg de volgende laagstijlen toe.


Stap 25

Maak een afgeronde rechthoek die de luidspreker bedekt. Verander de vulling naar 0% en voeg deze laagstijlen toe.


Stap 26

Dupliceer de luidspreker en plaats deze aan de andere kant.


Stap 27: Voeg merk toe

Voeg het merk van de tv toe en pas de volgende laagstijlen toe om het een metaalachtige look te geven.


Stap 28: Lampindicator maken

Maak een kleine afgeronde rechthoekige vorm. Zorg ervoor dat de dekking is ingesteld op 100% met de vulling ingesteld op 0%. Pas de volgende laagstijlen toe.


Stap 29

Dupliceer de vorm en verklein hem zoals getoond.


Stap 30

Maak een nieuwe afgeronde rechthoek. Gebruik dezelfde laagstijlen.


Stap 31

Activeer het lijngereedschap. Stel op de optiebalk Pijlkopjes in op Einde. Gebruik de stijlen van de vorige laag en voeg Kleuroverlay toe.


Stap 32

Creëer plus- en minteken met behulp van het rechthoekgereedschap voor de volume-indicator.


Stap 33

Laten we een op en neer indicator toevoegen voor het kanaal. Teken een rechthoekige vorm. Klik in het midden met het pengereedschap om nieuwe ankerpunten toe te voegen. Selecteer en verplaats ze omhoog. Gebruik vorige laagstijlen, Outer Glow, Color Overlay en Stroke. Om een ​​down-indicator te maken, hoeft u alleen maar de vorm te dupliceren en verticaal om te draaien.


Stap 34

Om de power-indicator te maken, moeten we een paar vormen combineren. Begin met het maken van een cirkelvorm. Dupliceer cirkelpad en wijzig het formaat, selecteer in de optiebalk Aftrekken. Maak een rechthoekig pad en selecteer Toevoegen.


Stap 35: maak achtergrond en vloer

Activeer de achtergrondlaag. Maak een radiaal verloop van lichtgrijs naar donkerder grijs.


Stap 36

Dupliceer de laag en verklein hem. Dit wordt de vloer


Stap 37

We moeten de vloer nog steeds onderscheiden van de achtergrond. Klik op Transparantie vergrendelingspictogram in het deelvenster Lagen. Verf bovenste deel van de vloer. Klik eerst op één kant en houd Shift ingedrukt terwijl u op de andere kant klikt om een ​​rechte lijn te tekenen.


Laatste afbeelding

Dat is het! Werden gedaan. U kunt de definitieve afbeelding hieronder bekijken.