Maak een Alphabetti Spaghetti-teksteffect in Adobe Illustrator

In de volgende stappen leert u hoe u een alfabetti spaghetti-teksteffect in Adobe Illustrator maakt. Om te beginnen leert u hoe u een eenvoudige rechthoek en een stuk tekst kunt maken en hoe u ze gemakkelijk in het midden van uw tekengebied kunt plaatsen. Vervolgens leert u met behulp van elementaire vectorvormtechnieken om de belangrijkste samengestelde paden te maken. Als u verder gaat, voegt u subtiele schaduwen en hooglichten toe met behulp van het deelvenster Vormgeving, basismixtechnieken en een aantal rastereffecten. Als laatste, gebruikmakend van een radiaal verloop en eenvoudige mengtechnieken leer je hoe je het contrast voor de algehele illustratie kunt vergroten.


1. Maak een nieuw document en stel een raster in

Raken Besturing N om een ​​nieuw document te maken. kiezen pixels van de eenheden vervolgkeuzemenu, enter 600 in de breedte box en 800 klik in het vak hoogte op de gevorderd knop. kiezen RGB, Scherm (72ppi) en zorg ervoor dat de Lijn nieuwe objecten uit met Pixel Grid vakje is uitgeschakeld voordat u klikt OK.


2. Maak de achtergrond en de hoofdvormen

Stap 1

Stel scherp op je werkbalk, verwijder de kleur uit de streek en selecteer de vulling en stel de kleur in op R = 180 G = 13 B = 7. Kies het Rechthoekgereedschap (M) en klik eenvoudig op uw tekengebied om het te openen Rechthoek venster. Voer een in 610 in de Breedte doos en 810 in de Hoogte in het vak en klik vervolgens op OK. Vervolgens moet je deze rechthoek centreren, dus open de richten paneel (Venster> Uitlijnen). Stel de uitlijning in op Artboard (open het uitvouwmenu en ga naar Toon opties als je het niet kunt zien Af te stemmen op sectie zoals getoond in de volgende afbeelding) klik dan eenvoudigweg op Horizontaal centreer uitlijnen en Verticaal uitlijnen midden toetsen. Uiteindelijk moet je rechthoek het hele tekengebied bedekken. Ga naar de Lagen paneel, open de bestaande laag, dubbelklik erop en hernoem het eenvoudig "bg".

Stap 2

Stel de vulkleur in op R = 246 G = 169 B = 81, kies het Type Tool (T) en klik gewoon op uw tekengebied. Voeg de "STOP HET SPELEN MET JE VOEDSEL"stuk tekst opent dan de Karakter paneel (Venster> Type> Teken). Gebruik het lettertype van Porky, stel de grootte in op 75pt en de tracking op 120. Zorg ervoor dat je stukje tekst geselecteerd blijft, open de paragraaf paneel (Venster> Type> Alinea) en controleer eenvoudig de Lijn het midden uit knop. Centreer ook dit stuk tekst met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel.

Stap 3

Zorg ervoor dat je stuk tekst nog steeds is geselecteerd en klik Shift-Control-O (of ga naar Typ> Contouren maken). Ontkoppelen (Shift-Control-G) de resulterende groep vormen dan gewoon raken Controle-8 (of ga naar Object> Samengestelde pad> Maken) om die gele vormen in een eenvoudige te veranderen Samengestelde pad. Ga naar de Lagen paneel (Venster> Lagen), Dubbelklik op het samengestelde pad gemaakt in deze stap en noem het eenvoudig "paragraaf".

Stap 4

Focus op de Lagen paneel en schakel de zichtbaarheid voor uw "paragraaf"samengestelde pad Type Tool (T), klik op uw tekengebied en typ eenvoudig de letters van het alfabet en de cijfers 0 tot 9. Zorg ervoor dat dit nieuwe stuk tekst geselecteerd blijft en focus op de Karakter paneel. Gebruik hetzelfde lettertype van Porky, stel de grootte in op 75pt en de tracking op 120.

Stap 5

