Snelle tip maak een reeks schaalbare grunge-pictogrammen

Volg deze snelle tip en leer hoe u een set grunge-pictogrammen maakt. We zullen veel Art-penselen gebruiken en met behulp van het Pathfinder-paneel zullen we de grunge-vorm creëren. Om de grungy look te accentueren, gebruiken we het effect Glass (Frosted) samen met andere uiterlijkheden.


Stap 1

Open eerst een nieuw webdocument. Gebruik het gereedschap Rechthoek (M) om een ​​vierkant van 90x90 px te tekenen en het een vulkleur te geven. Kopieer en plak deze vooraan, verwijder de bestaande vulkleur en geef deze slechts een lijn van 1 pt. Neem vervolgens het schaargereedschap (C) en klik op de vier hoekpunten van het zwarte pad om het vierkant in segmenten te snijden. Ik heb de resulterende vier paden anders gekleurd, zodat je ze beter kunt zien.


Stap 2

Selecteer het roze pad en lijn het uit met een tekenpenseel genaamd Charcoal-Dik dat u kunt vinden in het menu Penseelbibliotheken onder Artistiek> Artistiek_KrijtKrijt. Gebruik dezelfde borstel om het blauwe pad te aaien. Ga verder met het oranje pad en lijn dit uit met Chalk-Scribble uit dezelfde categorie. Voor het groene pad heb ik Dry Brush 8 gebruikt, te vinden onder Artistiek> Artistiek_penseel. Het slagvolume is voor iedereen allemaal 1 pt. U kunt desgewenst andere penselen uit de bibliotheek kiezen. Er is hier geen regel. Ik heb verschillende geprobeerd en vervolgens degenen gebruikt die ik leuk vond.

U kunt ze ook omdraaien door het venster Lijnopties in het Vormgeving-paneel te openen en de opties Omslaan of Omdraaien te controleren.


Stap 3

Kopieer en plak voor het linkerpad en verwijder de bestaande penseelstreek. Selecteer wit als lijnkleur en open vervolgens het menu Penseelbibliotheken en ga naar Artistiek> Artistiek_Ink. Hier vind je een kunstpenseel genaamd Galaxy, waarmee je dit pad kunt aaien (1). Kopieer en plak voor het onderste pad en gebruik Fire Ash om het te aaien (2), dat je in dezelfde categorie kunt vinden. Het slagvolume voor deze twee paden is 1 pt.

Kopieer en plak weer vooraan het onderste pad en teken dit af met Dry Brush 2, te vinden onder Artistiek> Artistic_ChalkCharcoalPencil. Wijzig het lijngewicht voor dit pad in 0,5 pt (3).

Neem vervolgens het gereedschap Pen (P) en teken een pad over de rechterbovenhoek van het vierkant, zoals in de onderstaande afbeelding. Strijk het af met een kunstpenseel genaamd Chalk dat u kunt vinden onder Artistiek> Artistic_ChalkCharcoalPencil en verander het slaggewicht in 2 pt.


Stap 4

Verberg alle witte streken en focus op de eerste penseelstreken (stap 2). Selecteer alle vier en kies Uitvouwen in het menu Object. Selecteer alle resulterende roze vormen en ook het vierkant en klik op Toevoegen aan vormgebied> Uitvouwen vanuit het deelvenster Pathfinder. U krijgt het pad van de grunge-samenstelling dat wordt weergegeven in het eerste deel van de afbeelding hieronder.

Maak nu alle witte penseelstreken weer zichtbaar. Selecteer alle vier en kies in het menu Object de optie Uiterlijk uit te vouwen en kies in het deelvenster Pathfinder de optie Voeg toe aan vormgebied> Uitvouwen. Als gevolg van deze acties verkrijgt u een complex samengestelde pad dat wordt weergegeven in het tweede deel van de afbeelding. Selecteer beide samengestelde paden (deze en de groene) en klik in het deelvenster Pathfinder op Aftrekken van vormgebied> Uitvouwen. De grunge-vorm die u nodig hebt om deze pictogrammen te maken, is gereed.


Stap 5

Vul de grunge vorm verkregen met de radiale kleurverloop getoond en ga dan naar het uiterlijk paneel, open het fly-out menu en kies Nieuwe vulling toevoegen. Verander het verloop met het tweede verloop in het onderstaande voorbeeld, dat dezelfde kleuren heeft, maar alleen omgekeerd. Nadat deze tweede vulling in het Appearance Panel is geselecteerd, ga je naar het effectmenu> Pad> Offsetpad en pas je een minus 2 px offsetwaarde toe.

Ga met de tweede vulling nog steeds naar Effect menu> Vervormen en pas het glaseffect toe. Stel de weergegeven waarden in en kies Frosted als textuur. Ga vervolgens naar Effect-menu> Stileer en pas het Feather-effect toe en verander de mengmodus in Zacht licht.


Stap 6

Laten we doorgaan met de symbolen. Alle symbolen die ik heb gebruikt, zijn te vinden in het menu Symboolbibliotheken in de categorieën die naast elkaar staan. Zoek ze op, sleep ze allemaal naar je werkgebied en druk op de knop Verbroken koppeling met symbool in het symbolenpaneel.


Stap 7

