Een schildpictogram maken in Photoshop

In deze zelfstudie gebruiken we de padhulpmiddelen in Photoshop om een ​​schildachtige vorm te tekenen. Vervolgens gebruiken we enkele hellingen om het een metalen rand en een glanzend midden te geven. Ik heb deze zelfstudie gemaakt bij het maken van de standaardpictogrammen voor sommige berichten hier op PSDtuts, dus als je naar de hoofdlijst op de site gaat, zie je ze in actie.


Stap 1:

We beginnen met een donkergrijs tot zwart verloop. Ik tekende dit met het radiale verloop, waarvan oude lezers van PSDtuts weten dat het mijn favoriete verloopgereedschap is. Maak je toch geen zorgen om deze kleuren, want halverwege de tutorial besloot ik dat ze te donker waren en veranderde ze!


Stap 2:

Druk nu op Ctrl-R om je linialen in te schakelen en een aantal hulplijnen naar buiten te slepen. U doet dit door op de liniaal te klikken en vervolgens uw muis ingedrukt te houden en naar de gewenste plaats te slepen. Ik heb mijn gidsen opgesteld zoals hieronder wordt getoond. Omdat ik een driehoek teken, wil ik ervoor zorgen dat het symmetrisch is en niet wankel - vandaar de gidsen.

Houd er rekening mee dat u op elk gewenst moment op Ctrl + 'kunt drukken en de hulplijnen worden in- en uitgeschakeld. Dit is handig omdat ze anders soms in de weg zitten van wat u probeert te doen.

Ook met de linialen kunt u met de rechtermuisknop op de linialen klikken en ziet u de verschillende metingen waarin ze werken. Voor webafbeeldingen is het waarschijnlijk het gemakkelijkst om in pixels te werken (hoewel u voor afdrukken waarschijnlijk iets groters wilt). Hoe dan ook, omdat mijn canvas 500x500 is, plaats ik de hulplijnen op 100px, 250px en 400px en vervolgens 100px en 250px naar beneden.


Stap 3:

Pak vervolgens de Pen Tool (P) en teken een driehoek zoals afgebeeld. Je kunt dit met drie punten doen (ja, alle middelbare school wiskunde is tenslotte de moeite waard!). Houd er rekening mee dat als je de muis ingedrukt houdt wanneer je stippen plaatst, je in het bochtige pen-ding terechtkomt (de technische naam is bezier-curven) en we zijn niet geïnteresseerd in degenen die vandaag de dag zijn, dus klik gewoon eenmaal om mooie hoekpunten te krijgen.

Ook als je Shift ingedrukt houdt, zul je zien dat je de Pen Tool in regels in veelvouden van 45 graden laat snappen. Dit kan goed zijn, vooral als je de dode rechte lijn bovenaan wilt tekenen (en niet per ongeluk een markering een paar pixels uitzet). Afwisselend denk ik dat je ervoor kunt zorgen dat je kunt klikken op onder View> Snap To> Guides. Hoe dan ook, u krijgt het juiste resultaat. Zoals altijd biedt Photoshop u ontelbare manieren om alles te doen.


Stap 4:

Nu willen we een variant van de Pen Tool genaamd het gereedschap Ankerpunt toevoegen. Je kunt het in de onderstaande afbeelding zien.


Stap 5:

Met het Ankergereedschap toevoegen geselecteerd en je gidsen nog steeds omhoog, doorloop je en voeg je extra punten toe in de hieronder getoonde posities (merk op dat ik de gidsen heb uitgeschakeld met CTRL + 'zodat ik het goed kon screenshot).

Je vraagt ​​je misschien af ​​waarom we niet al deze punten aan het begin hebben toegevoegd in plaats van nadat we de driehoek hadden getekend. Het antwoord is eenvoudig dat het moeilijk is om alles er mooi en symmetrisch uit te laten zien. Dit is gewoon een gemakkelijkere manier.


Stap 6:

Nu gaan we over op de Direct Selection Tool (A), de pijl die wordt weergegeven. Er zijn in feite drie Arrow-gereedschappen in Photoshop, deze is het alternatief, het Padselectiegereedschap en onze reguliere pijl, ook wel het verplaatsgereedschap genoemd. Wat is het verschil?

In feite is het gereedschap Verplaatsen (het reguliere exemplaar) voor het verplaatsen van objecten, zoals u normaal doet. Deze andere twee zijn voor paden. Het gereedschap Direct selecteren is voor het selecteren van punten of randen (de lijnen tussen de punten). Hoewel het gereedschap Padselectie is om het hele pad rond alles te verplaatsen (zonder dat het zijn vorm verliest).

De beste manier om ze te begrijpen, is natuurlijk om ze allemaal te klikken en te zien wat het doet! Maar voor nu willen we gewoon de Direct Selection Tool.


Stap 7:

Dus gebruik het gereedschap Direct selecteren door eerst op het bovenste middelste punt te klikken om het te selecteren. Houd nu Shift ingedrukt en druk een paar keer op de pijl-omhoog en je ziet het punt omhoog komen. Doe daarna hetzelfde met de linker en rechter middelpunten om ze te laten bewegen.

We houden Shift ingedrukt omdat het beweging sneller maakt (ik denk dat SHIFT + Arrow hetzelfde is als 10xArrow zonder Shift).

Hoe dan ook, verplaats de punten totdat je iets als getoond hebt ...


Stap 8:

Het is aan jou hoe je je laatste pad afwerpt, ik maakte de mijne nogal eigenzinnig door alleen maar punten te bewegen totdat ze een beetje op een schild leken. Ik heb het pad in het PSD-bestand opgeslagen om te downloaden voor het geval je dat exacte pad wilt. Je kunt het vinden door op het tabblad Paden te klikken en vervolgens zie je een pad gemarkeerd als Schildpad.

Elke keer dat u een pad heeft waarvan u denkt dat u het later misschien wilt hebben, klikt u op het tabblad Paden en vervolgens klikt u op dat kleine pijltje naar rechts en kiest u Pad opslaan. Dit is met name handig als je een persoon een hele dag hebt laten deep-etsen van een foto en je ervoor wilt zorgen dat je niet per ongeluk je pad kwijtraakt.


Stap 9:

Maak vervolgens een nieuwe laag. Klik op het gereedschap Pen en klik vervolgens met de rechtermuisknop ergens op het canvas en kies Selectie maken. U krijgt een klein dialoogvenster met de vraag of u uw selectie wilt verzachten, of het is ingesteld op 0 (de standaardinstelling) en druk op OK.

Neem vervolgens een lichtgrijs tot donkergrijs en teken een verloop in je nieuwe laag zoals weergegeven.


Stap 10:

Nu met die laag nog steeds geselecteerd, maakt u een nieuwe laag en gaat u naar Selecteren> Wijzigen> Inkrimpen en in 10 pixels plaatsen.

Teken vervolgens een verloop op de ANDERE manier met dezelfde twee lichtgrijze en donkergrijze kleuren. Dus de eerste moet van linksboven naar rechtsonder zijn. Deze nieuwe laag moet van rechtsonder naar linksboven zijn. U kunt het effect van de twee verlopen in de afbeelding voor de volgende stap zien.


Stap 11:

Vervolgens, terwijl je tweede laag nog steeds is geselecteerd, ga je opnieuw naar Selecteren> Wijzigen> Inkrimpen en gebruik je weer 10pixels. Maak vervolgens een nieuwe laag en teken deze met een radiaal verloop in een mooie oranje kleur met het lichtere gedeelte links bovenaan zoals getoond.


Stap 12:

Ga nu terug naar de middelste laag en druk op Ctrl en klik op de laag om de pixels te selecteren zoals getoond. Maak een nieuwe laag erboven en vul deze met wit.

Ga vervolgens naar Selecteren> Wijzigen> Inkrimpen en gebruik een waarde van 1 pixel en druk vervolgens op Verwijderen. Hierdoor blijft er een dunne witte lijn van één pixel tussen de twee metalen verlopen achter. Het ziet eruit als de bovenkant van een bergkam van metaal (soort van ...)


Stap 13:

Ok, dus hier is wat we tot nu toe hebben. U kunt zien dat door de twee verlopen in tegengestelde richting te gebruiken, we een soort 3D-effect hebben gecreëerd dat lijkt op het licht dat van linksboven komt en dat een hoogtepunt en schaduw creëert op het 'metaal'.


Stap 14:

Nu voegen we een eenvoudige slagschaduw en binnenste schaduw toe aan de oranje laag. Je kunt deze in het PSD-voorbeeldbestand bekijken om te downloaden, maar in feite is het gewoon een binnenschaduw met een afstand van 0, zodat de schaduw zelfs rond de randen is en op dezelfde manier met een slagschaduw. We willen de innerlijke schaduw omdat het het iets meer driedimensionaal doet lijken, omdat de randen wegkijken van het perspectief van de kijker. De slagschaduw is alleen maar om de oranje laag iets meer te laten reageren met het metalen frame.


Stap 15:

Dit is wat we nu hebben ... Het begint er best cool uit te zien. Op dit punt heb ik ook de achtergrond lichter gemaakt (hoewel het moeilijk is om nu te zeggen dat ik ernaar kijk). Dus hier is het een heel donkergrijs, in tegenstelling tot zwart. Ook heb ik een slagschaduw toegevoegd aan de allereerste grijze metaallaag, hoewel hij vrij zwak is.


Stap 16:

Plaats nu in een nieuwe laag helemaal bovenaan een ellips met het elliptische selectiegereedschap (M) en vul het met wit zoals getoond.


Stap 17:

Nu is de enige reden waarom we dit met wit hebben ingevuld, zodat we nu op Ctrl-T kunnen drukken en de ellips kunnen draaien zoals getoond.


Stap 18:

Nadat je de ellips hebt geroteerd, houd je Ctrl ingedrukt en klik je op die laag om de ellips te selecteren en vervolgens de laag zelf te verwijderen, zodat je alleen een selectie krijgt die in de vorm van een ellips in een hoek is gevormd.

Maak vervolgens een nieuwe laag en teken een radiaal verloop van wit naar transparant zoals weergegeven.


Stap 19:

Houd nu Ctrl ingedrukt en klik op de oranje laag om de pixels te selecteren en druk vervolgens op Ctrl + Shift + I om de selectie om te keren (u selecteert dan alles behalve de pixels van de oranje laag) en klik vervolgens op de bovenste laag met dat wittransparante radiale verloop van de laatste stap en druk op Delete. Je zou nu een hoogtepunt moeten hebben zoals getoond.


Stap 20:

Zet nu die markeerlaag op een overvloeimodus van Overlay en een dekking van 60%. Het zou een mooi goudgeel moeten geven zoals getoond.


Stap 21:

Maak nu een nieuwe laag en houd vervolgens nogmaals Ctrl ingedrukt en klik op de oranje laag om de pixels te selecteren. Teken vervolgens in de nieuwe laag een lineair verloop naar beneden van zwart naar transparant, zoals weergegeven.


Stap 22:

Zet deze nieuwe zwarte laag op een overvloeimodus van Soft Light en houd vervolgens Ctrl ingedrukt en klik nogmaals op de oranje laag. Houd vervolgens Shift ingedrukt en druk een paar keer op de pijl-omlaag om de selectie naar beneden te verplaatsen. Ga vervolgens terug naar die zwarte laag en druk op Wissen om alleen een balk bovenaan te laten zoals getoond.


Stap 23:

Op dit punt besloot ik het metaal een beetje te poetsen. Klik hiertoe op een van de twee grijze lagen en selecteer met het brandhulpprogramma (O) en een zachte borstel de delen die donkerder zijn donkerder en maak de delen lichter als u wilt. Ik deed dit om een ​​beetje meer contrast te krijgen, zoals te zien is. Vergeet niet dat als je Alt ingedrukt houdt terwijl je het Burn-gereedschap gebruikt, dit verandert in het Dodge-tool (dat lichter wordt in plaats van donkerder), zodat je niet steeds hoeft te wisselen.


Stap 24:

OK nu voor de radiale burst op de achtergrond. Kies het gereedschap Aangepaste vorm (U) en selecteer de onderstaande vorm.


Stap 25:

Maak een nieuwe laag net boven de donkergrijze achtergrond en teken met wit als voorgrondkleur een zeer grote versie van die vorm zoals weergegeven. Dit maakt een soort van vector-starburst-effect.


Stap 26:

Zet die laag nu op Overlay en 30% dekking zodat het veel zwakker is. Eindelijk in een laag helemaal bovenaan, heb ik een gigant toegevoegd S in een donkerrode kleur en stel deze in op 20% vermenigvuldigen. Toen schreef ik een woord over de top en we zijn klaar! Een beetje een vreemd effect, maar toch een leuk effect!