Zorg ervoor dat het stuk tekst gemaakt in de vorige stap nog steeds is geselecteerd, druk op Shift-Control-O dan Ungroup (Shift-Control-G) de resulterende groep vormen.

Stap 6

Focus op de Lagen paneel en schakel de zichtbaarheid voor uw "paragraaf"samengesteld pad. Keer terug naar uw tekengebied, vermenigvuldig de lettervormen die u in de vorige stap hebt gemaakt en verspreid ze vervolgens over uw"paragraaf"zoals getoond in de volgende afbeelding alt toets van uw toetsenbord, zorg ervoor dat de Selectie gereedschap (V) (of de Direct selectie gereedschap (A)) is actief en klik en sleep eenvoudig de vorm die u wilt dupliceren.

Stap 7

Selecteer enkele van de lettervormen en druk op Alt-Shift-Control-D (of ga naar Object> Transformeren> Transformeer elk). Controleer gewoon de Reflect X in het vak en klik vervolgens op OK.

Stap 8

Selecteer al die lettervormen opnieuw, open de verkenner paneel (Venster> Pathfinder), Klik op de Verenigen knop en druk dan op Controle-8. Ga naar de Lagen paneel, Dubbelklik op dit nieuwe samengestelde pad en noem het "brieven".

Stap 9

Selecteer beide samengestelde pad tot nu toe gemaakt en dupliceer ze (Control-C> Control-F). Zorg ervoor dat alleen de kopieën zijn geselecteerd en verander ze in een enkele Samengestelde pad (Controle-8). Selecteer uw "opnieuw"bg"vorm en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie samen met het samengestelde pad dat aan het begin van de stap is gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Zorg ervoor dat de resulterende groep vormen geselecteerd blijft, breng deze naar voren (Shift-Control-] ) en vervang de bestaande vulkleur door R = 102 G = 45 B = 145.

Stap 10

Zorg dat je groep paarse vormen nog steeds is geselecteerd en maak een kopie vooraan (Control-C> Control-F). Selecteer alleen de groepsexemplaar, verander het in een Samengestelde pad (Controle-8) en stel de vulkleur in op wit. Ga naar de Lagen paneel, noem dit nieuwe samengestelde pad "allemaal"maak het dan onzichtbaar, je hebt het later nodig.

Stap 11

Selecteer je groep paarse vormen opnieuw en klik gewoon op Shift-Control-G naar Ungroup het. Selecteer de hoofdpaarsvorm samen met de kleinere paarse vormen uit het midden van het tekengebied en verander ze in een samengesteld pad. Zorg ervoor dat dit nieuwe samengestelde pad is geselecteerd en vervang de bestaande vulkleur door R = 0 G = 104 B = 56. Ga naar de Lagen paneel, Dubbelklik op dit groene samengestelde pad en noem het "centrum".

Stap 12

Selecteer de resterende paarse vormen (selecteer eenvoudig een van die vormen en ga vervolgens naar Selecteer> Zelfde> Uiterlijk) en verander ze in een Samengestelde pad (Controle-8). Zorg ervoor dat dit nieuwe samengestelde pad is geselecteerd en vervang de bestaande vulkleur door R = 28 G = 117 B = 188. Ga naar de Lagen paneel, Dubbelklik op dit blauwe samengestelde pad en noem het "randen".


3. Voeg details toe voor de samengestelde paden rondom uw lettervormen

Stap 1

Focus op de Lagen paneel, schakel de zichtbaarheid voor uw "centrum"en"randen"samengestelde paden zet dan de zichtbaarheid voor uw"allemaal"samengesteld pad. Zorg dat de"allemaal"samengesteld pad blijft geselecteerd en opent het Verschijning paneel (Venster> Uiterlijk). Selecteer de bestaande vulling, vervang het wit door R = 206 G = 55 B = 0 en ga naar Effect> Stileren> Innerlijke gloed. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 2