Focus op het Home-symbool. Nadat u op de knop Verbroken koppeling naar symbool drukt, gaat u naar het menu Object en selecteert u Groep tweemaal verwijderen. Als gevolg hiervan krijg je drie vormen, het huis en de twee vensters. Selecteer ze allemaal en klik op Aftrekken van vormgebied> Uitvouwen vanuit het deelvenster Pathfinder om een ​​enkel samengesteld pad te verkrijgen.

Ga naar het shopping-symbool. Selecteer Uitvouwen in het menu Object om de lijnen in vullingen te transformeren en vervolgens driemaal uit de groep te verwijderen. Selecteer nu alle vormen waaruit het winkelwagentje bestaat en klik op Toevoegen aan vormgebied> Uitvouwen om een ​​enkele vorm te krijgen.

Ga verder met het Search World Wide-symbool. Selecteer Uiterlijk uitbreiden in het menu Object en vervolgens op Uitbreiden om alle lijnen in vullingen om te zetten. Maak de groepering tweemaal ongedaan en selecteer vervolgens alle vormen waaruit dit symbool bestaat en klik op Toevoegen aan vormgebied> Uitvouwen om ze allemaal te verenigen.


Stap 8

Selecteer het At-symbool en verwijder eerst het 3D-effect in het Appearance-paneel. Vouw het uit en koppel het vervolgens tweemaal uit. Voor het Talkballon-symbool, ontkoppel het eenvoudig twee keer en het 3D-effect zal zichzelf verwijderen.


Stap 9

Groepeer het Contacts-symbool en verwijder de grijze afgeronde rechthoek. Selecteer alle vormen en klik op Toevoegen aan vormgebied> Uitvouwen om een ​​enkel samengesteld pad te verkrijgen.

Ga verder met het e-mailsymbool en koppel het driemaal uit. Verwijder alle witte vormen en selecteer vervolgens alle zwarte lijnen en vouw ze uit. Selecteer nu alles en klik op Toevoegen aan vormgebied> Uitvouwen vanuit het deelvenster Pathfinder.

Koppel het telefoonsysteem twee keer los en selecteer vervolgens de afgeronde rechthoek en verwijder de zwarte vulling. Geef het een 1-punts zwarte lijn en ga dan naar het menu Object en open het. Selecteer alle vormen waaruit het symbool bestaat en klik op Toevoegen aan vormgebied> Uitvouwen om ze te verenigen.


Stap 10

Hier zijn alle tot nu toe verkregen symbolen. Ze hebben verschillende maten, dus schaal ze tot ze allemaal ongeveer even groot zijn. De andere symbolen die ik heb gebruikt, zijn op dezelfde manier verkregen als de andere. Het doel is hier om uit de groep vormen waaruit elk symbool bestaat een enkel pad te verkrijgen.


Stap 11

Laten we teruggaan naar de vorm van het grunge-pictogram en het Home-symbool plaatsen dat is verkregen bij stap 7 in het midden. Vul het met wit en ga dan naar het Vormgeving Panel, open het fly-out menu en kies Add New Fill. Verander de vulkleur in grijs ga dan naar Effect menu> Vervagen en pas een Gaussiaans vervagen van 3 px toe. Op deze manier krijg je een discrete schaduw rond het symbool.

Neem vervolgens het Type Tool (T) en typ "Home" met een lettertype met de naam Cataclysmic dat in dit geval perfect werkt. Je kunt het hier vinden. Het eerste grunge-pictogram is gereed en u kunt het gebruiken om de andere te maken.

Dupliceer de vorm van het grunge-pictogram en verander eenvoudig de twee radiale verlopen met de weergegeven. Plaats het At-symbool erboven, vul het met wit en maak de discrete schaduw eromheen zoals hierboven getoond. Typ "Adres" met hetzelfde lettertype.

Breng dezelfde wijzigingen aan om het Shop-pictogram te maken ...

... en het pictogram Zoeken:


Stap 12

Hier zijn de vier grunge-iconen die tot nu toe zijn gemaakt. Als u ze wilt schalen, selecteert u Uiterlijk uitvouwen voor de grunge-vorm om alle toegepaste effecten uit te vouwen. Hetzelfde geldt voor de symbolen om het Gaussian Blur-effect uit te breiden. Naast de witte vulling heeft de tekst ook een 0,5 pt witte lijn om het een beetje dikker te maken, daarom moet het twee keer worden uitvergroot. Nu zijn ze allemaal klaar om geschaald te worden.


Stap 13

Als u de rest van de pictogrammen wilt maken, net als in de uiteindelijke afbeelding, zijn dit de twee radiale verlopen die ik voor elk van de pictogrammen heb gebruikt. Verander ze en plaats het symbool en typ de tekst.

Dit zijn de andere twee pictogrammen:


Stap 14

De mogelijkheden zijn eindeloos. In deze set heb ik ook een pictogram Documenten, Mode, Instellingen en een Weer gemaakt met de rest van de symbolen die in stap 6 zijn weergegeven. U kunt elk thema en elke kleur kiezen. U kunt er ook voor kiezen om de tekst niet te schrijven en ze eenvoudig te houden.


Laatste afbeelding

Hier is het laatste beeld, ik hoop dat je deze kleurrijke grunge-iconen leuk vindt.