Share
Wat je gaat creërenIn de volgende stappen leert u hoe u een potloden-teksteffect in Adobe Illustrator maakt met een mooi gedetailleerd patroonpenseel.
Om te beginnen leer je hoe je een eenvoudig raster opzet en hoe je het lichaam van je potlood maakt met behulp van een aantal rechthoeken. Met behulp van de Zig Zag-, Warp- en Roughen-effecten, samen met de basistechnieken voor overvloei en vectorvorm, leert u hoe u de punt van het potlood maakt.
Vervolgens leert u met de effecten Rounded Corners en de functie Live Corners samen met een aantal rechthoeken en samengestelde paden hoe u de resterende componenten van uw potlood kunt maken.
Verderop leert u hoe u uw werk gemakkelijker kunt maken met behulp van de Shape Builder Tool, hoe patronen op te slaan en een naam te geven en hoe u uw eigen patroonpenseel kunt maken. Met behulp van het transformatie-effect leert u hoe u eenvoudig een pad kunt vermenigvuldigen en hoe u het perfect kunt uitlijnen met het pixelraster. Ten slotte leert u hoe u het teksteffect kunt maken met uw patroonpenseel en een eenvoudig stuk tekst als referentie.
Voor meer inspiratie over het aanpassen of verbeteren van je uiteindelijke teksteffect, kun je veel bronnen vinden op GraphicRiver.
Raken Besturing N om een nieuw document te maken. kiezen pixels van de eenheden vervolgkeuzemenu, enter 850 in de breedte box en 585 in het vak hoogte en klik vervolgens op dat Meer instellingen knop. kiezen RGB voor de Kleur mode, stel de Raster effecten naar Scherm (72 ppi), en klik vervolgens op Maak een document.
Schakel het raster in (Beeld> Raster weergeven) en de Snap to Grid (Beeld> Uitlijnen op raster). Je hebt elk een rooster nodig 1 px, dus ga gewoon naar Bewerken> Voorkeuren> Gidsen> Raster, en ga naar binnen 1 in de Gridline elke doos en 1 in de onderverdelingen doos. Probeer niet ontmoedigd te raken door al dat raster - het zal je werk gemakkelijker maken, en onthoud dat je het eenvoudig kunt in- of uitschakelen met de Controle-" Toetsenbord sneltoets.
U kunt meer leren over het rastersysteem van Illustrator in deze tutorial van Andrei Stefan: Het rastersysteem van Adobe Illustrator begrijpen.
U moet ook de. Openen info paneel (Venster> Info) voor een live preview met de grootte en positie van je vormen. Vergeet niet om de maateenheid in te stellen op pixels van Bewerken> Voorkeuren> Eenheden. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.
Kies het Rechthoekgereedschap (M) en focus op je Toolbar. Verwijder de kleur uit de streek en selecteer vervolgens de opvulling en stel de kleur in op R = 227 G = 174 B = 124. Ga naar je tekengebied en maak eenvoudig een 10 x 8 px rechthoek - de Grid en de Snap to Grid zouden dit gemakkelijker moeten maken.
Keer terug naar uw Toolbar en vervang de bestaande vulkleur door R = 207 G = 154 B = 104. Gebruik hetzelfde hulpmiddel om er twee te maken 10 x 6 px vormen en plaats ze precies zoals getoond in de tweede afbeelding.
De ... gebruiken Rechthoekgereedschap (M), maak er twee 10 x 1 px vormen en plaats ze precies zoals getoond in de eerste afbeelding. Vul de bovenste met R = 246 G = 202 B = 155 en de onderste met R = 242 G = 197 B = 158.
Gebruik hetzelfde hulpmiddel om er twee te maken 10 x 2 px vormen en plaats ze precies zoals getoond in de tweede afbeelding. Vul beide vormen met zwart (R = 0 G = 0 B = 0), verlaag hun ondoorzichtigheid naar 40%, en verander de Overvloeimodus naar Zacht licht.
Maak een 10 x 3 px vorm, vul het met wit (R = 255 G = 255 B = 255), lager zijn ondoorzichtigheid naar 50%, en verander de Overvloeimodus naar Zacht licht.
Kies het Pen gereedschap (P) en maak een 20 px verticaal pad. Voeg een ... toe 0,25 px lijn voor dit nieuwe pad, stel de kleur in op R = 237 G = 28 B = 36, en ga dan naar Effect> Vervormen en transformeren> Zig Zag. Voer de attributen in die in de volgende afbeelding worden getoond, klik op OK, en ga dan naar Object> Uiterlijk uitbreiden.
Zorg ervoor dat uw resulterende pad is geselecteerd, ga naar Object> Pad> Join (Besturing J) om je pad te sluiten en druk vervolgens op Shift-X om de vulling- en lijnkenmerken snel om te keren.
De ... gebruiken Rechthoekgereedschap (M), Maak een 21 x 20 px vorm en vul het met een willekeurig blauw. Stel scherp op de rechterkant van deze nieuwe rechthoek en schakel over naar de Direct selectie gereedschap (A). Selecteer beide ankerpunten en ga naar Object> Pad> Gemiddeld. Controleer de Beide vak en klik vervolgens op OK. Dit zou eigenlijk je rechthoek in een driehoek moeten veranderen.
Zorg ervoor dat uw driehoek is geselecteerd en maak een kopie vooraan (Control-C> Control-F). Selecteer het en ga naar Effect> Warp> Arc Upper. Voer de kenmerken in die in de volgende afbeelding worden getoond, klik daarop OK knop en ga vervolgens naar Object> Uiterlijk uitbreiden.
Selecteer uw rode vorm samen met de twee blauwe, open de verkenner paneel (Venster> Pathfinder) en klik op de Verenigen knop.
Zorg ervoor dat je rode vorm nog steeds is geselecteerd en maak een kopie vooraan (Besturing C > Controle-F).
De ... gebruiken Ellipse Tool (L), Maak een 10 px cirkel en vul het met een willekeurig geel. Plaats deze nieuwe vorm zoals weergegeven in de eerste afbeelding en ga vervolgens naar Effect> Vervormen & transformeren> Opruwen. Voer de kenmerken in die in de volgende afbeelding worden getoond, klik daarop OK knop en ga vervolgens naar Object> Uiterlijk uitbreiden.
Selecteer uw gele vorm samen met de kopie van die rode vorm, ga naar de verkenner paneel en klik op de Unie knop. Selecteer de resulterende vorm en vervang de bestaande vulkleur door R = 53 G = 47 B = 49.
De ... gebruiken Rechthoekgereedschap (M), Maak een 25 x 10 px vorm. Vul het met een willekeurig blauw en plaats het zoals getoond in de eerste afbeelding. Stel scherp op de rechterkant van deze nieuwe rechthoek en schakel over naar de Direct selectie gereedschap (A). Selecteer beide ankerpunten en ga naar Object> Pad> Gemiddeld. Controleer de Beide vak en klik vervolgens op OK.
Selecteer uw blauwe driehoek samen met die rode vorm en voeg kopieën vooraan toe (Control-C> Control-F). Zorg ervoor dat alleen de kopieën zijn geselecteerd en klik op de Minus voorkant knop van de verkenner paneel. Gewoon raken Shift-Control-G naar Ungroup jouw resulterende groep.
Selecteer de resterende rode en blauwe vormen en klik vervolgens op Snijden knop van de verkenner paneel.
Ga naar de Lagen paneel (Venster> Lagen), selecteer de donkere vormen die het uiteinde van je potlood vormen en breng ze naar voren (Shift-Control-]).
Selecteer uw blauwe vorm samen met de donkere en voeg kopieën vooraan toe (Control-C> Control-F). Selecteer beide exemplaren en klik op de Snijden knop van de verkenner paneel. Vul de resulterende vorm met R = 96 G = 95 B = 93.
Kies het Rechthoekgereedschap (M) en maak een 3 x 2 px vorm. Vul het met een willekeurig geel en plaats het zoals getoond in de eerste afbeelding.
Blijf focussen op deze nieuwe rechthoek en schakel over naar de Direct selectie gereedschap (A). Selecteer het ankerpunt rechts bovenaan en sleep het naar de punt van uw potlood, zoals weergegeven in de tweede afbeelding.
Dupliceer je gele vorm, selecteer deze kopie, roteer hem 180 graden, en plaats het zoals getoond in de derde afbeelding.
Kies het Rechthoekgereedschap (M) en maak een 24 x 3 px vorm. Vul het met een willekeurig geel en plaats het zoals getoond in de eerste afbeelding.
Blijf focussen op deze nieuwe rechthoek, schakel over naar de Ankerpunttool verwijderen (-), en klik eenvoudig op het ankerpunt rechts boven om het te verwijderen.
Selecteer je bovenste rode vorm en voeg een kopie vooraan toe (Control-C> Control-F). Selecteer deze kopie samen met de bovenste gele vorm en klik op de Snijden knop van de verkenner paneel. Vul de resulterende vorm met zwart, lager zijn ondoorzichtigheid naar 40%, en verander de Overvloeimodus naar Zacht licht.
Selecteer je onderste rode vorm en voeg een kopie vooraan (Control-C> Control-F). Selecteer deze kopie samen met de onderste gele vorm en klik op de Snijden knop van de verkenner paneel. Vul de resulterende vorm met zwart, lager zijn ondoorzichtigheid naar 40%, en verander de Overvloeimodus naar Zacht licht.
Selecteer je blauwe vorm en voeg een kopie vooraan toe (Control-C> Control-F). Selecteer deze kopie samen met de overgebleven gele vorm en klik op de Snijden knop van de verkenner paneel. Vul de resulterende vorm met wit, lager zijn ondoorzichtigheid naar 50%, en verander de Overvloeimodus naar Zacht licht.
Selecteer uw rode vormen en vervang de bestaande kleur met R = 217 G = 164 B = 114. Selecteer uw blauwe vorm en vervang de bestaande kleur met R = 236 G = 192 B = 145.
Kies het Rechthoekgereedschap (M), en maak er twee 3 x 22 px vormen en één 5 x 22 px vorm. Vul alle drie rechthoeken met R = 171 G = 175 B = 184, plaats ze zoals weergegeven in de eerste afbeelding en ga vervolgens naar Effect> Stileer> Afgeronde hoeken. Voer een in 1 px straal, klik dat OK knop en ga vervolgens naar Object> Uiterlijk uitbreiden.
Zorg ervoor dat de resulterende vormen zijn geselecteerd en ga naar Object> Samengestelde pad> Maken (Controle-8) om ze in een samengesteld pad te veranderen.
Zorg ervoor dat je grijze samengestelde pad nog steeds is geselecteerd en voeg een kopie vooraan toe (Control-C> Control-F). De ... gebruiken Rechthoekgereedschap (M), Maak een 13 x 6 px vorm, stel de vulkleur in op R = 149 G = 153 B = 162, en plaats het zoals getoond in de eerste afbeelding.
Selecteer deze nieuwe rechthoek samen met de kopie van uw samengestelde pad en klik op de Snijden knop van de verkenner paneel. Verander de resulterende groep vormen in een nieuw samengesteld pad (Controle-8) en dupliceer het (Control-C> Control-F). Roteer deze kopie 180 graden en plaats het zoals getoond in de vierde afbeelding.
Kies het Rechthoekgereedschap (M), en maak er twee 3 x 1 px vormen en één 5 x 1 px vorm. Vul alle drie rechthoeken met R = 229 G = 229 B = 227 en plaats ze zoals getoond in de eerste afbeelding. Verander ze in een samengesteld pad (Controle-8) om het voor u gemakkelijker te maken om al deze vormen in één keer te selecteren of te bewerken.
Dupliceer dit nieuwe samengestelde pad (Controle-C> Controle-V) en selecteer de kopie. Plaats het zoals getoond in de tweede afbeelding en vervang de bestaande kleur met R = 208 G = 212 B = 215.
Kies het Rechthoekgereedschap (M), en maak er twee 3 x 2 px vormen en één 5 x 2 px vorm. Vul alle drie de rechthoeken met zwart en plaats ze zoals getoond in de eerste afbeelding. Laat ze zakken ondoorzichtigheid naar 30% en verander de Overvloeimodus naar Zacht licht. Verander deze nieuwe vormen in een samengesteld pad en dupliceer het (Controle-C> Controle-V). Selecteer de kopie en plaats deze zoals getoond in de tweede afbeelding.
Kies het Rechthoekgereedschap (M), en maak er twee 3 px vierkanten en één 5 x 3 px vorm. Vul alle drie vormen met wit en plaats ze zoals getoond in de derde afbeelding. Laat ze zakken ondoorzichtigheid naar 40% en verander de Overvloeimodus naar Zacht licht. Verander deze nieuwe vormen in een samengesteld pad.
Kies het Rechthoekgereedschap (M) en maak er twee 1 x 20 px vormen. Vul beide vormen met R = 83 G = 92 B = 107 en plaats ze zoals getoond in de eerste afbeelding.
Gebruik hetzelfde hulpmiddel om er vier te maken 1 px vierkanten en plaats ze zoals getoond in de tweede afbeelding. Vul alle vier vormen met wit, lager hun ondoorzichtigheid naar 70%, en verander de Overvloeimodus naar Zacht licht.
Maak er vervolgens twee 1 x 2 px vormen, vul ze met zwart en plaats ze zoals getoond in de derde afbeelding. Laat ze zakken ondoorzichtigheid naar 20% en verander de Overvloeimodus naar Zacht licht. Verander deze twee vormen in een samengesteld pad (Controle-8) en dupliceer het (Controle-C> Controle-V). Plaats de kopie zoals weergegeven in de vierde afbeelding en verhoog deze ondoorzichtigheid naar 30%.
Maak er twee 1 x 3 px vormen, vul ze met wit en plaats ze zoals getoond in de derde afbeelding. Laat ze zakken ondoorzichtigheid naar 30% en verander de Overvloeimodus naar Zacht licht.
Kies het Rechthoekgereedschap (M), Maak een 15 x 20 px vorm, vul het met R = 224 G = 67 B = 86, en plaats het zoals getoond in de eerste afbeelding. Stel scherp op de linkerkant van deze nieuwe rechthoek en schakel over naar de Direct selectie gereedschap (A). Selecteer beide ankerpunten, ga naar het configuratiescherm en voer eenvoudig in 3 px in dat Corners doos.
Zorg ervoor dat je roze vorm nog steeds is geselecteerd en voeg een kopie vooraan toe (Control-C> Control-F). Kies het Rechthoekgereedschap (M), Maak een 15 x 6 px vorm, plaats deze zoals getoond in de eerste afbeelding en stel de vulkleur in op R = 229 G = 82 B = 101. Selecteer deze nieuwe rechthoek samen met de kopie van je roze vorm en klik op de Snijden knop van de verkenner paneel. Zorg ervoor dat de resulterende vorm is geselecteerd en voeg een kopie vooraan toe (Control-C> Control-F).
Gebruik hetzelfde hulpmiddel om een 15 x 2 px vorm, vul deze met zwart en plaats deze zoals getoond in de derde afbeelding. Selecteer deze nieuwe rechthoek samen met de kopie die enkele ogenblikken geleden is gemaakt en klik op de Snijden knop van de verkenner paneel. Zorg ervoor dat de resulterende vorm geselecteerd blijft, lager ondoorzichtigheid naar 30%, en verander de Overvloeimodus naar Zacht licht.
Selecteer de twee vormen gemaakt in de vorige stap en dupliceer ze (Controle-C> Controle-V). Roteer deze kopieën 180 graden en plaats ze zoals getoond in de tweede afbeelding. Selecteer de vorm gemarkeerd in de tweede afbeelding en vervang eenvoudig de bestaande vulkleur met R = 214 G = 57 B = 76.
Kies het Rechthoekgereedschap (M), maak er twee 15 x 1 px vormen en plaats ze precies zoals in de eerste afbeelding. Vul de bovenste met R = 255 G = 122 B = 141 en de onderste met R = 235 G = 102 B = 121.
Gebruik hetzelfde hulpmiddel om een 15 x 3 px vorm en plaats deze precies zoals getoond in de vierde afbeelding. Stel de vulkleur in op wit, verlaag de waarde ondoorzichtigheid naar 30%, en verander de Overvloeimodus naar Zacht licht.
Kies het Rechthoekgereedschap (M) en maak een 4 x 26 px vorm. Vul het met een willekeurig rood, lager het ondoorzichtigheid ongeveer 50%, en plaats het precies zoals getoond in de eerste afbeelding. Selecteer deze rechthoek samen met de rest van de tot nu toe gemaakte vormen en Groep hen (Controle-G).
Maak een kopie van je groep (Controle-C> Controle-V) en plaats deze zoals getoond in de derde afbeelding.
Selecteer je topgroep en kies de Shape Builder Tool (Shift-M). Houd de alt op uw toetsenbord en sleep eenvoudigweg een enigszins verticaal pad van de boven- naar de onderrand van die rode rechthoek. Met deze beweging wordt die rode rechthoek snel verwijderd, samen met alle vormen die erachter liggen, en uiteindelijk zien de dingen er in de tweede afbeelding uit.
Selecteer de resterende groep vormen en kies hetzelfde Shape Builder Tool (Shift-M). Houd deze keer de Verschuiving en de alt knoppen op uw toetsenbord en sleep twee eenvoudige selecties naar de linker- en rechterkant van die rode rechthoek, zoals weergegeven in de volgende afbeeldingen. Uiteindelijk zou het er in de derde afbeelding moeten uitzien.
Schakel over naar de Direct selectie gereedschap (A), selecteer die rode rechthoek en verwijder deze eenvoudig met behulp van de Verwijder knop op uw toetsenbord.
De ... gebruiken Direct selectie gereedschap (A), selecteer alle vormen die in de eerste afbeelding zijn gemarkeerd en sleep ze gewoon naar binnen Stalen paneel (Venster> stalen) om ze als een patroon te bewaren. Deselecteer de vormen uit uw tekengebied en selecteer dat patroon uit de Stalen paneel (Venster> stalen). Open het fly-outmenu van de Stalen paneel en ga naar Staalopties ... . Hernoem je patroon "Begin"en klik vervolgens op de OK knop.
Selecteer de vormen die in de tweede afbeelding zijn gemarkeerd en sla ze op als een tweede patroon. Selecteer dit nieuwe patroon en hernoem het "Einde".
Selecteer de vormen die in de volgende afbeelding zijn gemarkeerd, open de Borstels paneel (Venster> Penselen) en klik erop Nieuw penseel knop. Controleer de Patroonpenseel vak en klik OK. Kies een naam voor uw patroon, zorg ervoor dat de attributen zijn ingesteld zoals hieronder getoond en richt u vervolgens op de Tegel dozen.
Eenvoudig open de Start Tile en voeg je "Begin"patroon, en open dan de Einde tegel en voeg je "Einde"patroon. Als je klaar bent, klik je op OK knop en je nieuwe patroonpenseel verschijnt in de Borstels paneel.
Kies het Rechthoekgereedschap (M) en maak een 860 x 595 px vorm. Vul het met R = 250 G = 255 B = 255 en zorg ervoor dat het uw gehele tekengebied bedekt.
Kies het Pen gereedschap (P), Creëer een 860 px horizontaal pad en plaats het zoals weergegeven in de volgende afbeelding. Voeg een ... toe 1 px lijn voor dit pad en stel de kleur in op R = 41 G = 171 B = 226.
Zorg ervoor dat uw horizontale pad nog steeds is geselecteerd, verlaag het ondoorzichtigheid naar 20%, en ga dan naar Effect> Vervormen en transformeren> Transformeren. Sleept de Move-Vertical schuif naar 0,5 px, klik dat OK knop en ga vervolgens opnieuw naar Effect> Vervormen en transformeren> Transformeren. Sleep deze keer Move-Vertical schuif naar 15 px, invoeren 39 in de kopieën in en klik vervolgens op OK.
Dat eerst Transformeren effect wordt gebruikt om uw lijn perfect af te stemmen op het pixelraster. Schakel de Pixel Preview voorzien zijn van (Beeld> Pixelvoorbeeld), bekijk uw horizontale pad van dichterbij en schakel dat vervolgens uit Transformeren effect om te begrijpen wat het precies doet.
Kies het Type Tool (T) en open de Karakter paneel (Venster> Type> Teken). Selecteer het Milkshake-lettertype en stel de grootte in op 200 px en de tracking naar 100.
Klik eenvoudig op uw tekengebied en voeg de "Trek"tekst. Maak het zwart en verlaag het ondoorzichtigheid ongeveer 30% van de Transparantie paneel (Venster> Transparantie).
De ... gebruiken Pen gereedschap (P) en het stukje tekst als referentie, teken enkele eenvoudige paden zoals weergegeven in de tweede afbeelding.
Ontdoe je van je tekst en zorg ervoor dat je paden zijn geselecteerd. Breng uw patroonborstel eenvoudig aan op de Borstels paneel (Venster> Penselen) en ga dan naar Effect> Stileren> Slagschaduw. Voer de attributen in die getoond worden in het linkervenster (in de volgende afbeelding), klik op de OK knop en pas dan de andere twee toe Slagschaduw bijwerkingen.
Voeg ten slotte een eenvoudig krabbeleffect toe voor de rest van de woorden.
Hier is hoe het eruit zou moeten zien. Ik hoop dat je deze tutorial leuk vond en deze technieken kunt toepassen in je toekomstige projecten.
Voel je vrij om het definitieve ontwerp aan te passen en het je eigen ontwerp te maken. Je kunt bij GraphicRiver een aantal geweldige inspiratiebronnen vinden met interessante oplossingen om je ontwerp te verbeteren.
Accentsconagua