Zorg dat je "allemaal"samengesteld pad is nog steeds geselecteerd, focus op de Verschijning paneel en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop (aangegeven door de kleine, blauwe pijl in de volgende afbeelding). Selecteer deze nieuwe vulling, stel de kleur zwart in, verlaag de waarde ondoorzichtigheid naar 35%, verander de Overvloeimodus naar Zacht licht en ga naar Effect> Pad> Offsetpad. Voer een in -20px offset, Klik OK en ga naar Effect> Vervaging> Radiaal vervagen. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 3

Zorg dat je "allemaal"samengesteld pad blijft geselecteerd, focus op de Verschijning paneel en voeg een 2pt slag toe. Selecteer het, stel de kleur in op zwart, lijn hem uit naar binnen, verlaag hem ondoorzichtigheid naar 20% en verander de Overvloeimodus naar Zacht licht. Blijf focussen op de Verschijning paneel en voeg een tweede streek toe met behulp van de Nieuwe lijn toevoegen knop (aangegeven door de kleine, blauwe pijl in de volgende afbeelding). Selecteer deze nieuwe lijn, zorg dat de kleur zwart is ingesteld, stel de grootte in op 4 pt, lijn deze uit naar binnen en verlaag de waarde ondoorzichtigheid naar 15% en verander de Overvloeimodus naar Zacht licht. Ga terug naar de Verschijning paneel en voeg een derde streep voor uw vorm toe. Selecteer het, zorg ervoor dat de kleur op zwart staat, stel het formaat in op 6pt, lijn het uit naar binnen, verlaag het ondoorzichtigheid naar 15% en verander de Overvloeimodus naar Zacht licht.

Stap 4

Focus op de Lagen paneel en schakel de zichtbaarheid voor uw "randen"samengesteld pad Zorg ervoor dat het geselecteerd blijft en focus op de Verschijning paneel. Selecteer de bestaande vulling, vervang de blauwe door zwart, verlaag de waarde ondoorzichtigheid naar 50%, verander de Overvloeimodus naar bedekking en ga naar Effect> Artistiek> Plastic omslag. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK, ga terug naar de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe vulling toevoegen knop. Selecteer deze nieuwe vulling, stel de kleur in op wit, wijzig de Overvloeimodus naar Zacht licht en ga naar Effect> Artistiek> Spons. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 5

Focus op de Lagen paneel en schakel de zichtbaarheid voor uw "centrum"samengesteld pad Zorg ervoor dat het geselecteerd blijft en focus op de Verschijning paneel. Selecteer de bestaande vulling, vervang de green door zwart, verlaag de waarde ondoorzichtigheid naar 60%, verander de Overvloeimodus naar bedekking en ga naar Effect> Artistiek> Plastic omslag. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK, ga terug naar de Verschijning paneel en voeg een tweede vulling toe. Selecteer deze nieuwe vulling, stel de kleur in op wit, wijzig de Overvloeimodus naar Zacht licht en ga naar Effect> Artistiek> Spons. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 6

Focus op de Lagen paneel, selecteer uw "allemaal"samengesteld pad, maak een kopie vooraan (Control-C> Control-F) en breng het naar voren (Shift-Control-] ). Zorg ervoor dat dit exemplaar geselecteerd blijft en klik gewoon op D toets van je toetsenbord om het bestaande te vervangen Verschijning attributen met de standaardwaarden (witte vulling en 1 t, zwarte streep). Focus op de Verschijning paneel, verwijder de zwarte stook en selecteer de vulling. Vervang de bestaande kleur door R = 246 G = 169 B = 81, verlaag het ondoorzichtigheid naar 50%, verander de Overvloeimodus naar Zacht licht en ga naar Effect> Schets> Chrome. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.


4. Voeg details toe voor de lettervormen

Stap 1

Ga naar Bewerken> Voorkeuren> Algemeen en zorg ervoor dat de Toetsenbordverhoging is ingesteld op 1px. Selecteer uw "paragraaf"samengestelde pad, breng het naar voren (Shift-Control-] ) en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en druk eenmaal op de pijl-omhoog om deze te verplaatsen 1px up. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een Samengestelde pad (Controle-8), stel de vulkleur in op R = 180 G = 13 B = 7, verlaag het ondoorzichtigheid naar 25% en verander de Overvloeimodus naar Zacht licht.

