Share
Constructiepictogrammen zijn altijd populair op het scherm geweest, en hoewel die pagina's van "dot-com" onder constructie nog maar grotendeels verdwenen zijn uit onze schermen, heeft het betrouwbare gele helm-pictogram nog steeds zijn nut. In deze zelfstudie maken we een eigen pictogram op een foto.
Nota van de redactie: Deze tutorial is oorspronkelijk gepubliceerd in het Tsjechisch bij Grafika Online. Grafika heeft toestemming gegeven aan Vaclav om het hier opnieuw te publiceren op Psdtuts + voor degenen onder ons die Tsjechie nog niet helemaal onder de knie hebben
Als basis gebruiken we deze foto die ik heb gemaakt. Het is niet de beste foto, maar we kunnen het gebruiken om de basisvormen te definiëren. Het voordeel van deze foto is dat deze is gemaakt met een groothoekcamera en dat het perspectief mooi zichtbaar is. Wanneer we het hebben over iconen, is het perspectief vaak HEEL buitensporig, dus dit is perfect.
Snijd dus eerst de helm uit de achtergrond. U kunt dit doen met de Pen-tool, of uw favoriete manier om afbeeldingen te extraheren. Kopieer deze foto vervolgens naar een nieuw Photoshop-document en wijzig het formaat van de afbeelding in overeenstemming met de pictogramdimensie - waarschijnlijk 128x128 px. U kunt bijvoorbeeld een nieuwe laag van 128x128 gebruiken, die u helpt nauwkeuriger te zijn. Of u kunt natuurlijk een formaat van 128x128 pixels gebruiken, maar ik wil graag meer ruimte om te tekenen.
Selecteer het gereedschap Pen en traceer stap voor stap elk deel van de helm. We beginnen met het viziergebied. Maak je geen zorgen over de kleur, het is de vorm die belangrijk is. Voor een betere nauwkeurigheid is het goed om de zichtbaarheid van de laag te verkleinen (dekking). Druk eenvoudig op de numlock-toets die overeenkomt met de gewenste percentage dekking & mdash bijvoorbeeld 5 voor 50% dekking. Bij het traceren moet u tekenen als vormlaag (eerste pictogram op de optiebalk), zodat u deze laag in de toekomst kunt wijzigen.
Let op: omdat we alleen het vizier volgen, maakt het niet uit dat de rest niet nauwkeurig is rond de helmvorm (we doen dat in de volgende stappen).
Maak het tweede deel van de "piek" door de vorige laag te kopiëren (Ctrl + J) en verplaats de geselecteerde punten naar boven met de directe selectie
Gereedschap (A).
Volg daarna het hoofdgedeelte van de helm zoals hieronder getoond.
Vergeet het in reliëf gemaakte deel in het midden niet (vergroot op het volgende screenshot). Je kunt het opzettelijk groter maken, omdat de middelste streep mooi helpt om de 3D-vorm van de helm te definiëren.
Daarom kun je deze streep ook als nieuwe laag tekenen. Begin eerst met het rechterdeel - dat zich in de schaduw bevindt.
Dupliceer vervolgens deze laag (Ctrl + J) en verplaats met het gereedschap Direct selecteren het punt aan de rechterkant naar links. Op deze manier past de rechterkant van deze vorm perfect op het linkerdeel van de vorige laag.
U bent klaar om naar het volgende niveau te gaan. Verberg de foto (of verplaats hem opzij) en zoals je kunt zien, is de basisvorm van ons pictogram gereed. Je zou nu vijf lagen vormen klaar moeten hebben voor de volgende fase. Ik zal naar ze verwijzen door te nummeren in volgorde van hoe we ze hebben getekend (1-5)
Om te beginnen, verberg alle lagen behalve de eerste (1) en vul deze laag met gele kleur (# FFDF14). Maak vervolgens een nieuwe laag (Ctrl + Shift + Alt + N) en groepeer deze met de vorige (Ctrl + Alt + G). Op deze schermafbeelding is het de laag (2). Teken in deze laag met een grote zachte borstel met een donkerdere kleur (# D59D00), zodat de laag aan de rechterkant donkerder is. Laad vervolgens de selectie van laag (4), keer de selectie om (Ctrl + Shift + I), maak een nieuwe laag (3) en gebruik opnieuw grote zachte penseel om een schaduw aan de rechterkant te tekenen (# 3B1C02).
Zodat u het niet allemaal opnieuw hoeft te doen voor laag (4), laat deze laag met verminderde dekking zien tot 50%. Op deze manier kun je nog steeds de schaduw van de vorige laag zien - hoe gemakkelijk. Voor nu is de "piek" voltooid en kun je doorgaan met het grootste deel van de helm.
Dus, zichtbaar de vorm van het hoofdonderdeel en kleur het opnieuw in het geel (# FDDB13). Maak opnieuw een nieuwe laag, groepeer deze met de vorige (Ctrl + Alt + G) en gebruik in de gemarkeerde gebieden een grote zachte borstel met een donkerdere kleur. Het is niet nodig om een hele grote schaduw te maken ...
Voor een beter resultaat, kunt u de middelste streep gebruiken. Verlaag deze laag, verkleint hem opnieuw naar het donkergele (# AA6F00) en voeg een laagmasker toe. Trek in dit masker in het midden met een grote zachte zwarte borstel (zoals hieronder weergegeven), en de laag is alleen zichtbaar aan de zijkanten, niet in het midden.
Maak vervolgens de laatste laag zichtbaar, het grootste deel van de streak. Herkleuren tot geel (# FBD500). In deze stap kunt u ook het hoofdgedeelte van de helm verduisteren om bij de piek te passen.
Gebruik de volgende eenvoudige methode om de vorm van de helm te accentueren: teken een omtrek van één pixel rond elke vorm waar het licht schijnt.
Begin met de tweede pieklaag. Laad de selectie (houd Ctrl ingedrukt en klik op de laag), maak een nieuwe laag en selecteer in het menu Bewerken de Lijn-functie. Zet de breedte op 1px, kleur wit.
Voeg een laagmasker toe aan deze laag en vul deze met zwarte kleur. Op deze manier is niets zichtbaar. Selecteer vervolgens een grote zachte witte borstel en teken in het masker waar het licht zou moeten schijnen. De omtrek is alleen zichtbaar als het witte gebied zich in het masker bevindt.
Gebruik dezelfde methode voor de andere vormen. Het pictogram begint nu echt vorm te krijgen!
Ga verder met nog een verdonkering in geselecteerde gebieden (getoond) waar het contrast tussen de helmdelen te laag is.
Om het pictogram nog beter te maken, kunt u achtergrondverlichting toevoegen met een andere kleur. Dit helpt veel omdat pictogrammen met slechts één kleur er vaak wat saai uitzien.
Allereerst laadt u de selectie van alle vormlagen (Ctrl + Shift - klik op de lagen), maak een nieuwe laag, koppel de selectie van 1 pixel (Selecteer> Wijzigen> Contract) en gebruik een grote zachte borstel om de achtergrondverlichting te tekenen, zoals de pijl toont. Gebruik elke gewenste kleur, lichtblauw of violet werk goed.
Het laatste dat je gaat toevoegen is het grote hoogtepunt. Net als in de tutorial iMouse - Een Apple Mouse maken (die ik ook heb geschreven!), Begin je met Pen Tool en teken je de venstervormen:
Kopieer deze laag (Ctrl + J) en vervaag deze met het filter Gaussiaans vervagen (stel de straal in op een laag getal).
Teken nu met grote, zachte witte penseel over de highlights, om het nog meer glanzend te maken. Maak je geen zorgen over de raamvormen, het is niet nodig om ze volledig te zien.
En dat is het!
Zoals je op deze foto kunt zien, is de helm meer opvallend op de donkere achtergrond, dus wees niet bang om te experimenteren en probeer iconen van verschillende foto's te maken. Veel succes met je werk!
Accentsconagua