Share
In de tutorial van vandaag zullen we gebruikmaken van vectormaskers en laagstijlen in Photoshop om een pictogram van een stopcontact van hoge kwaliteit te maken. Laten we beginnen!
Bij het maken van pictogrammen van objecten uit de praktijk kunt u het beste eerst die objecten bekijken en zien hoe ze eruit zien. Als je klaar bent, ga je gang en begin je te schetsen hoe je pictogram eruit moet zien.
Maak een canvas van 400 x 400 pixels op 72 dpi.
Het eerste dat we gaan doen, is de vorm van de uitlaat maken. Kies daarvoor het ronde rechthoekgereedschap en teken een eenvoudige rechthoek.
U kunt uw nieuw gemaakte pad in het padenpalet naast het lagenpalet zien. Gebruik nu het vrije transformatiepadgereedschap dat u kunt vinden in het menu Bewerken of door Cmd / Ctrl + T te selecteren en de grootte ervan te wijzigen zoals hieronder wordt weergegeven.
Kies het gereedschap voor padselectie (zwarte pijl) en klik op de rechthoek op het canvas of in het padenpalet. Ga naar Laag> Nieuwe opvullaag> Effen kleur.
Kies een kleur.
Klik op de knop "Laagstijl toevoegen" onder aan het lagenpalet.
We zullen drie laagstijlen op dit element toepassen. Laten we beginnen met "Bevel and Emboss."
Breng nu de volgende instellingen aan: Stijl: Afschuining binnen, Techniek: Glad, Diepte: 100%, Richting: Omhoog, Grootte: 10 px, Verzachten: 0 px.
Vervolgens moeten we een Gradient Overlay-stijl toepassen om onze outlet een beetje verlichting te geven. Pas in dit geval de volgende laagstijlen toe: Dekking: 60%, Stijl: Lineair, Hoek: 70, Schaal: 100%.
Breng nu een satijnlaagstijl aan met de volgende instellingen: Mengmodus: Vermenigvuldigen, Dekking: 20%, Hoek: 0, Afstand: 11 px, Grootte: 14 px.
We gaan nu een glanseffect creëren op een van de uitlaathoeken. Selecteer het pengereedschap en teken een vorm zoals weergegeven.
Ga naar Laag> Nieuwe vullaag> Effen kleur en kies een puur witte kleur.
Selecteer vervolgens je actieve laag om te bevestigen door erop te klikken en ga naar Laag> Laagmasker> Alles onthullen. Er verschijnt een wit vak tussen uw pad en de effen kleurvulling.
Het laagmasker geeft ons controle over het verloop zodat we het exact kunnen plaatsen waar we het willen hebben. Kies het gereedschap Verloop in de werkbalk en kies Zwart naar wit lineair verloop in de optiebalk van het gereedschap.
Breng een helling van beneden naar boven aan op de glansvorm die we eerder hebben getekend.
Pas vervolgens een verloopeffect voor de stijl Gradient Overlay Layer toe. Gebruik de volgende instellingen: Dekking: 100%, Hoek: -141 en Schaal: 100%.
Om de schroef te maken die onze uitlaat tegen de muur houdt, hoeven we maar een paar lagen te maken. Gebruik in een laag het rechthoekgereedschap om het midden van het object te maken. Maak vervolgens een nieuwe opvullaag (Laag> Nieuwe opvullaag> Effen kleur) en kies de kleur die u het meest geschikt vindt. Voeg nu een laagstijl toe, selecteer in dit geval "Inner Shadow" en voer de volgende waarden in: Mengmodus: Vermenigvuldigen, Dekking: 33%, Hoek: 120, Afstand: 3 px, Choke: 0, Grootte: 3 px.
Gebruik daarna het gereedschap Cirkel om de basisvorm van de schroef te genereren, zoals we eerder deden, ga naar menu Laag> Nieuwe opvullaag> Effen kleur en kies de beste.
Nu moeten we enkele laagstijlen toevoegen. Voeg eerst "Bevel and Emboss" toe en voer de waarden in Style: Inner Bevel, Technique: Smooth, Depth: 100%, Direction: Up, Size: 9 px, Angle: 90, Altitude: 30, Dekking: 75%.
Breng nu een "verloopoverlay" aan en voer de volgende instellingen in: Dekking: 60%, Stijl: Lineair, Hoek: 70, Schaal: 70%.
Voeg ten slotte een "satijn" -laagstijl toe met de volgende instellingen: Mengmodus: vermenigvuldigen, dekking: 30%, afstand: 11 px, grootte: 14 px.
Kies het pengereedschap en teken de vorm van de plug, ga naar menu Laag> Nieuwe vullingslaag> Effen kleur en kies een geschikte laag.
Dit is een van de vormen die meer dan drie lagen stijlen vereisen. Voeg eerst de "Slagschaduw" -stijl toe en pas de parameters aan op de mengmodus: Vermenigvuldigen, Dekking: 75%, Hoek: 77, Afstand: 3 px, Spread: 0%, Grootte: 5 px.
Selecteer vervolgens "Afschuinen en reliëf" en de parameters zijn de volgende: Stijl: Kussen Emboss, Techniek: Glad, Diepte: 381%, Richting: Omhoog, Afmeting: 10 px, Verzachten: 0 px, Hoek: 90, Hoogte: 30, dekking: 75%.
Selecteer nu "Gradient Overlay" en geef het deze waarden: Dekking: 60%, Stijl: Lineair, Hoek: 70, Schaal: 100%.
Klik ten slotte op "Satin" en pas de parameters aan op dekking: 20%, hoek: 0, afstand: 11 px, grootte: 14 px.
Zoals u weet, hebben elektrische stopcontacten drie gaten, twee voor de energie en één voor aarding. Hiervoor hebben we drie lagen nodig. We kunnen beginnen met een van de drie, het maakt niet uit. Gebruik voor de elektrische poorten het gereedschap Rechthoek en gebruik het pengereedschap voor de aarding. Zodra u uw vormen hebt getekend, gaat u naar Laag> Nieuwe opvullaag> Effen kleur en kiest u een geschikte.
Gebruik de volgende laagstijlen.
Teken met behulp van het pengereedschap de schaduwvorm.
Ga naar menu Laag> Nieuwe opvullaag> Effen kleur en kies een effen zwart. Daarna is het erg belangrijk om de dekking te verlagen naar 50%, onthoud dat dit een schaduw is.
Een verloopoverlay-stijl toevoegen met de volgende parameters: Mengmodus: Normaal, Dekking: 100%, Gradiënt: Achteruit, Stijl: Lineair, Hoek: 90, Schaal: 100%.
Maak nu een nieuwe laag en gebruik het gereedschap Pen om dezelfde figuur te tekenen die we rond de drie connectors hebben gemaakt, dit is om de kabel passend te maken alsof deze was aangesloten. Ga naar menu Laag> Nieuwe opvullaag> Effen kleur en kies een effen zwart.
Ga nu naar de knop met laagstijlen en selecteer "Slagschaduw", hoewel we uiteindelijk besloten om het te verbergen, is uw keuze. Voer de parameters in Mengmodus: Vermenigvuldigen, Dekking: 75%, Hoek: 86, Afstand: 16 px, Spread: 0% en Grootte: 16 px.
Voeg nu een "Outer Glow" toe en voer de volgende waarden in: Dekking: 75%, Ruis: 0%, Spread: 0%, Grootte: 5 px, Bereik: 50% en Jilter: 0%.
Voeg een "Innerlijke gloed" toe met behulp van de volgende instellingen: Dekking: 75%, Ruis: 0%, Bron: Rand, Choke: 0%, Grootte: 7 px, Bereik: 50% en Jilter: 0%.
Voeg nu "Bevel and Emboss" en de waarden Depth: 100%, Size: 43 px, Soften: 0 px, Angle: 90, Altitude: 30 and Dekking: 75% toe.
Voeg een "Lijn" toe met de volgende parameters: Grootte: 1 px, Positie: Buiten en Dekking: 100%.
Het is tijd om de kabel 3D te maken. Eerst moeten we de linker- en rechterkant toevoegen. Het is erg belangrijk om je referenties in gedachten te houden, zodat we het perspectief goed kunnen gebruiken. Teken met behulp van de Pen-tool de linkerkant van de kabel.
Voeg nu enkele laagstijlen toe. Voeg 'Slagschaduw' toe (wederom hebben we uiteindelijk besloten het te verbergen) en voer de waarden in Dekking: 75%, Afstand: 16 px, Spread: 0%, Grootte: 16 px en Ruis: 0%.
Voeg "Bevel and Emboss" toe met de waarden Depth: 100%, Direction: Up, Size: 43 px, Soften: 0 px, Angle: 90, Altitude: 30 and Dekking: 75%.
Voeg de "Stroke" -laagstijl toe en wijs het de volgende parameters toe: Grootte: 1 px, Positie: Buiten en Dekking: 100%
Om de goede kant te maken, moeten we precies hetzelfde doen, dus begin met tekenen met de Pen-tool en ga dan naar menu Laag> Nieuwe opvullaag> Effen kleur en kies vervolgens een effen zwart.
Voeg nu enkele laagstijlen toe. Voeg eerst "Slagschaduw" toe (deze hebben we ook besloten om deze aan het einde te verbergen) en vul de waarden in: Dekking: 75%, Afstand: 16 px, Spread: 0%, Grootte: 16 px en Ruis: 0%.
Voeg "Bevel and Emboss" toe met de waarden Depth: 100%, Direction: Up, Size: 43 px, Soften: 0 px, Angle: 49, Altitude: 42 and Dekking: 75%.
Voeg de "Stroke" -laagstijl toe en wijs het de volgende parameters toe: Grootte: 1 px, Positie: Buiten en Dekking: 100%.
Neem je pengereedschap en beslis hoe de zijkant eruit moet zien en teken hem dan.
Ga naar Laag> Nieuwe opvullaag> Effen kleur en kies een zwart.
Eerst, "Innerlijke gloed", voert u de volgende waarden in: Dekking: 33%, Ruis: 0%, Bron: Rand, Choke: 0%, Grootte: 5 px, Bereik: 50%, Jilter: 0%.
Voeg "Bevel and Emboss" toe met de waarden Depth: 100%, Direction: Up, Size: 5 px, Soften: 0 px, Angle: 90, Altitude: 30 and Dekking: 75%.
Voeg nu de "Stroke" -laagstijl toe en wijs het de volgende parameters toe: Grootte: 2 px, Positie: Buiten en Dekking: 73%.
Selecteer het pengereedschap en teken een standaardkabel, ga dan naar menu Laag> Nieuwe vullingslaag> Effen kleur en kies een zwart zodat we door kunnen gaan met de laagstijlen
Laten we beginnen met "Innerlijke gloed", vul de volgende parameters in: Dekking: 50%, Ruis: 0%, Bron: Rand, Choke: 0%, Grootte: 5 px, Bereik: 50%, Jilter: 0%.
Selecteer "Afschuinen en reliëf" en wijs de waarden toe. Diepte: 100%, Richting: Omhoog, Formaat: 21 px, Verzachten: 0 px, Hoek: 90, Hoogte: 30 en Dekking: 75%.
Nu de "Stroke" -laagstijl, geef het de volgende parameters: Grootte: 1 px, Positie: Buiten en Dekking: 100%.
Nu is ons stopcontact bijna klaar en hoeven we alleen nog wat details en een schaduw toe te voegen. Neem het pengereedschap en teken een vorm rechtsboven aan de kop van de kabel, ga dan naar het menu Laag> Nieuwe vullingslaag> Effen kleur en kies een puur witte kleur.
Selecteer nu je actieve laag om te bevestigen door erop te klikken en ga naar Laag> Laagmasker> Alles onthullen. Er verschijnt een wit vak tussen uw pad en de effen kleurvulling.
Kies het gereedschap Verloop in de werkbalk en kies een lineair verloop van zwart naar wit uit de werkbalkopties.
Breng een helling van beneden naar boven aan op de glansvorm die we eerder hebben getekend. Selecteer ten slotte de "Gradient Overlay" -stijl en voer de waarden in Dekking: 100%, Hoek: -141 en Schaal: 100%.
In deze fase kunnen we dit project als voltooid beschouwen, maar omdat we altijd het beste willen, laten we een schaduw toevoegen om ons pictogram enige diepte te geven. De schaduw is gemakkelijk. Voeg gewoon een nieuwe laag toe onder alle rustlagen en teken met het rechthoekgereedschap aan de onderkant van de uitloop. Ga vervolgens naar Laag> Nieuwe opvullaag> Effen kleur en kies zwart. Zet de dekking op 75% en selecteer tenslotte de laag en ga naar Filter> Blur> Gaussian Blur en geef het een waarde van rond de 5.0.
Accentsconagua