Maak een buigend 3D-teksteffect in Adobe Illustrator

In de volgende zelfstudie leert u hoe u een 3D-teksteffect in Adobe Illustrator maakt. Naast het gebruik van de 3D-gereedschappen, laag je lettervormen om kleurverschuivingen met hellingen en hooglichten te maken. Je werkt ook in subtiele patronen die worden bediend met dekkingsmaskers.


Stap 1

Maak een 600 bij 620 pixels, RGB-document en begin met de achtergrond. Gebruik het gereedschap Rechthoek (M) om een ​​vorm te maken ter grootte van uw tekengebied. Vul het met een lineair verloop, zoals getoond in de volgende afbeelding. Bekijk het verloop in de afbeelding van dichtbij en u zult enkele witte cijfers boven de schuifregelaars voor verlopen herkennen. Die nummers staan ​​voor locatiepercentages.


Stap 2

Selecteer de vorm uit de vorige stap en ga naar het deelvenster Vorm (Venster> Vormgeving). Open het fly-outmenu en klik op Nieuwe vulling toevoegen. Hiermee wordt een tweede vulling voor de geselecteerde vorm toegevoegd. Maak het zwart, verlaag de dekking naar 3%, verander de mengmodus naar Vermenigvuldigen en ga vervolgens naar Effect> Artistiek> Filmkorrel. Voer de gegevens in die in de volgende afbeelding worden getoond en klik op OK.


Stap 3

Selecteer het Rechthoekige raster en klik eenvoudig op uw tekengebied. Voer alle gegevens in die in de volgende afbeelding worden getoond en klik op OK. Dit zal een mooi raster toevoegen. Selecteer het, voeg een 0,25pt, zwarte lijn toe en plaats het dan boven de bestaande rechthoek.


Stap 4

