Share
In deze zelfstudie combineren we eenvoudige vectorvormen, laagstijlen en royale hoeveelheden glans om het perfecte vergrootglas te maken voor al uw zoekpictogrambehoeften. Laten we beginnen!
Bekijk de afbeelding die we gaan maken.
Onze video-editor Gavin Steele heeft deze video-tutorial gemaakt om deze tutorial voor tekst en beeld te complimenteren.
Open een nieuw leeg document en kies 512 pixels voor zowel de breedte als de hoogte. We maken een vergrootglas in 2D-vooraanzicht, verlicht vanuit de linkerbovenhoek.
Selecteer het Ellipse Tool (U) op de werkbalk. Door zowel Shift als Alt ingedrukt te houden, sleept u een perfecte cirkel nabij de rechterbovenhoek van het canvas. Als u Shift ingedrukt houdt, kunt u een cirkel tekenen in plaats van een ellips, terwijl Alt de mogelijkheid biedt om vanuit het midden te maken in plaats van vanuit de hoek (1a). Noem deze laag "buitenste rand", dubbelklik erop om het venster Layerstijl te openen en voeg een verloopoverlay toe. Kies een licht-tot-mediumgrijze tint (1b).
Dupliceer en schaal naar beneden de ellips, noem het "binnenste rand" (2a). Pas de verloopoverlay aan zodat de tinten verticaal worden omgedraaid en maak ze ook donkerder (2b). Voeg een innerlijke schaduw toe (2c).
Kopieer de cirkel van de "binnenste rand", schaal deze een klein beetje naar beneden en noem het "lens" (3a). Verander de verloopoverlay zodat de lens een mooie blauwe tint heeft (3b). Ontruim de innerlijke schaduw. Voeg schuine kant en reliëf toe om het convex te laten lijken (3c). Voeg ten slotte Inner Glow toe om schaduw aan de rand toe te voegen (3d). Je kunt de drie lagen nu rasteren (3e).
Selecteer de "buitenrand". Kies het gereedschap Branden (O), kies een grote, zachte, ronde borstel (4a) en verduister de twee vlekken gemarkeerd in afbeelding 4b. Kies nu de Dodge Tool, pas de borstel aan zoals in afbeelding 4c en maak de vlekken gemarkeerd in afbeelding 4d lichter. We hebben dus subtiele omgevingsreflecties toegevoegd aan het frame van de lens.
We streven naar een glimmend pictogram, dus laten we nu sterke reflecties toevoegen. Selecteer met de Elliptical Marquee Tool (M) de bovenste helft van de "buitenste rand" (5a). Druk op Command + J om een nieuwe laag uit deze selectie te maken. Noem het "outer rim refl," verander zijn mengmodus in Screen en zet de dekking op 40% (5b).
Selecteer nu de laag "binnenste rand". Gebruik dezelfde techniek als uitgelegd in stap 4 (gebruik de Burn and Dodge Tools) om de verlichting te verbeteren door de bovenste helft donkerder te maken en de onderste helft op te helderen.
Voeg een sterke reflecterende markering toe aan de "lens" -laag met behulp van de methode uit stap 5: selectiekader: selecteer de bovenste helft (7a), maak een nieuwe laag via kopiëren met Command + J en stel deze in op Scherm en 40% dekking (7b).
Groepeer de bestaande lagen samen en noem de groep "lens". Laten we nu het handvat maken. Pak het gereedschap Afgeronde rechthoek (U) van de werkbalk en stel de straal in op 10px (8a). Maak een zwarte rechthoek en noem deze "handle" (8b).
Selecteer met het rechthoekige selectiekader (M) drie dunne stroken (8c). Hoe doe je dat? Eén manier is om de eerste selectie te maken, vervolgens Shift ingedrukt te houden en de resterende twee te maken. Verschuiven voegt toe aan de selectie (om het gebruik van Alt af te trekken). Druk op Shift + Command + J om de stroken te knippen en in een nieuwe laag te plakken. Noem het "rinkelt" en schakel de zichtbaarheid tijdelijk uit door op het oog ernaast in het palet Lagen te klikken. Selecteer de bovenste rechthoek (8d) op de laag "handle", gebruik Shift + Command + J om een nieuwe laag via knippen te maken. Noem het "handle top".
Selecteer de laag "ringen" en voeg een horizontale verloopoverlay (9a) en een binnenste gloed (9b) toe zodat ze rond kijken en schaduw krijgen van de andere delen van het handvat. De laag horizontaal schalen zodat de stroken smaller zijn dan de rest van de handgreep (9c).
Een verloopoverlay aan de laag "greep" toevoegen: laat de rechterkant zwart en maak de linkerkant lichter (10a). Voeg op dezelfde manier een Gradient Overlay toe aan de laag 'handle top', deze keer licht grijs (10b).
Maak twee kopieën van de laag 'greep boven' en plaats ze en schaal ze volgens afbeelding 11a. Verplaats het kleinere deel achter alles en noem het 'nek'. Voeg een innerlijke gloed toe zoals in afbeelding 11b.
Nu kunnen we alle handgreeplagen samenvoegen tot een laag die we natuurlijk "handle" noemen. Grijp het Burn-gereedschap (O), pas de instellingen aan zoals in afbeelding 11c en versterk de schaduwen door een verticale strook langs de hele lengte van het handvat (11d) te schilderen. Breng nu met de Dodge Tool de hoogtepunten aan met een andere verticale penseelstreek (11e).
Selecteer de afgeronde "kragen" bij de "nek" met het selectiekader (M) en druk op Shift + F6 om het Feather-commando op te roepen en stel het in op 3 pixels (12a). Maak met het gereedschap Branden (O) een paar penseelstreken om het geselecteerde gebied donkerder te maken. Het effect is subtiel maar merkbaar (12b).
Laten we het handvat ook glanzend maken. Op een nieuwe laag witte highlights maken, die hun vorm aanpassen aan het handvat. Zet de overvloeimodus van deze laag op Zacht licht (13a, 13b). Knip de bovenste hooglichten in een nieuwe laag (13c), verminder de dekking tot 70% en pas dan een 2 px Gaussiaans vervaging filter toe (13d).
De reden dat we dit doen is omdat het handvat is gemaakt van zwart plastic, dat scherpe en sterke hoogtepunten heeft en aluminium, dat zachtere highlights heeft. Noem deze lagen "handle refl 1" en "handle refl 2." Met het gereedschap Vervaging van de werkbalk (de kleine druppel) verzacht de onderkant van de "greep refl 1" zodat deze vervaagt in overeenstemming met de afgeronde rand van de greep (13e).
Het handvat is klaar. Groepeer de lagen, verplaats de groep achter de "lens" en draai deze 45 graden naar rechts (14a). Maak een schaduw van een ellips gevuld met zwart, ingesteld op Vermenigvuldigen, met 50% dekking. Vervaag het hoe je wilt met de Blur Tool. Voeg nu een achtergrond toe aan het pictogram en een paar wazige hooglichten op het handvat en op de rand van de lens. Dit zijn witte cirkels op afzonderlijke lagen, ingesteld op Scherm, met 80% dekking. Gaussiaans vervagen toepassen naar smaak (14b). Het pictogram is voltooid!
De beste vrienden van de icoonontwerper in Photoshop zijn het gereedschap Pen en de laagstijlen. Deze keer hebben we ook de verbluffende penselen van Photoshop gebruikt om de verlichting van het vergrootglas te verfijnen. Deze mogelijkheid zorgt ervoor dat Photoshop zich onderscheidt van Illustrator, wat anders het best geschikt zou zijn om dit pictogram te maken.
Accentsconagua