Share
In de volgende tutorial leer je hoe je een verfroller-illustratie maakt met een grungy, verf-teksteffect. We gebruiken beproefde methoden voor het perfectioneren van vectoren van pixels, voegen belichting en transparantie-effecten toe en traceren grunge-effecten in vectorpaden. Leer elke stap over het maken van dit verfrollerteksteffect.
Druk op Command + N om een nieuw document te maken. Voer 1350 in het vak Breedte in en 1000 in het vak Hoogte 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 1px een rooster nodig. Ga naar Bewerken> Voorkeuren> Gidsen & raster, voer 1 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 in pixels in te stellen via Bewerken> Voorkeuren> Eenheid> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.
Kies het gereedschap Rechthoek (M), maak vijf, 25 bij 1 px vormen, plaats ze onder elkaar en vul ze met de hieronder getoonde kleuren. Selecteer al deze paden en ga naar het deelvenster Penselen (Venster> Penselen). Open het uitvouwmenu, klik op Nieuw penseel, vink de knop Patroonpenseel aan en klik op OK.
Het venster Opties patroonpenseel moet open gaan. Voer de onderstaande gegevens in, klik op OK en u zult uw nieuwe patroonpenseel vinden in het deelvenster Penselen. Selecteer deze zeven grijze rechthoeken opnieuw en verwijder ze uit het deelvenster Lagen. Die heb je niet meer nodig.
Voor de volgende stap heb je om de 5px een grid nodig. Ga dus naar Bewerken> Voorkeuren> Gidsen & raster en voer 5 in het vak Raster elke in. Grijp met het gereedschap Pen (P) en teken een eenvoudig pad zoals het zwarte dat in de volgende afbeelding wordt weergegeven.
Maak je geen zorgen, de Snap to Grid zal je werk vergemakkelijken. Schakel over naar het gereedschap Rechthoek (M), maak een vorm van 110 bij 30 pixels en vul deze met R = 240, G = 240, B = 240. Maak nu een 20 bij 60 px vorm en vul deze met R = 62 G = 143 B = 209. Plaats deze twee rechthoeken zoals hieronder getoond. Nogmaals, de Snap to Grid zal je werk vergemakkelijken.
Selecteer het zwarte pad opnieuw dat in de vorige stap is gemaakt en ga naar het deelvenster Vormgeving. Zorg ervoor dat er geen kleur is ingesteld voor de vulling en selecteer vervolgens de lijn. Ga naar het deelvenster Penselen, klik op je patroonpenseel en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2px in en klik op OK.
Keer terug naar "gridline every 1px". Ga dus naar Bewerken> Voorkeuren> Gidsen & raster en voer 1 in het vak Raster elke in. Stel scherp op de blauwe vorm en kies het gereedschap Direct selecteren (A). Selecteer het bovenste, linker ankerpunt en verplaats het 2px naar rechts, selecteer vervolgens het bovenste, rechter ankerpunt en verplaats het 2px naar links. De resulterende vorm zou eruit moeten zien in de tweede afbeelding.
Selecteer de blauwe vorm opnieuw en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 3px in, klik op OK en ga naar Effect> Verdraaien> Boog lager. Voer de onderstaande gegevens in, klik op OK en ga naar Object> Uiterlijk uitvouwen.
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 blauwe vorm opnieuw en ga naar Effect> Pad> Verschoven pad. Voer een offset van -1,5 px in en klik op OK.
Vul de resulterende vorm met wit en maak een kopie vooraan (Command + C> Command + F). Selecteer deze kopie en druk twee keer op de pijl naar rechts. Herkies beide witte vormen opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Selecteer de resulterende vorm en verlaag de dekking tot 30%.
Selecteer de blauwe vorm opnieuw en ga naar Effect> Pad> Verschoven pad. Voer een offset van -1,5 px in en klik op OK. Nogmaals, vul de resulterende vorm met wit en maak een kopie vooraan (Command + C> Command + F). Selecteer deze kopie en druk twee keer op de linkerpijl. Herkies beide witte vormen opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Selecteer de resulterende vorm en verlaag de dekking tot 30%.
Schakel de Snap to Grid opnieuw in (View> Snap to Grid). Kies de Ellips-tool (L), maak een 4 px-cirkel en plaats deze zoals in de eerste afbeelding. Selecteer deze samen met de blauwe vorm en klik op de knop Minus voorzijde in het deelvenster Pathfinder.
Selecteer opnieuw de blauwe vorm, focus op het deelvenster Uiterlijk en klik eenvoudig op de knop Nieuwe vulling toevoegen. Het is het kleine witte vierkantje aan de onderkant van het deelvenster Vormgeving. Uiteraard zal dit een nieuwe vulling voor je vorm toevoegen.
Selecteer het in het deelvenster Uiterlijk, verlaag de dekking tot 30% en gebruik de lineaire gradiënt die wordt weergegeven in de volgende afbeelding. De gele nul van de gradiëntafbeelding staat voor het dekkingspercentage. Zorg ervoor dat deze nieuwe vulling nog steeds is geselecteerd en ga naar Effect> Pad> Offset pad. Voer een offset van -1,5 px in en klik op OK.
Selecteer opnieuw de blauwe vorm en een eerste streek. Maak het 1.5pt breed, lijn het uit naar binnen en stel de kleur in op R = 153, G = 200, B = 220. Zorg ervoor dat deze vorm nog steeds is geselecteerd en klik op de knop Nieuwe lijn toevoegen onder in het deelvenster Vormgeving. Selecteer deze nieuwe stook, maak deze 0.75pt breed, lijn hem uit naar binnen en stel de kleur in op R = 32, G = 93, B = 153.
Kies het Rechthoekgereedschap (M), maak een 5 bij 6 px vorm en een 6 bij 3 px vorm en plaats ze zoals hieronder getoond. Selecteer de bovenste vorm en ga naar Effect> Verdraai> Boog lager. Voer de onderstaande gegevens in, klik op OK en ga naar Object> Uiterlijk uitvouwen. Selecteer de onderste vorm en ga naar Effect> Verdraaien> Boog boven. Voer de onderstaande gegevens in, klik op OK en ga naar Object> Uiterlijk uitvouwen.
Selecteer het pad opnieuw met het patroonpenseel en maak een kopie vooraan (Command + C> Command + F). Selecteer deze kopie en ga naar Object> Uiterlijk uitvouwen. Selecteer de resulterende groep vormen en klik op de knop Verenigen in het deelvenster Pathfinder. Dupliceer het resulterende pad (Command + C> Command + F).
Selecteer de bovenste vorm die in de twaalfde stap is gemaakt, samen met een van de vormen die in de vorige stap zijn gemaakt en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met zwart en verlaag de dekking naar 15%. Selecteer de onderste vorm gemaakt in de twaalfde stap, samen met de resterende vorm gemaakt in de vorige stap en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met zwart en verlaag de dekking tot 20%.
Ga naar de grijze rechthoek. Selecteer het en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga naar Effect> Verdraaien> Ardennen. Voer de onderstaande gegevens in, klik op OK en ga naar Object> Uiterlijk uitvouwen.
Herkies de vorm die in de vorige stap is bewerkt en focus op het paneel Uiterlijk. Selecteer de opvulling en vervang de effen kleur door de hieronder getoonde lineaire helling. Zorg ervoor dat deze vulling nog steeds is geselecteerd en ga naar Effect> Stileren> Innerlijke gloed. Voer de onderstaande gegevens in en klik op OK.
Selecteer de vorm die in de vorige stap is bewerkt opnieuw, voeg een nieuwe vulling toe en selecteer deze in het deelvenster Uiterlijk. Stel de kleur in op R = 240, G = 240, B = 240. Verlaag nu de dekking tot 10%, verander de mengmodus in vermenigvuldigen en ga naar Effect> Artistiek> Spons. Voer de onderstaande gegevens in en klik op OK.
Selecteer de vorm die in de vorige stap is bewerkt opnieuw en voeg de eerste streek toe. Maak het 1.5pt breed, lijn het uit naar binnen en stel de kleur in op R = 240, G = 240, B = 240. Selecteer het in het deelvenster Uiterlijk en ga naar Effect> Vervormen en transformeren> Opruwen. Voer de onderstaande gegevens in en klik op OK.
Zorg ervoor dat deze streek nog steeds is geselecteerd en klik op de knop Geselecteerde punten dupliceren. Het is het kleine bestandspictogram onder in het deelvenster Vormgeving. Uiteraard zal dit een kopie van de geselecteerde stook toevoegen. Selecteer het, verklein de grootte tot 0.75pt en stel de kleur in op R = 209, G = 211, B = 212.
Kies het Rechthoekgereedschap (M), maak twee, 3 bij 8 px vormen en plaats ze zoals getoond in de volgende afbeelding. Selecteer beide vormen en ga naar Effect> Stileren> Afgeronde hoeken. Voer een 1px-straal in en klik op OK.
Selecteer alleen de linker vorm en ga naar Effect> Verdraaien> Boog boven. Voer de onderstaande gegevens in, klik op OK en ga naar Object> Uiterlijk uitvouwen. Selecteer de juiste rechthoek en ga naar Effect> Verdraaien> Boog lager. Voer opnieuw de onderstaande gegevens in, klik op OK en pas Object> Uiterlijk uitbreiden toe.
Herselecteer de twee vormen die in de vorige stap zijn gemaakt, vul ze met R = 230, G = 231, B = 232 en voeg een 0.75pt stoke toe. Lijn het uit naar binnen en stel de kleur in op R = 147, G = 149, B = 152. Ga naar het deelvenster Lagen en sleep deze twee vormen onder de grote, ronde vorm. Uiteindelijk zou het eruit moeten zien als het tweede getoonde beeld.
Kies het gereedschap Rechthoek (M), maak een 12 bij 3 px vorm en plaats het zoals in de volgende afbeelding. Vul het met R = 230, G = 231, B = 232 en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 1px in, klik op OK en ga naar Effect> Verdraaien> Boog boven. Voer de onderstaande gegevens in, klik op OK en pas Object> Uiterlijk uitbreiden toe.
Selecteer de vorm opnieuw die in de vorige stap is gemaakt en voeg een 0.75pt-lijn toe. Zet de kleur op R = 147, G = 149, B = 152 en lijn hem uit naar binnen.
Selecteer alle tot nu toe gemaakte 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 maak een kopie vooraan (Command + C> Command + F). Focus op deze nieuwe groep en verander de kleur van de hendel. Vervang de bestaande eigenschappen door de eigenschappen die worden weergegeven in de volgende afbeelding.
Laten we doorgaan met de achtergrond. Kies het gereedschap Rechthoek (M), maak een vorm ter grootte van uw tekengebied en vul deze met de hieronder getoonde radiale kleurovergang. Het witte getal van de verloopafbeelding staat voor het locatiepercentage. Dit betekent dat je het pictogram van de kleine diamant moet selecteren en naar Locatie moet slepen: 65%.
Herselecteer de rechthoek die in de vorige stap is gemaakt, voeg een nieuwe vulling toe en maak deze zwart. Selecteer het in het deelvenster Uiterlijk, verlaag de dekking naar 20%, wijzig de overvloeimodus in Vermenigvuldigen en ga naar Effect> Schets> Notitiepapier. Voer de onderstaande gegevens in en klik op OK.
Selecteer opnieuw de vorm die in de vorige stap is gemaakt en voeg een derde vulling toe. Selecteer in het deelvenster Uiterlijk de dekkingslaag in 10%, wijzig de overvloeimodus in Vermenigvuldigen en gebruik de hieronder getoonde radiale gradiënt.
Kies het gereedschap Pen (P) en teken enkele eenvoudige lijnen waaruit je tekst bestaat. Selecteer deze paden, verwijder de kleur uit de vulling, voeg een 110 px, witte streep toe en ga vervolgens naar Object> Pad> Omtreklijn. Dit zal de slag verlengen. Ga naar het deelvenster Lagen, focus op deze nieuwe vormen en geef ze een naam. Het zal gemakkelijker voor u zijn om ze in de latere stappen te vinden.
Draai de verfrollergroepen en plaats ze zoals getoond in de volgende afbeelding.
Laten we ons concentreren op een van de witte vormen. Ik zal beginnen met de "T2". Selecteer het, ga naar het deelvenster Vormgeving en verwijder de kleur uit de opvulling. Maak een kopie van dit pad, selecteer het en vul het met zwart.
Selecteer de zwarte vorm opnieuw die in de vorige stap is gemaakt en ga naar Effect> Penseelstreek> Gespoten lijn. Voer de onderstaande gegevens in, klik op OK en ga naar Object> Uiterlijk uitvouwen.
Selecteer het pad opnieuw dat in de vorige stap is gemaakt. Ga eerst naar Object> Live> Trace> Make en ga vervolgens naar Object> Live Trace> Tracing Options. Voer de onderstaande cijfers in, zorg dat het vakje Wit negeren is aangevinkt en klik op Volgen.
Selecteer de vorm die in de vorige stap is bewerkt opnieuw en ga naar Object> Live Trace> Expand. Selecteer de resulterende groep vormen en ga naar Object> Samengesteld pad> Maken.
Selecteer opnieuw "T2" en maak een nieuwe kopie vooraan (Command + C> Command + F). Vul deze kopie met wit en selecteer vervolgens het samengestelde pad gemaakt in de vorige stap en vul het met R = 35, G = 31, B = 32.
Selecteer de twee in de vorige stap bewerkte paden opnieuw en ga naar het paneel Transparantie (Venster> Transparantie). Open het fly-outmenu, klik op Dekkingsmasker maken en schakel het selectievakje Clip uit. Selecteer deze gemaskeerde vorm opnieuw en ga naar Effect> Vervagen> Gaussiaans vervagen. Voer een 1px-straal in en klik op OK.
Selecteer opnieuw "T2", maak een nieuwe kopie vooraan (Command + C> Command + F) en breng het naar voren (Shift + Command +]). Vul deze met zwart en ga naar Effect> Schets> Notitiepapier. Voer de onderstaande gegevens in en klik op OK.
Selecteer het pad opnieuw dat in de vorige stap is gemaakt. Ga eerst naar Object> Live> Trace> Make en ga vervolgens naar Object> Live Trace> Tracing Options. Voer de onderstaande getallen in, zorg dat het vak Wit negeren is aangevinkt en klik op Volgen.
Selecteer de vorm die in de vorige stap is bewerkt opnieuw en ga naar Object> Live Trace> Expand. Selecteer de resulterende groep vormen en pas Object> Samengesteld pad> Maken toe.
Selecteer opnieuw "T2" en maak een nieuwe kopie vooraan (Command + C> Command + F). Vul deze kopie met wit, selecteer vervolgens het samengestelde pad gemaakt in de vorige stap en vul het met R = 35, G = 31, B = 32.
Selecteer de twee in de vorige stap bewerkte paden opnieuw en ga naar het paneel Transparantie (Venster> Transparantie). Open het fly-outmenu, klik op Dekkingsmasker maken en schakel het selectievakje Clip uit. Selecteer deze gemaskeerde vorm opnieuw en ga naar Effect> Vervagen> Gaussiaans vervagen. Voer een 1px-straal in en klik op OK.
Selecteer opnieuw "T2", breng het naar voren (Shift + Command + Rechter Bracket-toets) en vul het met de hieronder getoonde lineaire verloop. Zet de laagdekking terug op 30% en ga naar Effect> Vervagen> Gaussiaans vervagen. Voer een 1px-straal in en klik op OK.
Herkies de twee gemaskeerde vormen opnieuw, verlaag hun dekking tot 60%, selecteer ze vervolgens (samen met de vorm die in de vorige stap is bewerkt) en groepeer ze (Command + G).
Focus op de "V2" -vorm en herhaal de technieken die in de laatste dertien stappen zijn gebruikt.
Gebruik dezelfde technieken voor de vorm "T1". Het enige verschil is dat je de laatste groep moet maskeren. Maak een kopie van "T1" en sleep deze boven de groep (in het deelvenster Lagen). Vul het met de hieronder getoonde lineaire gradiënt en ga naar Effect> Vervagen> Gaussiaans vervagen. Voer een 1px-straal in en klik op OK.
Selecteer de vorm die in de vorige stap is gemaakt, samen met de groep "T1" en ga naar het paneel Transparantie. Open het fly-outmenu en klik op Dekkingsmasker maken. Uiteindelijk zou je groep eruit moeten zien als de tweede afbeelding.
Ga naar de "V1" -vorm, herhaal de technieken die in de vorige stappen zijn genoemd en je bent klaar.
Nu is je werk af. Hier is hoe het eruit zou moeten zien.
Accentsconagua