Share
In deze tutorial leggen we uit hoe je een vintage radiopictogram maakt in Photoshop met behulp van eenvoudige vormen en laagstijlen. Laten we beginnen!
De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.
Open Photoshop en maak een nieuw document met een formaat van 1300 px breed en 1000 px hoog met een resolutie van 72 px / inch.
Zet je voorgrond- en achtergrondkleuren op #ededed en # c2c2c2, pak Gradient Tool (G) op, kies voorgrond / achtergrond verloop en teken verloop van boven naar beneden.
Gebruik het gereedschap Afgeronde rechthoek (U) met een straal van 10 px om een rechthoek te tekenen. Gebruik voor de kleur # 32312f. Deze rechthoek vertegenwoordigt het lichaam van onze radio.
Got to Edit> Transform> Perspective en pas het perspectief aan. Gebruik onderstaande afbeelding als referentie.
Geef deze rechthoek de volgende laagstijlen: Inner Shadow, Inner Glow en Bevel and Emboss.
In deze stap gaan we de spreker toevoegen. Laten we beginnen met het tekenen van een afgeronde rechthoek met behulp van Afgeronde Rechthoek-tool (U), met Straal ingesteld op 10 px.
Selecteer het pad, druk op Cmd / Ctrl + Alt + T en verplaats het een paar pixels naar beneden.
Kies gereedschap Direct selecteren (A), selecteer alleen punten links van de rechthoek en maak de rechthoek iets breder (houd Shift ingedrukt om het recht te maken).
Herhaal deze actie tot je iets vergelijkbaars maakt zoals op de afbeelding hieronder.
Stel Fill in op 0% en pas laagstijlen toe.
Dupliceer deze laag, spiegelen Horizontaal (Bewerken> Transformeren> Horizontaal spiegelen), en verplaats het een beetje naar rechts, om de vorm van de luidspreker te voltooien.
Groepeer deze lagen in de groep "Luidspreker".
Laten we beginnen met het maken van onze knoppen. Voeg een nieuwe groep toe en geef deze een naam "aan / uit-knop". Gebruik de Ellipse Tool (U) in de groep "aan / uit-knop" om een kleine cirkel te maken. Zet de vulling van de laag op 0% en pas afschuining en reliëf toe.
Dupliceer deze cirkel (Cmd / Ctrl + J). Stel de gedupliceerde vormlaag in op de # b3b4ae-kleur en vul deze in op 100%.
Open het Layer Style-paneel en voeg toe: Inner Shadow.
Innerlijke gloed.
Schuine kant en reliëf.
En Gradient Overlay.
Neem Horizontaal Type Tool (T) op en voeg de naam van de knop toe. Gebruik voor de kleur # b3b4ae.
Dupliceer de "aan / uit knop" groep en verplaats deze een beetje naar rechts. Verander de knopnaam in "mw", en ook de groepsnaam in "mw-knop".
Dupliceer de "mw-knop" -groep, verplaats deze een beetje naar rechts, stel de naam van de knop in op "ukw" en de naam van de groep op "ukw-knop".
Open het vak Layerstijl om effecten te bewerken. Schakel het Inner Shadow-effect uit en voeg Slagschaduw toe om effect te creëren op de knop waarop niet wordt gedrukt.
In deze stap zullen we de frequentie-afstemknop maken. Maak een nieuwe groep bovenaan, noem deze "tuning", en binnen die groep teken je met Ellipse Tool (U). Kies # b3b4ae voor de kleur.
Open de eigenschappen van de laagstijl door erop te dubbelklikken en laagstijleffecten toe te voegen.
Dupliceer deze laag, maak deze een beetje kleiner met het Vrije Transformatiegereedschap (Cmd / Ctrl + T), wis laagstijlen,
En pas nieuwe toe.
Geef tot slot het knopje "tuning".
Duplicate "tuning" groep, schaal een beetje naar beneden, verander de naam in "treble", en positioneer zoals op de afbeelding hieronder.
Dubbele groep "hoge tonen" twee keer, verander de namen in "bas" en "volume" en plaats het, gebruik onderstaande afbeelding als referentie.
In deze stap maken we een frequentievak aan. Laten we beginnen met het maken van een witte (#ffffff) rechthoek.
Pas de volgende laagstijlen toe op deze rechthoek.
Teken lijn met Lijngereedschap (U), met Gewicht ingesteld op 2px en kleur ingesteld op # 515151.
Teken vervolgens een kleinere lijn zoals op de afbeelding hieronder.
Gelijkaardig, zoals we in Stap 4 deden, selecteer een pad, druk op Cmd / Ctrl + Alt + T en verplaats het een paar pixels omhoog.
Dupliceer opnieuw met Cmd / Ctrl + Alt + T. Herhaal dit totdat je zoiets als dit hebt.
Voeg frequentienummers toe (voor de kleur gebruik # 515151).
Gebruik de methode die in stap 9 is uitgelegd en maak nog een andere schaal aan (gebruik dezelfde kleur # 515151).
Teken vervolgens 3 verticale rode lijnen (# c30101) met Lijntool (U) en het Gewicht ingesteld op 1px.
Voeg horizontale rode lijnen toe (# c30101). Gebruik Lijngereedschap (U) om een kleine lijn te tekenen (Gewicht - 1 px), selecteer vervolgens het pad, druk op Cmd / Ctrl + Alt + T op het toetsenbord om te dupliceren, beweeg een paar pixels naar boven en herhaal dit totdat je iets vergelijkbaars hebt met de afbeelding beneden.
Voeg opnieuw frequentienummers toe. Gebruik dezelfde rode kleur die we voor lijnen hebben gebruikt.
Roep nogmaals het lijngereedschap (A) op, stel het gewicht in op 3px, kleur op # c30101 en teken de frequentie-indicator.
Voeg slagschaduw en schuine kant en reliëf toe vanuit laagstijlen.
Selecteer een witte rechthoek die we als eerste hebben gemaakt toen we aan de frequentieverzameling begonnen te werken. Dupliceer deze laag en verplaats deze naar boven.
Stel Fill in op 0% en voeg Inner Shadow en Bevel and Emboss toe.
Maak een nieuwe laag er bovenop, pak Rechthoekig selectiekader gereedschap (M) op, zet Doezelaar op 1px en maak selectie.
Vul selectie met elke kleur,
Wijzig de mengmodus in Lineair ontwijken (toevoegen), vul tot 0% en voeg laagstijlen toe: binnenste gloed en afschuining en reliëf.
Klik op de miniaturen om daar een selectie omheen te maken, voeg een nieuwe laag toe (Cmd / Ctrl + Shift + N),
Grijp de veelhoekige lasso-tool (L), zorg ervoor dat u intersect selecteert met de selectie en maak een selectie zoals op de afbeelding hieronder.
Vul de selectie met witte (#ffffff) kleur, verander de mengmodus naar het scherm en dekking naar 30%.
Selecteer alle frequentielagen en groepeer ze in één groep.
Open Powered by Envato API-logo (vermeld in Lesmateriaal) in Photoshop, pak alleen het Envato-logo en importeer dit in ons ontwerp. Schaal het naar beneden en plaats het zoals op de afbeelding hieronder. Dubbelklik op laag om Laagstijl te openen en geef deze laag Kleuroverlay.
Maak een nieuwe laag bovenop, zet voorgrondkleur op wit (#ffffff) en teken een voorgrond naar transparant verloop met behulp van het verloopgereedschap (G).
Maak een selectie rondom de radio body en pas het laagmasker toe.
Wijzig de mengmodus naar het scherm en verlaag de dekking naar 30%. Dit is wat we nu hebben.
Selecteer alle groepen en lagen behalve de achtergrondlaag en plaats ze in een groep met de naam "radio".
We zijn er bijna. Maak een nieuwe laag net boven de achtergrondlaag, noem het "schaduw", zet de voorgrondkleur op zwart (# 000000) en gebruik de ronde zachte penseelstreek om een rechte lijn te tekenen.
Zet de mengmodus op Overlay en Dekking op 90%.
Dupliceer de "radio" -groep, converteer het naar Slim object, klap Verticaal (Bewerken> Transformeren> Verticaal spiegelen), en plaats onder de laag "schaduw". Gebruik onderstaande afbeelding als referentie.
Geef dit slimme object Gaussiaans vervagen (filter> vervagen> Gaussiaans vervagen) met straal ingesteld op 3px.
Voeg Laagmasker toe aan deze laag ("reflectielaag"), zet voorgrondkleur op zwart (# 000000) en gebruik een verloopgereedschap (G), teken een Voorgrond naar Transparant verloop, om het onderste deel van reflectie te maskeren. Reduceer tenslotte de dekking van "reflectielaag" tot 90%.
Accentsconagua