Selecteer opnieuw het gereedschap Rechthoek (M), maak een nieuwe vorm ter grootte van uw tekengebied en plaats deze boven het raster. Laten we ons concentreren op deze nieuwe vorm. Kies het gereedschap Direct selecteren (A), selecteer het onderste, linker ankerpunt en verplaats het 350px naar links. Selecteer het onderste, juiste ankerpunt en verplaats het 350px naar rechts. Nu zou je vorm eruit moeten zien als een trapezium (afbeelding # 1). Selecteer het samen met het raster en ga naar Object> Envelopvervorming> Maken met topobject. Uiteindelijk zou je raster er uit moeten zien als afbeelding # 3.


Stap 5

Selecteer het raster opnieuw, verlaag de dekking naar 10% en wijzig de overvloeimodus in Vermenigvuldigen. Ga nu naar Effect> Artistiek> Filmgraan. Voer de gegevens in die in de eerste afbeelding worden weergegeven en klik vervolgens op OK.

Selecteer opnieuw het gereedschap Rechthoek (M), maak een vorm ter grootte van uw tekengebied en vul deze met het lineaire verloop (weergegeven in de tweede afbeelding). Selecteer deze nieuwe vorm samen met het raster en ga naar het paneel Transparantie (Venster> Transparantie). Open het fly-outmenu en klik op Dekkingsmasker maken. Nu zou je vorm er uit moeten zien als afbeelding # 3. Sluit tot slot alle vormen die tot nu toe zijn gemaakt.


Stap 6

Laten we nu de tekst toevoegen. Kies het gereedschap Tekst (T) en voeg het eerste woord toe (Vector). Gebruik het techno overload BRK-lettertype met een grootte van 180pt en stel de kleur in op R = 0, G = 178, B = 180. Selecteer vervolgens het gereedschap Verticaal gereedschap en voeg het tweede woord toe. Gebruik hetzelfde lettertype, dezelfde grootte en dezelfde kleur, maar voer -200 in het trackingvak in. Selecteer deze twee woorden en ga naar Object> Uitbreiden.


Stap 7

Nu zou je twee groepen moeten hebben met de uitgebreide woorden. Selecteer de "VECTOR" -groep en druk op Shift + Command + G om het te degroeperen, selecteer vervolgens de andere groep en ga naar Object> Samengesteld pad> Maken. Selecteer het resulterende pad samen met de "T" van "VECTOR".

Kies het selectiegereedschap (V), klik op de rand van de "T" (het moet worden benadrukt), ga dan naar het paneel Uitlijnen (Venster> Uitlijnen) en klik op de knoppen Horizontaal uitlijnen links en Verticaal uitlijnen boven. Uiteindelijk moeten je vormen worden uitgelijnd zoals getoond in de derde afbeelding. Selecteer een van de "T" -vormen en verwijder deze, selecteer vervolgens al deze lettervormen en ga naar Object> Samengesteld pad> Maken.


Stap 8

Selecteer het pad gemaakt in de vorige stap en ga naar Effect> 3D> Extrude & Bevel. Volg de gegevens in de volgende afbeelding en klik op OK. Maak twee exemplaren van deze vorm (Command + C> Command + F) en maak ze onzichtbaar. Je hebt ze later nodig. Selecteer de oorspronkelijke vorm opnieuw en ga naar Object> Uiterlijk uitvouwen.


Stap 9

Selecteer de groep uit de vorige stap en druk eenmaal op Shift + Command + G. Nu zou je een groep moeten hebben voor elke uitgebreide brief. Ga naar het deelvenster Lagen, bekijk deze groepen, zoek de vorm van de bovenste letters op en verplaats ze. Selecteer al deze vormen, vul ze met een donkerdere kleur en verplaats ze naar de bovenkant van het deelvenster Lagen. Op deze manier onderscheid je ze gemakkelijker van de rest van de vormen.


Stap 10

Maak de twee verlopen die worden weergegeven in de volgende afbeelding en sla ze op in uw deelvenster Stalen. Je zult ze veel gebruiken in de volgende stappen. Nogmaals, let op de verloopafbeeldingen. De gele cijfers staan ​​voor dekkingspercentages.


Stap 11

Laten we nu voor de rest van de vormen zorgen. Laten we beginnen met de eerste letter. Selecteer de vormen die in de eerste afbeelding worden weergegeven en klik op de knop Unite in het deelvenster Pathfinder. Zorg ervoor dat de resulterende vorm is gevuld met R = 0, G = 178, B = 180 en voeg vervolgens drie nieuwe vullingen toe en gebruik de lineaire verlopen die in de vorige stap zijn opgeslagen.


Stap 12

Selecteer de vormen die in de eerste afbeelding worden weergegeven en klik op de knop Unite in het deelvenster Pathfinder. Voeg een nieuwe vulling toe voor de resulterende vorm en gebruik Verloop 1.


Stap 13

Ga naar de tweede letter. Verenig de vormen zoals u deed met de vorige letter, voeg nieuwe vullingen toe en gebruik de opgeslagen verlopen. Meestal heb je twee Verlopen nodig (links en rechts) en een Verloop 2 (midden).


Stap 14

Ga verder met de volgende letter. Verenig de vormen en voeg de opgeslagen verlopen toe.


Stap 15

De volgende is de "T." Maak eerst het verloop dat wordt weergegeven in de volgende afbeelding, sla het op en noem dit "Verloop 3". Splits nu de vormen en voeg de opgeslagen verlopen toe zoals getoond in de volgende afbeelding. De schuifregelaar voor verloop 3 is niet erg duidelijk vanwege de andere schuifknoppen. De extra, ingezoomde afbeelding kan nuttig zijn.


Stap 16

Ga verder met de "O." Verbind opnieuw de vormen en voeg de opgeslagen verlopen toe zoals getoond.


Stap 17

Vervolgens is de "R." Verbind de vormen opnieuw en voeg de opgeslagen verlopen toe.


Stap 18

Ga naar de "U" en volg dezelfde stappen.


Stap 19

Concentreer u op de tweede "T", verenig de vormen en voeg vervolgens de opgeslagen verlopen toe. Nogmaals, je hebt Verloop 3 nodig.


Stap 20

Eindelijk werken we aan de "S." Maak eerst het verloop dat wordt weergegeven in de volgende afbeelding, sla het op en noem het "Verloop 4". Nu verenigt u de vormen en voegt u de opgeslagen verlopen toe zoals afgebeeld.


Stap 21

Hier is hoe uw werk er tot nu toe uit moet zien. Laten we ons nu concentreren op de donkere lettervormen. Kopieer eerst de bovenste "VECTOR" -vormen. Selecteer deze exemplaren en ga naar Object> Samengesteld pad> Maken.


Stap 22

Ga naar Bewerken> Voorkeuren> Algemeen en voer 0.5px in het vak Toetsenbordvergroting in. Dupliceer het pad gemaakt in de vorige stap (Command + C> Command + F). Selecteer deze kopie en druk één keer op de pijl-omhoog. Selecteer de kopie opnieuw samen met de oorspronkelijke vorm en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende groep vormen met wit en verander de overvloeimodus in Overlay.


Stap 23

Ga naar de "U" -vorm. Selecteer het en maak twee kopieën. Selecteer de bovenste kopie en druk twee keer op de pijl omhoog. Selecteer deze twee exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Verwijder de zeer dunne vormen en selecteer vervolgens het resterende pad. Vul deze met de hieronder getoonde lineaire gradiënt (afbeelding # 2) en verander de overvloeimodus in Overlay. Sla dit verloop op in uw deelvenster Stalen. Je hebt hem opnieuw nodig voor de volgende twee stappen.


Stap 24

Ga naar de "T" -vorm en maak twee kopieën. Selecteer de bovenste en druk drie keer op de pijl omhoog. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Je krijgt een groep met twee vormen.

Vervolgens moet u de linker vorm splitsen. Kies het gereedschap Pen (P) en teken een vorm zoals in de tweede afbeelding. Selecteer deze samen met de linker vorm en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul nu deze drie vormen in met het lineaire verloop dat in de vorige stap is opgeslagen en verander hun overvloeimodus in Overlay.


Stap 25

Maak tot slot twee kopieën voor de "S" -vorm. Selecteer de bovenste kopie en druk vier keer op de pijl omhoog. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vormen met de vers opgeslagen gradiënt en wijzig vervolgens de overvloeimodus in Overlay. Selecteer de vormen die in de laatste vier stappen zijn gemaakt en groepeer ze. Dubbelklik op deze nieuwe groep (in het deelvenster Lagen) en noem deze "Licht".


Stap 26

Hier is hoe uw werk er tot dusver moet uitzien. Nogmaals, dupliceer de bovenste "VECTOR" -vormen, selecteer vervolgens deze exemplaren en ga naar Object> Samengesteld pad> Maken.


Stap 27

Dupliceer het pad dat in de vorige stap is gemaakt. Raak deze keer één keer de pijl-omlaag aan. Selecteer de kopie opnieuw samen met het originele pad en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende groep vormen met R = 0, G = 112, B = 132. Verlaag nu de dekking naar 50% en verander de mengmodus naar vermenigvuldigen.


Stap 28

Ga naar de "U" -vorm. Selecteer het en maak twee kopieën. Selecteer de bovenste kopie en druk twee keer op de pijl-omlaag. Selecteer deze twee exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende groep vormen met R = 0, G = 112, B = 132. Verlaag de dekking tot 50% en verander de overvloeimodus in Multiply.


Stap 29

Ga naar de "T" -vorm en maak twee kopieën. Selecteer de bovenste en druk drie keer op de pijl-omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende groep vormen met R = 0, G = 112, B = 132. Verlaag de dekking tot 50% en laat de overvloeimodus op Normaal staan.


Stap 30

Maak nogmaals twee kopieën voor de "S" -vorm. Selecteer de bovenste kopie en druk vier keer op de pijl-omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende groep vormen met R = 0, G = 112, B = 132 en verlaag de dekking naar 50%. Selecteer de vormen die in de laatste vier stappen zijn gemaakt en groepeer ze. Dubbelklik op deze nieuwe groep (in het deelvenster Lagen) en noem deze Donker.


Stap 31

Selecteer alle lettervormen opnieuw en ga naar Object> Samengesteld pad> Maken. Zorg ervoor dat de resulterende vorm onder de groepen "Licht" en "Donker" wordt geplaatst (in het deelvenster Lagen) en vul deze vervolgens met de hieronder weergegeven lineaire verloop. Dubbelklik op deze vorm (in het deelvenster Lagen) en noem deze "Tekst".


Stap 32

Voeg vier nieuwe vullingen toe voor de tekstvorm. Gebruik voor de eerste drie vullingen de weergegeven lineaire verlopen. Selecteer nu de resterende vulling in het deelvenster Uiterlijk. Maak het zwart, verlaag de dekking tot 5%, verander de mengmodus in vermenigvuldigen. Ga naar Effect> Artistiek> Filmgraan. Voer de onderstaande gegevens in (afbeelding 4) en klik op OK.


Stap 33

Vanwege het effect Filmkorrel zijn de randen van de tekst nu een beetje korrelig. Het is misschien moeilijk om het op te merken, vooral vanwege de achtergrond, maar het is beter om ze te maskeren. Dupliceer de tekstvorm (Command + C> Command + F). Selecteer deze kopie, ga naar het deelvenster Vormgeving, houd slechts één vulling bij en maak deze wit. Selecteer deze witte vorm samen met de oorspronkelijke tekstvorm en ga naar het paneel Transparantie. Open het fly-outmenu en klik op Dekkingsmasker maken.


Stap 34

Dupliceer de gemaskeerde vorm uit de vorige stap. Selecteer deze kopie, open het uitvouwmenu van het paneel Transparantie en ga naar Dekkingvrijmasker vrijgeven. Houd de witte vorm en verwijder de andere. Nu moet je het platte wit vervangen door een mooi ingebouwd patroon. Open het fly-outmenu van het deelvenster Stalen en ga naar Open Swatch-bibliotheek> Patronen> Decoratief> Decoratief_modern.

Selecteer de witte vorm opnieuw en klik op het patroon van de optische vierkanten 2. Nu je het patroon voor je vorm hebt toegevoegd, verlaag je de dekking tot 30% en verander je de overvloeimodus in Overlay. Breng tenslotte deze vorm naar voren (Shift + Command + Rechter Bracket-toets).


Stap 35

Dupliceer de vorm die in de vorige stap is gemaakt. Selecteer deze kopie, verhoog de dekking weer tot 100%, verander de mengmodus in Normaal en vul deze met de hieronder getoonde lineaire verloop. Selecteer deze nieuwe vorm samen met de nieuwe en ga opnieuw naar het paneel Transparantie. Open het fly-outmenu en klik op Dekkingsmasker maken. Hierdoor zal het patroon geleidelijk vervagen.


Stap 36

Schakel de zichtbaarheid in voor een van de kopieën gemaakt in de achtste stap. Ga naar het deelvenster Vormgeving en open het effect Extrude & Bevel. Klik op de knop Meer opties, vink het vakje Verborgen vlakken tekenen aan en klik vervolgens op OK en ga naar Object> Uiterlijk uitvouwen. Nogmaals, je krijgt een groep met veel subgroepen en vormen.

Deze stap vereist wat geduld. Boor naar beneden in deze groepen en vind de onderste lettervormen. Verplaats deze negen vormen buiten de groep en verwijder deze. Selecteer deze vormen, ga naar Object> Samengesteld pad> Maken en verplaats vervolgens het resulterende pad achter de andere tekstcomponenten.


Stap 37

Selecteer de vorm gemaakt in de vorige stap. Vul het met R = 0, G = 112, B = 132. Kies nu het selectiegereedschap (V) en sleep de onderste regel ongeveer 2 px naar beneden.


Stap 38

Selecteer de vorm opnieuw in de vorige stap en ga naar Effect> Vervagen> Gaussiaans vervagen. Voer een straal van 2px in en klik op OK. Dupliceer deze vorm. Selecteer deze kopie en verplaats deze tussen het raster en de achtergrondrechthoek in het deelvenster Lagen. Vervang de vulkleur voor deze kopie door R = 209, G = 211, B = 212. Open het Gaussian Blur-effect vanuit het deelvenster Vormgeving en verhoog de straal tot een straal van 10 px.


Stap 39

Selecteer de grijze vorm uit de vorige stap en ga naar Object> Pad> Offset pad. Voer een straal van 5 px in en klik op OK. Selecteer het resulterende pad en druk zeven keer op de pijl-omlaag. Vul het nu in met R = 220, G = 220, B = 220. Open nu het Gaussian Blur-effect en verhoog de straal tot 15 px.


Stap 40

Schakel de zichtbaarheid in voor de andere kopie gemaakt in de achtste stap. Selecteer deze kopie, Breng hem naar voren (Shift + Command + Rechter Bracket-toets) en open vervolgens het Extrude & Bevel-effect in het deelvenster Uiterlijk. Ga naar het vervolgkeuzemenu Surface en selecteer Wireframe, klik vervolgens op OK en pas Object> Uiterlijk uitbreiden toe.


Stap 41

Dupliceer de patroonvorm. Selecteer deze kopie, ontmasker hem en bewaar alleen het masker (de vorm met het verloop). Vervang de verloop met een platte zwarte en breng vervolgens de vorm naar voren (Shift + Command + Rechter Bracket-toets). Selecteer het samen met de groep als resultaat van de vorige stap en ga naar het paneel Transparantie. Open het uitvouwmenu, klik op Dekkingsmasker maken en schakel het vakje Clip uit. Selecteer ten slotte deze gemaskerde groep, verlaag de dekking tot 30% en klaar is Kees.


Conclusie

De uiteindelijke afbeelding wordt hieronder getoond.