Stap 2

Selecteer uw "paragraaf"samengesteld pad en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en druk twee keer op de pijl omhoog om deze te verplaatsen 2px up. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een Samengestelde pad (Controle-8), stel de vulkleur in op R = 180 G = 13 B = 7, verlaag het ondoorzichtigheid naar 25% en verander de Overvloeimodus naar Zacht licht.

Stap 3

Selecteer uw "paragraaf"samengesteld pad en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en druk drie keer op de pijl omhoog om deze te verplaatsen 3px up. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een Samengestelde pad (Controle-8), stel de vulkleur in op R = 180 G = 13 B = 7, verlaag het ondoorzichtigheid naar 25% en verander de Overvloeimodus naar Zacht licht.

Stap 4

Selecteer uw "opnieuw"paragraaf"samengestelde pad en ga naar Object> Pad> Offsetpad. Voer een offset van -2 px in en klik OK. Selecteer de resulterende vorm en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie en verplaats deze 1px gebruik de pijl omlaag op je toetsenbord. Herkies beide vormen die in deze stap zijn gemaakt opnieuw en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een Samengestelde pad (Controle-8), stel de vulkleur in op wit (R = 255 G = 255 B = 255) en verander de Overvloeimodus naar Zacht licht.

Stap 5

Selecteer uw "opnieuw"paragraaf"samengestelde pad, focus op de Verschijning paneel, selecteer de bestaande opvulling en dupliceer deze met behulp van de Geselecteerd item dupliceren knop (aangegeven door de kleine, blauwe pijl in de volgende afbeelding). Selecteer de nieuw toegevoegde opvulling en ga naar Effect> Stileren> Innerlijke gloed. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Effect> Stileer> Gloed buiten. Voer de onderstaande attributen in en klik op OK.

Stap 6

Selecteer uw "opnieuw"paragraaf"samengestelde pad, focus op de Verschijning paneel en voeg een derde vulling toe. Selecteer het, stel de kleur in op wit, lager de kleur ondoorzichtigheid naar 30%, verander de Overvloeimodus naar bedekking en ga naar Effect> Pad> Offsetpad. Voer een in -6.5px offset, Klik OK en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 7

Selecteer uw "opnieuw"paragraaf"samengestelde pad, focus op de Verschijning paneel en voeg een vierde vulling toe. Selecteer het, stel de kleur in op zwart, lager de kleur ondoorzichtigheid naar 35%, verander de Overvloeimodus naar Kleur Dodge en ga naar Effect> Pad> Offsetpad. Voer een in -6.5px offset, Klik OK en ga naar Effect> Vervormen> Glas. Voer de onderstaande attributen in, klik op OK en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 8

Selecteer uw "opnieuw"paragraaf"samengestelde pad, focus op de Verschijning paneel en voeg een vijfde vulling toe. Selecteer het, stel de kleur in op zwart, lager de kleur ondoorzichtigheid naar 10%, verander de Overvloeimodus naar Zacht licht en ga naar Effect> Pad> Offsetpad. Voer een in -1px offset, Klik OK en ga naar Effect> Penseelstreek> Spatten. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 9

Zorg dat je "paragraaf"samengesteld pad is nog steeds geselecteerd, focus op de Verschijning paneel, selecteer de onderste vulling en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond in het linkerbovenvenster (in de volgende afbeelding), klik OK en ga opnieuw naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het bovenste, middelste venster (in de volgende afbeelding), klik OK en ga nog een keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die in het rechterbovenvenster (in de volgende afbeelding) worden weergegeven, klik op OK en ga nog een keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond onderaan, linker venster (in de volgende afbeelding), klik OK en ga nog een laatste keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het onderste, rechtse venster (in de volgende afbeelding) en klik OK.

Stap 10

