In de volgende stappen leert u hoe u een eenvoudig bestandspictogram kunt maken in Adobe Illustrator. Het is een vrij eenvoudige tutorial die je kennis laat maken met de basisprincipes van het bouwen van pixel-perfecte vectorvormen. Voor de startvormen heb je alleen het gereedschap Rechthoek (M), het effect Afgeronde hoeken en enkele eenvoudige Pathfinder-opties nodig. Vervolgens heeft u voor het kleuren een eenvoudige lineaire gradiënt nodig, een aantal platte kleuren en enkele eenvoudige mengtechnieken. In de laatste / extra stap leer je hoe krachtig het Transform-effect kan zijn.
Open Adobe Illustrator en druk op Command + N om een nieuw document te maken. Typ 600 in het vak Breedte en 300 in het vak hoogte en klik vervolgens op de knop Geavanceerd. Selecteer RGB, Scherm (72ppi) en zorg ervoor dat het vakje "Align New Objects to Pixel Grid" is uitgeschakeld voordat je klikt op OK.
Schakel het raster in (weergave> raster weergeven) en klik op raster (weergave> magnetisch uitlijnen). Vervolgens heb je om de 1px een rooster nodig. Ga eenvoudig naar Bewerken> Voorkeuren> Gidsen & raster, voer 1 in het vak Rasterlijn in en 1 in het vak Onderverdelingen. U kunt ook het infopaneel (Venster> Info) openen voor een livevoorbeeld met de grootte en positie van uw vormen. Vergeet niet om de maateenheid in pixels in te stellen via Bewerken> Voorkeuren> Eenheid> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.
Gebruik het gereedschap Rechthoek (M) om een vorm van 49 bij 64 px te maken, vul deze met R = 210, G = 212, B = 214 en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden.
Stel scherp op de rechterbovenhoek van de vorm die in de vorige stap is gemaakt. Maak met het gereedschap Rechthoek (M) een vierkant van 22 px en plaats het zoals in de eerste afbeelding. Vul het met niets dan bij een 1pt, zwarte lijn. Zorg ervoor dat deze nieuwe vorm is geselecteerd, schakel over naar het gereedschap Ankerpunt verwijderen (-) en klik eenvoudig op het bovenste, rechter ankerpunt (gemarkeerd in de eerste afbeelding). Dit zou van je kleine vierkant een driehoek moeten maken zoals getoond in de tweede afbeelding. Zorg ervoor dat het gereedschap Direct selecteren (A) nog steeds actief is, selecteer het onderste, linker ankerpunt (gemarkeerd in de tweede afbeelding) en druk op de Delete-toets op uw toetsenbord. Uiteindelijk zou je een eenvoudig, schuin pad moeten krijgen zoals getoond in de derde afbeelding.
Selecteer het schuine pad en de afgeronde rechthoek, open het deelvenster Pathfinder (Venster> Pathfinder) en klik op de knop Splitsen. Selecteer de resulterende groep vormen en Degroepeer deze (Shift + Control + G).
Selecteer de kleinere vorm gemaakt in de vorige stap, vul hem met R = 190, G = 192, B = 194, breng hem naar voren (Shift + Control +]) en ga naar Object> Transformeren> Roteren. Voer een hoek van 180 graden in en klik op OK.
Schakel het magnetisch uitlijnen (klik op raster) uit (View> Snap to Grid) en ga naar Bewerken> Voorkeuren> Algemeen en zorg dat de toetsenbordvergroting op 1px staat. Selecteer de kleine driehoekvorm die in de vorige stap is bewerkt en ga naar Object> Pad> Offsetpad. Voer een -1px-offset in en klik op OK. Selecteer de resulterende vorm, maak een kopie vooraan (Control + C> Control + F), selecteer deze en verplaats deze 1 px omhoog met behulp van de pijl-omhoog op je toetsenbord. Selecteer beide vormen gemaakt in deze stap en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 210, G = 212, B = 214.
Selecteer de driehoeksvorm opnieuw en ga opnieuw naar Object> Pad> Offset pad. Voer een -1px-offset in en klik op OK. Selecteer de resulterende vorm, maak een kopie vooraan (Control + C> Control + F), selecteer het en verplaats het 1px omlaag met de pijl omlaag op je toetsenbord. Selecteer beide vormen gemaakt in deze stap en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit.
Selecteer de grotere vorm gemaakt in de vierde stap en maak een kopie vooraan (Control + C> Control + F). Keer terug naar de driehoekvorm, selecteer deze en ga naar Object> Pad> Offsetpad. Voer een 1px-offset in en klik op OK. Selecteer de resulterende vorm samen met de kopie aan het begin van de stap en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met zwart en verlaag de dekking naar 5%.
Selecteer opnieuw de vorm van de driehoek en focus op het deelvenster Vorm (Venster> Vormgeving). Vervang eerst de platte kleur die voor de opvulling wordt gebruikt met de lineaire verloop die wordt weergegeven in de volgende afbeelding en voeg vervolgens een slag van 1 p op. Lijn het uit naar binnen en stel de kleur in op R = 210, G = 212, B = 214. Selecteer deze driehoekige vorm samen met de andere drie vormen gemaakt in de laatste drie stappen en groepeer ze (Control + G).
Laten we naar de grotere, grijze vorm gaan. Selecteer het en ga naar Object> Pad> Offsetpad. Voer een -1px-offset in en klik op OK. Selecteer de resulterende vorm, maak een kopie vooraan (Besturing + C> Besturing + F), selecteer het en verplaats het 1px omhoog. Selecteer opnieuw beide vormen gemaakt in deze stap en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Voorlopig zal de resulterende vorm niet zichtbaar zijn, dus maak je geen zorgen als je geen verandering opmerkt.
Selecteer de grijze vorm opnieuw en ga naar Object> Pad> Offsetpad. Voer een -1px-offset in en klik op OK. Selecteer de resulterende vorm, maak een kopie vooraan (Control + C> Control + F), selecteer het en verplaats het 1px naar beneden en naar rechts. Selecteer opnieuw beide vormen gemaakt in deze stap en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit.
Selecteer de grijze vorm opnieuw en focus op het deelvenster Vorm (Venster> Vormgeving). Vervang eerst de platte kleur die voor de opvulling wordt gebruikt met de lineaire verloop die wordt weergegeven in de volgende afbeelding en voeg vervolgens een slag van 1 p op. Lijn het uit naar binnen en stel de kleur in op R = 210, G = 212, B = 214.
Schakel de magnetisch uitlijnen in (Weergave> magnetisch uitlijnen). Gebruik het gereedschap Rechthoek (M) om een 47 bij 1 px vorm te maken, vul deze met R = 198, G = 215, B = 235 en plaats deze zoals getoond in de eerste afbeelding. Ga naar het deelvenster Lagen, selecteer deze dunne rechthoek, sleep deze naar beneden onder de groep gemaakt in de negende stap en ga vervolgens naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.
Gebruik het gereedschap Rechthoek (M) om een vorm van 1 bij 60 px te maken, vul deze met R = 232 G = 190 B = 189 en plaats deze zoals getoond in de volgende afbeelding.
Gebruik het Ellips-gereedschap (L) om twee, 3px-cirkels te maken en plaats ze zoals getoond in de volgende afbeelding. Vul beide vormen met R = 250, G = 250, B = 250 en voeg een slag van 1 pt toe met de ingestelde kleur op R = 210, G = 210, B = 210.
Gebruik het gereedschap Rechthoek (M) om een vorm van 49 bij 3 px te maken, vul het onderstaande lineaire verloop en plaats het zoals in de eerste afbeelding. De gele nullen van de verloopafbeelding staan voor dekkingspercentage. Selecteer deze nieuwe vorm, verzend deze naar achteren (Shift + Control + [) en verlaag de dekking naar 15%.
Selecteer alle tot nu toe gecreëerde vormen en groepeer ze (Control + G). Selecteer ten slotte deze nieuwe groep en voeg een eenvoudig transformatie-effect toe (Effect> Vervormen en transformeren> Transformeren) zoals weergegeven in de volgende afbeelding.
Nu is je werk af. Hier is hoe het eruit zou moeten zien. Probeer te spelen met het effect Transformeren om meerdere verschillende stapels papier te maken, of het nu op een stapel ligt of helemaal in de war is.