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!
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.
Maak een kleinere afgeronde rechthoek in de vorige vorm om het scherm te maken. Voeg de volgende laagstijlen toe.
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.
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.
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.
Breng een laag masker aan. Verf het onderste deel van de vorm met zwart totdat het overgaat in de basis.
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.
Teken een andere vorm zoals hieronder wordt getoond. Gradiëntoverlay toevoegen met overvloeimodus ingesteld op Scherm. Verander de overvloeimodus van de laag naar Scherm.
Maak een andere vorm voor reflectie. Voeg de volgende laagstijlen toe.
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.
Maak een vorm zoals hieronder wordt getoond. Voeg de volgende laagstijlen toe. Wijzig de overvloeimodus in Scherm.
Dupliceer de reflectie en plaats deze aan de andere kant.
Maak een vorm onder de basis. Dit is het deel dat de vloer raakt. Voeg de volgende laagstijlen toe.
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%.
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.
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.
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.
Teken nog een cirkel en plaats deze in het midden van elke hoek.
Klik op Bewerken> Patroon definiëren om het als een patroon op te slaan.
Maak een nieuw bestand, grootte 3000 x 3000 px. Open het deelvenster Kanalen en maak een nieuw kanaal.
Klik op Bewerken> Opvullen. Gebruik het patroon dat we eerder hebben gemaakt.
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).
Keer terug naar je tv-bestand. Maak een rechthoekige selectie aan de rechterkant van het scherm.
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.
Maak een afgeronde rechthoek die de luidspreker bedekt. Verander de vulling naar 0% en voeg deze laagstijlen toe.
Dupliceer de luidspreker en plaats deze aan de andere kant.
Voeg het merk van de tv toe en pas de volgende laagstijlen toe om het een metaalachtige look te geven.
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.
Dupliceer de vorm en verklein hem zoals getoond.
Maak een nieuwe afgeronde rechthoek. Gebruik dezelfde laagstijlen.
Activeer het lijngereedschap. Stel op de optiebalk Pijlkopjes in op Einde. Gebruik de stijlen van de vorige laag en voeg Kleuroverlay toe.
Creëer plus- en minteken met behulp van het rechthoekgereedschap voor de volume-indicator.
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.
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.
Activeer de achtergrondlaag. Maak een radiaal verloop van lichtgrijs naar donkerder grijs.
Dupliceer de laag en verklein hem. Dit wordt de vloer
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.
Dat is het! Werden gedaan. U kunt de definitieve afbeelding hieronder bekijken.