Share
In de volgende tutorial leer je hoe je een eenvoudig klembordpictogram maakt. Gebruik een volledige Illustrator CS5-workflow, vectorvormtechnieken en vectoreffecten om dit pictogram te ontwerpen. Laten we beginnen.
Druk op Command + N om een nieuw document te maken. Voer 600 in de vakken voor breedte en hoogte in en klik vervolgens op de knop Geavanceerd. Selecteer RGB, Scherm (72ppi) en zorg ervoor dat het vakje Nieuwe objecten uitlijnen op pixelraster niet is aangevinkt voordat u op OK klikt. Schakel nu het raster (weergave> raster) en het magnetisch raster (aanzicht> magnetisch raster) in.
Vervolgens heb je om de 5px een raster nodig. Ga naar Bewerken> Voorkeuren> Hulplijnen> Raster, voer 5 in het vak Raster in elk vak 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 de maateenheid te vervangen door Pixels via Bewerken> Voorkeuren> Eenheid> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.
Kies het gereedschap Rechthoek (M) en maak een vorm van 240 bij 325 pixels. De Snap to Grid zal uw werk vergemakkelijken. Vergeet niet om in uw Info-paneel naar de live preview te kijken met de grootte en locatie van uw shape. Eenmaal gemaakt, vult u uw vorm met R = 195, G = 153, B = 108. Verwijder de kleur uit de streek. Ga naar het deelvenster Lagen, dubbelklik op deze nieuwe vorm en noem deze "Ondersteuning".
Selecteer 'Ondersteuning' opnieuw en ga naar het deelvenster Vormgeving. Selecteer de bestaande vulling en ga naar Effect> Stileren> Gloed binnen. Voer de onderstaande gegevens in en klik op OK.
Selecteer opnieuw "Ondersteuning" en klik op de knop Nieuwe vulling toevoegen. Het is het kleine witte vierkantje onder in het deelvenster Uiterlijk. Uiteraard zal dit een nieuwe vulling voor je vorm toevoegen. Selecteer het in het deelvenster Uiterlijk, stel de kleur in op R = 35 G = 31 B = 32, verlaag de dekking tot 5%, verander de overvloeimodus in Vermenigvuldigen en ga naar Effect> Schets> Grafische pen. Voer de onderstaande gegevens in en klik op OK.
Selecteer 'Ondersteuning' opnieuw en voeg een derde vulling toe. Sleep deze nieuwe vulling naar de onderkant van het deelvenster Vormgeving, vul deze met de hieronder getoonde lineaire verloop en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK. De witte cijfers van de verloopafbeelding staan voor het locatiepercentage.
Selecteer opnieuw "Ondersteuning" en focus op het deelvenster Vormgeving. Selecteer de vulling die in de vorige stap is toegevoegd en klik op het dubbele geselecteerde item. Het is het kleine bestandspictogram onderaan in het deelvenster Vormgeving. Hiermee wordt een kopie van de vulling toegevoegd.
Selecteer deze nieuwe vulling, stel de kleur in op R = 35 G = 31 B = 32, verlaag de dekking tot 5%, verander de overvloeimodus in Vermenigvuldigen en ga naar Effect> Schets> Grafische pen. Voer de onderstaande gegevens in en klik op OK.
Selecteer 'Ondersteuning' opnieuw en voeg een vijfde vulling toe. Sleep het naar de onderkant van het deelvenster Vormgeving, vul het met R = 117 G = 76 B = 41 en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK.
Selecteer 'Ondersteuning' opnieuw en voeg een zesde vulling toe. Sleep het naar de onderkant van het deelvenster Uiterlijk, vul het met R = 35 G = 31 B = 32, verlaag de dekking naar 20% en ga naar Effect> Vervormen & transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK.
Selecteer 'Ondersteuning' opnieuw en voeg een eerste streek toe. Stel de kleur in op R = 212 G = 183 B = 150, maak het 2pt breed en lijn het uit naar binnen. Stel scherp op het deelvenster Uiterlijk en voeg een tweede streek toe met de knop Nieuwe lijn toevoegen. Het is het kleine zwarte vierkantje aan de onderkant van het deelvenster Vormgeving. Selecteer deze nieuwe streek, stel de kleur in op R = 138 G = 94 B = 60, maak deze 1pt breed en zorg dat deze op één lijn ligt.
Selecteer 'Ondersteuning' opnieuw, zorg ervoor dat er geen vulling of streek is geselecteerd en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 7px in en klik op OK. Bekijk het Uiterlijkpaneel van dichterbij en zorg ervoor dat het effect Afgeronde hoeken boven aan het paneel staat.
Voor de volgende stappen heb je om de 1px een raster nodig. Ga dus naar Bewerken> Voorkeuren> Hulplijnen> Raster en voer 1 in het vak Raster elke in. Kies het gereedschap Rechthoek (M), maak een vorm van 210 bij 290 px en vul deze met wit. Schakel over naar het ellipsgereedschap (L), maak een 7px-cirkel, vul deze met een willekeurige kleur en plaats deze zoals getoond in de volgende afbeelding.
Selecteer de cirkel opnieuw die in de vorige stap is gemaakt en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in, klik op OK en pas Object> Uiterlijk uitbreiden toe.
Selecteer de groep cirkels die in de vorige stap is gemaakt, samen met de witte rechthoek en klik op de knop Minus voorzijde in het deelvenster Pathfinder.
Selecteer de witte vorm opnieuw (resultaat van de vorige stap) en plaats deze zoals getoond in de volgende stap.
Selecteer de witte vorm opnieuw en voeg een streek toe. Stel de kleur in op R = 229 G = 230 B = 231, maak deze 2p breed en lijn hem uit naar binnen. Voeg een tweede streek toe voor deze vorm, stel de kleur in op R = 255 G = 255 B = 255, maak 1 druk breed en lijn deze uit naar binnen.
Kies het gereedschap Rechthoek (M) en maak een vorm van 202 bij 1 px. Vul het met R = 152, G = 199, B = 219. Plaats het nu zoals getoond in de volgende afbeelding.
Selecteer opnieuw de blauwe vorm die in de vorige stap is gemaakt en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK.
Kies het gereedschap Rechthoek (M) en maak een vorm van 1 bij 282 px. Vul het met R = 246, G = 186, B = 186. Plaats het nu zoals getoond.
Selecteer opnieuw de roze vorm die in de vorige stap is gemaakt en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK.
Selecteer de witte vorm, samen met de blauwe en roze vormen, en groepeer ze (Command + G). Selecteer deze nieuwe groep en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Selecteer de groep opnieuw die in de vorige stap is gemaakt en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK.
Kies het gereedschap Rechthoek (M) en maak een vorm van 95 bij 24 px. Verwijder de kleur uit de vulling en voeg een 3pt slag toe. Stel de kleur in op R = 109, G = 110, B = 113. Zorg ervoor dat deze nieuwe vorm nog steeds is geselecteerd en ga naar Effect> Stileren> Afgeronde hoeken. Voer een straal van 5 px in en klik op OK. Uiteindelijk moet je vorm eruit zien als de eerste afbeelding die wordt weergegeven.
Selecteer het opnieuw en maak een kopie vooraan (Command + C> Command + F). Selecteer deze kopie, vergroot de lijndikte naar 5pt en ga naar Object> Pad> Omtreklijn. Selecteer het resulterende pad en maak een kopie vooraan (Command + C> Command + F).
Kies het gereedschap Rechthoek (M), maak twee, 17px vierkanten en plaats ze zoals getoond in de eerste afbeelding. Selecteer het linker vierkant, samen met een van de paden ingekaderd aan het einde van de vorige stap en klik op de knop Kruispunt in het deelvenster Pathfinder. Selecteer het rechter vierkant, samen met het andere pad dat aan het einde van de vorige stap is gemaakt en klik nogmaals op de knop Kruispunt in het deelvenster Pathfinder.
Focus op de twee vormen die in de vorige stap zijn gemaakt. Ten eerste hebt u het Round Any Corner-script nodig. Je vindt het in het Vectortuts + artikel 20 Gratis en Handige Adobe Illustrator Scripts-artikel. Sla het op je harde schijf op en pak het gereedschap Direct selecteren (A).
Selecteer de acht ankerpunten gemarkeerd in de eerste afbeelding en ga naar Bestand> Scripts> Ander script. Open het ronde hoekscript, voer een 1px-straal in en klik op OK. Uiteindelijk moeten je vormen eruit zien als de tweede afbeelding die wordt weergegeven.
Herkies de twee vormen die in de vorige stap zijn bewerkt opnieuw en vervang de vlakke kleur uit de vulling door de radiale kleurovergang hieronder weer te geven.
Maak opnieuw een selectie van de vormen die in de vorige stap zijn gemaakt en voeg de twee eenvoudige lijnen toe die worden weergegeven in het deelvenster Vormgeving.
Selecteer opnieuw de afgeronde rechthoek gemaakt in stap 22. Voeg een tweede streek toe voor dit pad, maak het 2,5pt breed en stel de kleur in op wit. Voeg een derde streek toe voor dit pad, maak het 1.75pt breed en stel de kleur in op R = 229, G = 230, B = 231.
Selecteer de vorm die in de vorige stap is bewerkt opnieuw en voeg een nieuwe streek toe. Selecteer het in het deelvenster Uiterlijk, maak het 0.5pt breed, stel de kleur in op R = 166, G = 168, B = 171. Ga nu naar Effect> Vervormen & transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK.
Kies het gereedschap Rechthoek (M) en maak twee, 13 bij 1 px vormen. Vul beide vormen met R = 250 G = 250 B = 250 en plaats ze zoals getoond in de volgende afbeelding.
Selecteer alle vormen die in de laatste acht stappen zijn gemaakt en groepeer ze (Command + G). Selecteer deze nieuwe groep en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Kies het Ellips-gereedschap (L) en maak een 14px-cirkel. Vul deze met de hieronder getoonde lineaire gradiënt en plaats deze zoals getoond in de volgende afbeelding. Voeg een 2pt-lijn voor deze vorm toe, lijn deze uit naar binnen en stel de kleur in op R = 245, G = 245, B = 245. Voeg een tweede streek toe voor dit pad, stel de kleur in op R = 166, G = 168, B = 171, maak deze 1pt breed en lijn deze uit naar binnen. Voeg een derde streek toe voor dit pad, stel de kleur in op R = 88 G = 89 B = 91, maak het 0.3pt breed en lijn het uit naar buiten.
Kies het gereedschap Rechthoek (M), maak een vorm van 85 bij 11 px, vul het met R = 229, G = 230, B = 231. Plaats het nu zoals getoond in de volgende afbeelding. Ga naar het deelvenster Vormgeving en voeg de drie hieronder weergegeven streken toe.
Het is dezelfde set streken die worden gebruikt voor de vorm die in de vorige stap is gemaakt. Zorg ervoor dat deze vorm nog steeds is geselecteerd en ga naar Effect> Stileren> Afgeronde hoeken. Voer een straal van 3px in en klik op OK.
Kies het gereedschap Rechthoek (M), maak een 83 bij 3 px vorm en vul het met R = 166, G = 168, B = 171. Plaats het nu zoals getoond in de eerste afbeelding. Ga verder met het gereedschap Rechthoek (M) en maak twee, 81 bij 1 px vormen. Vul ze met R = 245 G = 245 B = 245 en R = 128 G = 129 B = 132, plaats ze dan zoals getoond in de tweede afbeelding hieronder.
Selecteer alle vormen en groepen die in de laatste twaalf stappen zijn gemaakt en groepeer ze (Command + G). Selecteer deze nieuwe groep en plaats deze zoals getoond in de tweede afbeelding.
Kies het Rechthoekgereedschap (M), maak een 83 bij 8 px vorm, vul het met de hieronder getoonde lineaire verloop en plaats het zoals getoond in de volgende afbeelding. Stel scherp op het deelvenster Uiterlijk en voeg de drie hieronder weergegeven streken toe. Ga naar het deelvenster Lagen en sleep deze nieuwe rechthoek onder de twee groepen.
Ten slotte, als u de vorm "Ondersteuning" kunt bewerken. In de volgende afbeeldingen vindt u twee verschillende sets met eigenschappen die u voor deze vorm kunt gebruiken.
Nu is je werk af. Hier is hoe het eruit zou moeten zien.
Accentsconagua