Snelle tip een retro pictogramstijl maken met behulp van het uiterlijkvenster

In de volgende Quick-tip leert u hoe u een retro-pictogramstijl maakt. U gebruikt een standaard websymbool en het uiterlijkvenster om een ​​retrostijl te maken die kan worden hergebruikt voor alles, van pictogrammen tot tekst. Dit is de perfecte tutorial voor beginners die meer willen weten over het Appearance Panel. Laten we beginnen!


Stap 1

Omdat dit ontwerp bedoeld is om te worden gebruikt als een webpictogram, begint u met het maken van een 96x 96 pixel artboard. Andere populaire formaten voor webiconen zijn 48px en 16px. Stel de eenheden in op Pixels.


Stap 2

Omdat dit een eenvoudige zelfstudie is, gebruiken we een aantal vooraf gemaakte pictogrammen uit de symbolenbibliotheek. Ga naar Venster> Symbolenbibliotheken> Webpictogrammen. Ik heb het schaarpictogram gekozen om het effect aan te tonen. Sleep het symbool naar het midden van het tekengebied en schaal het zodat het ongeveer 64 px hoog is.


Stap 3

Verbreek de koppeling tussen het symbool en de bibliotheek door naar Object> Uiterlijk uitbreiden te gaan of gebruik een Shape Builder Tool (Shift + M) om te combineren en af ​​te trekken met een symbool waarvoor sommige delen moeten worden gegroepeerd en verwijderd. gedeelten van de illustratie (in eerdere versies van illustrator kunt u de Pathfinder-instellingen gebruiken).

Met het symbool dat ik gebruik, klikte ik met de rechtermuisknop op het symbool om de koppeling te verbreken en nam ik het Shape Builder-gereedschap om de witte cirkels uit het handvat te verwijderen. Dit doe je door de optie ingedrukt te houden en te klikken op de gebieden die moeten worden verwijderd.


Stap 4

Open het deelvenster Vormgeving door naar Windows> Vormgeving te gaan. Ga naar de "fx"knop aan de onderkant van het deelvenster Uiterlijk en navigeer naar Omzetten in vorm> Ellips en voer een absolute breedte en hoogte in van 92 px.


Stap 5

Klik in het deelvenster Vormgeving op de knop Nieuwe vulling toevoegen onder aan het deelvenster om een ​​nieuwe vulling boven de eerste in een contrasterende kleur te maken. Ik gebruik een gele vulling.


Stap 6

Klik op de eerste vulling en wijzig deze van de standaardzwarte in een lichtgrijze kleur of een andere kleur die er goed uitziet met de kleur van de symbolen.


Stap 7

Selecteer de vulkleur Ellipse in het uiterlijkvenster en ga naar "fxen navigeer naar Vervormen & transformeren> Transformeer en verplaats de vulling 3 px Horizontaal en 3 px verticaal, klik op OK.


Stap 8

Klik in het deelvenster Vormgeving op de knop Nieuwe vulling toevoegen onder aan het deelvenster om een ​​nieuwe vulling boven de eerste symboolkleur in een donkere tint te maken in een kleur die de eerste kleurt. Ik gebruik Brown.


Stap 9

Terwijl de tweede vulkleur nog steeds is geselecteerd, gaat u naar "fx"knop en ga naar Vervormen & transformeren> Transformeer en verplaats de vulling 1px Horizontaal en -1px verticaal, klik op OK.


Stap 10

Terwijl de tweede vulkleur nog steeds is geselecteerd, gaat u naar "fx"knop en ga naar Pixel> Kleur halftoon en stel de maximale straal in op 8 px, klik op OK.

Je zou eindigen met een effect zoals het onderstaande voorbeeld.


Stap 11

Klik op de dekkingsinstellingen van de halftoonvulling en wijzig deze in Vermenigvuldigen met een dekking van 25%.


Stap 12

We zullen nu de laatste hand leggen aan het effect. Eerst voegen we wat graan toe. Ga met het object geselecteerd naar "fx"knop en ga naar Texture> Grain Speel met de instellingen Intensity and Contrast tot je een stijl vindt die je mooi vindt, ik heb een intensiteit van 30 en een contrast van 45 gebruikt..

Voeg vervolgens een afgerond hoekeffect toe aan de halftoonvulling. Doe dit door de halftoonvulling te selecteren en naar de "fx"knop en ga naar Stileer> Ronde hoeken." Voorbeeld van de straal om te zorgen dat het effect er goed uitziet. "Ik heb 2px gebruikt. De schaal van het pictogram is van invloed op hoe goed de afgeronde hoeken eruit zien en hoeveel px u moet gebruiken.


Stap 11

Voeg het effect toe aan het deelvenster Grafische stijlen (Venster> Grafische stijlen) door op de knop Nieuwe afbeeldingsstijl onder aan het deelvenster te klikken.


Conclusie

U hebt nu een grafische stijl die op veel verschillende vormen en pictogrammen kan worden toegepast om snel een reeks retro-pictogrammen te maken. Om deze tutorial verder te nemen, kunt u de halftoonlaag van de stijl die u hebt gemaakt bewerken en wijzigen om een ​​reeks retrostijlen te maken zonder helemaal opnieuw te hoeven beginnen. Zie wat je kunt bedenken en deel gerust je werk op de Vectortuts + Facebook-pagina.

Als je deze zelfstudie leuk vond, zou je graag "Een herbruikbare pictogramstijl maken met het Uiterlijkpaneel", die je door het proces van het maken van een pictogram met basisvormen en de padzoeker zal leiden, en dan hoe je een leuke herhaling kunt toevoegen bruikbare stijl. Veel plezier!