Selecteer uw "brieven"samengestelde pad, breng het naar voren (Shift-Control-] ) en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 1px up. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een Samengestelde pad (Controle-8), stel de vulkleur in op R = 180 G = 13 B = 7, verlaag het ondoorzichtigheid naar 25% en verander de Overvloeimodus naar Zacht licht.

Stap 11

Selecteer uw "opnieuw"brieven"samengesteld pad en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 2px up. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een Samengestelde pad (Controle-8), stel de vulkleur in op R = 180 G = 13 B = 7, verlaag het ondoorzichtigheid naar 25% en verander de Overvloeimodus naar Zacht licht.

Stap 12

Selecteer uw "opnieuw"brieven"samengesteld pad en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 3px up. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een Samengestelde pad (Controle-8), stel de vulkleur in op R = 180 G = 13 B = 7, verlaag het ondoorzichtigheid naar 25% en verander de Overvloeimodus naar Zacht licht.

Stap 13

Selecteer uw "opnieuw"brieven"samengestelde pad en ga naar Object> Pad> Offsetpad. Voer een in -1px offset en klik OK. Selecteer de resulterende vorm en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie en verplaats deze 1px gebruik de pijl omlaag op je toetsenbord. Herkies beide vormen die in deze stap zijn gemaakt opnieuw en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een Samengestelde pad (Controle-8), stel de vulkleur in op wit (R = 255 G = 255 B = 255) en verander de Overvloeimodus naar Zacht licht.

Stap 14

Selecteer uw "opnieuw"brieven"samengestelde pad en ga naar Object> Pad> Offsetpad. Voer een in -3px offset en klik OK. Selecteer de resulterende vorm en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie en verplaats deze 1px gebruik de pijl-omhoog van je toetsenbord. Herkies beide vormen die in deze stap zijn gemaakt opnieuw en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een Samengestelde pad (Controle-8), stel de vulkleur in op R = 180 G = 13 B = 7, verander de Overvloeimodus naar Zacht licht en ga naar Effect> Blur> Gaussiaanse vervaging. Voer een in 1px Radius en klik OK.

Stap 15

Vervolgens moet u de eigenschappen kopiëren die voor de "paragraaf"samengestelde pad en plak ze op de"brieven"samengestelde pad. Hier is hoe je het gemakkelijk kunt doen. Ga naar de Lagen paneel, focus op de rechterkant en je zult merken dat elke vorm wordt geleverd met een klein cirkelpictogram. Het wordt een doelpictogram genoemd. Houd de alt toets van uw toetsenbord, klik op het doelpictogram dat staat voor uw "paragraaf"samengesteld pad en sleep naar het doelpictogram dat voor u staat"brieven" samengestelde pad.

Vervolgens moet u enkele kleine wijzigingen aanbrengen. Zorg dat je "brieven"samengesteld pad blijft geselecteerd en focus op de Verschijning paneel. Open eerst de vijf Slagschaduw effecten gebruikt voor de onderste vulling en vervang de bestaande kleur (gebruikt voor het effect) met R = 50 G = 0 B = 0. Ga naar de witte vulling, open de bestaande Verschoven pad effect en verlaag de compenseren naar -8px. Blijf scherpstellen op de witte vulling, zorg ervoor dat deze is geselecteerd en ga naar Effect> Blur> Gaussiaanse vervaging. Voer een in 2px Radius en klik OK.


5. Voeg de definitieve aanraken toe

Stap 1

Selecteer uw "opnieuw"bg"rechthoek, maak een kopie vooraan (Control-C> Control-F) en breng het naar voren (Shift-Control-] ). Zorg ervoor dat dit exemplaar geselecteerd blijft, verlaag het ondoorzichtigheid naar 50%, verander de Overvloeimodus naar Zacht licht en vervang de bestaande vlakke kleur door de radiale gradiënt die wordt weergegeven in de volgende afbeelding. De gele nul van de helling beeld staat voor ondoorzichtigheid percentage.


Gefeliciteerd! U bent klaar!

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.