Share
In de volgende tutorial leer je hoe je een eenvoudige paginabalk kunt maken. U leert hoe u het uiterlijkvenster, verlopen en transformatie-effecten kunt gebruiken om een paginabalk te stijlen. Laten we beginnen!
Open 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 op OK klikt. Schakel de Grid in (View> Show Grid) en de Snap to Grid (View> Snap to Grid).
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 om de maateenheid te vervangen door pixels in Bewerken> Voorkeuren> Eenheid> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.
Kies het gereedschap Rechthoek (M), maak een vorm van 215 bij 25 px, vul het met de hieronder getoonde lineaire verloop en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden.
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 opnieuw de afgeronde rechthoek gemaakt in de vorige stap en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Ga naar het deelvenster Lagen, selecteer de bovenste kopie en verplaats deze 1px omlaag met de pijl omlaag op je toetsenbord. Selecteer beide exemplaren opnieuw, open het deelvenster Pathfinder en klik op de knop Minus voorzijde. Vul de resulterende vorm met zwart en verminder de dekking tot 5%.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de tweede stap en focus op de vormgeving. Voeg een 3pt-streek toe en selecteer deze. Lijn het uit naar binnen, maak het zwart en verminder de dekking tot 5%. Blijf scherpstellen op het Uiterlijkpaneel, zorg ervoor dat de streek nog steeds is geselecteerd en dubbelklik op de knop Dubbel geselecteerd item (aangegeven door de kleine blauwe pijl). Hiermee worden twee kopieën van je zwarte streek toegevoegd. Selecteer de onderste kopie en maak deze 2pt breed en selecteer vervolgens de bovenste kopie en maak deze 1pt breed. Uiteindelijk ziet uw afgeronde rechthoek eruit als in de volgende afbeelding.
Schakel de magnetisch uitlijnen in (Weergave> magnetisch uitlijnen). Voor de volgende stappen heb je om de 1px een raster nodig. Ga dus naar Bewerken> Voorkeuren> Gidsen & raster en voer 1 in het vak Raster elke in. Focus op de rechterkant van de bestaande vormen en pak het gereedschap Rechthoek (M). Maak een vierkant van 19px, vul het met het hieronder getoonde lineaire verloop, plaats het zoals getoond in de volgende afbeelding en ga naar Effect> Stileren> Afgeronde hoeken. Voer een straal van 2 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden.
Selecteer opnieuw het afgeronde vierkant dat in de vorige stap is gemaakt en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en druk vervolgens op Control + Shift + E. Hiermee voegt u een tweede, identiek effect toe. Zorg ervoor dat uw vierkant nog steeds is geselecteerd en ga naar het deelvenster Vormgeving. Voeg een witte lijn van 2 pt toe, lijn deze uit naar binnen en verminder de dekking op 50%. Maak een kopie van deze streek, selecteer deze en verkleinen tot 1pt.
Selecteer opnieuw het afgeronde vierkant, focus op het deelvenster Uiterlijk en voeg een tweede opvulling toe met de knop Nieuwe vulling toevoegen. Selecteer deze nieuwe vulling, sleep deze onder in het deelvenster Vormgeving, maak deze zwart, verminder de dekking tot 7% en ga naar Effect> Pad> Offsetpad. Voer een 2px-offset in, klik op OK en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK.
Kies het gereedschap Rechthoek (M), maak een vierkant van 5 px en vul het met R = 156 G = 156 B = 156. Focus op deze nieuwe vorm, pak het gereedschap Direct selecteren (A), selecteer de juiste ankerpunten en ga naar Object> Pad> Gemiddelde (Alt + Control + J). Vink de knop Beide aan en klik op OK. Dit maakt van je vierkant een driehoek. Selecteer het en ga naar Effect> Stileer> Afgeronde hoeken. Voer een 1px-radius in, klik op OK en ga naar Object> Uiterlijk uitvouwen.
Schakel het magnetisch uitlijnen naar raster uit (Weergave> Uitlijnen op raster). Selecteer de vorm opnieuw die in de vorige stap is gemaakt en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 1px omlaag met de pijl omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 105 G = 105 B = 105. Selecteer de vorm opnieuw die in de vorige stap is gemaakt en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Selecteer de twee vormen opnieuw die in de vorige twee stappen zijn gemaakt, groepeer ze (Control + G) en open het paneel Uitlijnen. Selecteer deze nieuwe groep samen met het afgeronde vierkant, klik op de rand van het afgeronde vierkant (het moet worden benadrukt) en klik vervolgens op de knoppen Horizontaal uitlijnen en Verticaal uitlijnen in het deelvenster Uitlijnen. Dit zal je kleine pijl centreren. Herkies de groep die aan het begin van de stap is gemaakt samen met het afgeronde vierkant en groepeer ze (Control + G).
Schakel de magnetisch uitlijnen in (Weergave> magnetisch uitlijnen). Kies het gereedschap Rechthoek (M) en maak een vorm van 105 bij 19 pixels. Vul het met de hieronder getoonde lineaire gradiënt, plaats het zoals getoond in de volgende afbeelding en ga naar Effect> Stileren> Afgeronde hoeken. Voer een straal van 2 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden.
Selecteer de vorm opnieuw die in de vorige stap is gemaakt en maak een kopie vooraan (Control + C> Control + F). Selecteer het, verwijder de lineaire gradiënt uit de vulling en voeg een zwarte streep toe. Maak het 1pt breed, lijn het uit naar binnen en ga naar Object> Pad> Contourlijn. Vul het resulterende pad met de lineaire gradiënt weergegeven in de uiteindelijke afbeelding.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de elfde stap en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en ga naar het deelvenster Vormgeving. Voeg een 2pt slag toe, maak het wit en lijn het uit naar binnen.
Kies het gereedschap Rechthoek (M) en maak een vorm van 1 bij 17 px. Vul het met de hieronder getoonde lineaire gradiënt, plaats het zoals getoond in de eerste afbeelding en ga naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in het linkervenster worden weergegeven, klik op OK en ga vervolgens terug naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in het rechtervenster worden weergegeven en klik op OK.
Selecteer opnieuw de dunne rechthoek 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 groep opnieuw die in de tiende stap is gemaakt en ga naar Object> Transformeren> Reflecteren. Selecteer de knop Verticaal en klik op de knop Kopiëren. Hiermee wordt een horizontaal gespiegelde kopie van uw groep gemaakt. Selecteer deze nieuwe groep, sleep deze naar rechts en plaats deze zoals getoond in de derde afbeelding.
Schakel het magnetisch uitlijnen naar raster uit (Weergave> Uitlijnen op raster). Pak het tekstgereedschap (T) en voeg de tekst toe die wordt weergegeven in de volgende afbeelding. Gebruik het Calibri-lettertype met de grootte ingesteld op 10pt en de kleur op R = 105 G = 105 B = 105. Selecteer al uw tekst, groepeer deze (Control + G) en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Schakel de magnetisch uitlijnen in (Weergave> magnetisch uitlijnen). Kies het Rechthoekgereedschap (M), maak een 18 bij 15 px vorm, vul het met de hieronder getoonde lineaire verloop en plaats het zoals getoond in de volgende afbeelding. Ga naar het deelvenster Lagen, selecteer deze nieuwe rechthoek en sleep deze onder de groep met de tekst. Dit is hoe de actieve pagina eruit zal zien.
Laten we tot slot een eenvoudige achtergrond toevoegen. Kies het gereedschap Rechthoek (M), maak een vorm ter grootte van uw tekengebied en verzend deze naar achteren (Shift + Control + Linker vierkante haak). Vul deze met de hieronder getoonde radiale gradiënt en focus vervolgens op het deelvenster Uiterlijk. Voeg een tweede vulling toe voor deze vorm en selecteer deze. Maak het zwart, verminder de dekking tot 2%, verander de mengmodus in Vermenigvuldigen en ga naar Effect> Artistiek> Filmkorrel. Voer de onderstaande gegevens in en klik op OK.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de tweede stap en focus op het deelvenster Vormgeving. Zorg ervoor dat er geen vulling of streek is geselecteerd en ga naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in het linkervenster worden weergegeven, klik op OK en ga opnieuw naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in het rechtervenster worden weergegeven, klik op OK en klaar.
Nu is je werk af. Hier is hoe het eruit zou moeten zien.
Accentsconagua