Creëer een Jaguar Style Folder Icon

In deze tutorial laten we u zien hoe u een object in Jaguar-stijl kunt bedekken. In dit voorbeeld behandelen we een computermap, maar deze techniek kan worden gebruikt met elk ander object, zoals een CD-hoesje, een muis of zelfs een computer.

Opmerking van de uitgever:Deze tutorial is oorspronkelijk gepubliceerd in het Tsjechisch bij Grafika Online. Grafikahave heeft toestemming gegeven aan Vaclav om het hier opnieuw te publiceren op Psdtuts + voor diegenen onder ons die Tsjechie nog niet helemaal onder de knie hebben ...

Final Image Preview

Voordat we aan de slag gaan, laten we eens kijken naar de afbeelding die we gaan maken. Zoals altijd is het gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap.

Invoering

Laten we eens kijken naar hoe deze tutorial verschilt van andere pictogram-tuts over het net. Allereerst kan een proces zoals dit worden toegepast op andere objecten (natuurlijk groter object). Met pictogrammen kan het object ook in zijn volledige grootte worden bekeken. Bovenal kan elke kleine onnauwkeurigheid gemakkelijk worden gecorrigeerd of is deze klein genoeg om helemaal niet te worden gezien. Het is dus mogelijk om de lengte van het artikel te behouden zonder stappen over te slaan die nodig zijn om deze Jaguar-stijl te creëren.

Dit zelfstudieconcept is al enige tijd geleden gemaakt. Na een paar uur maken in Photoshop, heb ik gemaakt wat je hieronder kunt zien. Het is een map, maar ik was niet helemaal tevreden met dit ontwerp, dus verliet ik het project een tijdje. Later kwam ik er met nieuwe kracht en ideeën weer op terug. Dit dient als enig advies voor u in dit artikel. Overweeg om je oude werk te openen en het te verbeteren. Je kunt je oude projecten nieuw leven inblazen.

Stap 1

Hoewel we de exacte vorm van de map niet nodig hebben, laten we zien hoe je zo'n vorm kunt maken. Maak eerst een nieuw document, waar we vullen 128 px bij 128 px met een grijze kleur, zoals getoond in (1), dit is het gebied waar de map moet passen. Vervolgens tekenen we de vorm van de map met de Pencil Tool, zoals getoond in (2). Stel vervolgens het raster in op elke pixel, weergegeven in (3). Begin dan de vorm opnieuw te tekenen met de Pen gereedschap, zoals getoond in (4) - (6).

Stap 2

We blijven dit doen tot de hele vorm is getekend.

Stap 3

Hier is het voorbeeld van de originele tekening en de nieuwe gemaakt met de Pen gereedschap. Hoe dan ook, de originele tekening (schets) is voldoende om het proces voort te zetten.

Stap 4

Natuurlijk hebben we een goede textuur nodig, die hier kan worden gedownload.

Stap 5

Laten we vervolgens proberen een bepaald deel van de textuur te maskeren, zodat het er "harig" uitziet aan de randen. Verander vervolgens de laag naar een mapgrootte. Ga naar Kanalenpalet, en vind de juiste met een zo groot mogelijk contrast. In ons geval is het de Red Channel.

Stap 6

Kies het (Ctrl + A). Kopieer en plak het vervolgens in het document. Stel vervolgens de levels dus de witte kleur. Het is echt wit en zwart is zwart. De middentonen kunnen ook worden verlaagd.

Stap 7

Zoom in op de hele foto en probeer een verloop tussen zwart en wit te vinden, dat moet worden gebruikt om een ​​te maken borstel. Selecteer vervolgens het gebied en dupliceer het naar een nieuwe laag (Ctrl + J).

Stap 8

Verberg de originele laag. Pas deze laag vervolgens aan voor het penseelspoor. We kunnen gebruiken levels nogmaals, of de Dodge / Burn Tools.

Stap 9

Op deze manier hebben we een goede controle over alles. Het enige wat we willen doen is het witte gedeelte echt wit maken en het zwarte deel zwart maken. We blijven het aanpassen totdat het lijkt op de afbeelding hieronder.

Stap 10

Als we gelukkig zijn, kunnen we opnieuw kiezen met Shift + Ctrl + D. Keer vervolgens de laag om (Ctrl + I) en maak er een nieuw penseelpad van.

Stap 11

Open de Penselen palet.

Stap 12

Stel de willekeurige grootte in met Grootte jitter van 100% en Hoekjitter van 9%. Let ook op de andere hieronder getoonde instellingen.

Stap 13

Voeg vervolgens een toe kleurenmasker naar de originele (kleur) laag. Vul dit met een zwarte kleur. Begin dan te tekenen met een grasborstel, en gebruik een pad met witte penseelstreken.

Stap 14

Zet rechts Hoek voor elke kant.

Stap 15

We hebben de ruwe schets afgewerkt, nu is het tijd om details af te werken. We kunnen een gebruiken standaard Photoshop-penseel volgende. Zet rechts grootte en hoek, en teken in het masker.

Stap 16

Zodra de laag er "harig" uitziet, kopieer deze dan en maak de map kleiner (Ctrl + T).

Stap 17

Merk op dat elke imperfectie van de vorm gemakkelijk kan worden gecorrigeerd.

Stap 18

Grijp vervolgens de Uitsmeergereedschap en zet het op de juiste borstel.

Stap 19

Maak de tweede laag kleiner in overeenstemming met de achterkant van de map. Hier moeten we rechts insnijden, zoals hieronder wordt weergegeven.

Stap 20

Dit is hoe beide lagen samengevoegd lijken.

Stap 21

Het is noodzakelijk om de achterste laag donkerder te maken. Dit kan gedaan worden door een nieuwe aanpassingslaag van Helderheid / Contrast, die moet worden ingesteld als een snijmasker (Ctrl + Alt + G). Laat vervolgens de Helderheid tot -100.

Stap 22

Dan kunnen we de voorste laag feller maken.

Stap 23

Vervolgens voegen we enkele reflecties toe. Hoewel we moeten respecteren dat pels geen reflectie heeft, dus komen we terug bij de "gras" penseel spoor we hebben er aan de randen mee getekend en getekend.

Stap 24

Het moet onregelmatig worden gemaakt om de reflectie er echt uit te laten zien. De Uitsmeergereedschap kan opnieuw worden gebruikt.

Stap 25

Voeg vervolgens een schaduw toe en ons pictogram is voltooid. Of dat is het niet?

Stap 26

Als u wilt doorgaan, kunt u een label toevoegen. Alles wat je moet doen is wissen één plek met de Clone Stamp Tool.

Stap 27

Maak vervolgens een nieuwe tekstlaag.

Stap 28

Vervolgens voegen we wat willekeurig toe penseelstreken over de laag heen en voeg er een donkerdere plek onder toe.

Stap 29

We eindigen het allemaal met de grasvormige borstel. Houd er rekening mee dat de tekening moet worden gemaakt volgens de hoek van de vacht.

Stap 30

Laat het niet te veel vervagen, want u wilt dat het leesbaar is.

Stap 31

Wil je nog steeds meer? OK, nog een laatste stap. Om de achtergrond te maken vervagen de originele laag met a Mediaan filter, dus het haar is verloren, maar de omtrek is nog steeds goed.

Stap 32

Vervolgens stellen we de laag in op Helderheid, en voeg een toe laagmasker Vervolgens een tekengradiënt binnen de laagmasker gaande van zwart naar wit.

Eindresultaat

We voegen wat tekst toe en nu is ons pictogramontwerp voltooid! Veel succes met je werk en ik wens je veel geweldige ideeën!