Creëer een door honkbal geïnspireerd teksteffect in Adobe Illustrator

Wat je gaat creëren

Voor alle sportfans die er zijn, leer je in deze tutorial hoe je een op honkbal geïnspireerd teksteffect creëert. Je begint met het voorbereiden van de tekst, daarna kun je met behulp van het Bas Relief-effect en het effect Inner Glow eenvoudig een dimensie toevoegen. Vervolgens maak je een vectortextuur en een patroonpenseel waarmee je de karakteristieke honkbalsteken toevoegt. De volgende op de takenlijst is de versleten en vuile look waarvoor je een ingebouwd Art Brush gebruikt. Je eindigt met de grasachtergrond en de extra plukjes gras rond de letters. Laten we erin springen! 

1. Start een nieuw project 

Start Adobe Illustrator en ga naar Bestand> Nieuw om een ​​leeg document te openen. Typ een naam voor uw bestand en stel de afmetingen in en selecteer vervolgens pixels zoals eenheden en RGB zoals Kleur mode. Ga vervolgens naar Bewerken> Voorkeuren> Algemeen en stel de Toetsenbordverhoging naar 1 px en terwijl je daar bent, ga je naar Eenheden en weergaveprestaties om ervoor te zorgen dat de eenheden zijn zoals in de volgende afbeelding. Ik werk meestal met deze instellingen en zij zullen je tijdens het tekenproces helpen. 

2. Bereid de tekst voor

Stap 1

Grijp de Type Tool (T) en typ "SPORT"Op je kunstboard met Cooper Black, regelmatig, De grootte van 120 pt. Stel de tracking in op 50, selecteer vervolgens Uitbreiden van de Voorwerp menu en Ontkoppelen (Shift-Control-G)

Stap 2

Selecteer alle letters en voeg een toe 4,5 pt Stroke gebruikmakend van de kleur van uw keuze. Selecteer nu Uitbreiden van de Voorwerp menu en Ontkoppelen (Shift-Control-G) om de slagen in vullingen te veranderen. 

Focus op de letter "S". Op dit punt moet de letter zijn samengesteld uit de zwarte vorm en de groene vorm (de rand gevuld met de kleur van uw keuze). Selecteer beide vormen en druk op Toevoegen in de verkenner paneel om ze in een enkele vorm te verenigen. Herhaal hetzelfde voor de andere vier letters. 

Stap 3

Selecteer de letter "O" en ga naar Object> Samengestelde pad> vrijgeven, verwijder vervolgens de kleinere ellips uit het midden.  

Stap 4

Vul de letter "O" met de weergegeven radiale kleurovergang en gebruik de beige kleur die voor de rest is aangegeven.

Stap 5 

Selecteer vervolgens alle letters en ga naar Effect> Stileren> Innerlijke gloed, Pas de getoonde instellingen toe en druk op OK. Ik zal deze letters voortaan aanduiden als: "oorspronkelijke S", "oorspronkelijke P", "oorspronkelijke O", "oorspronkelijke R" en "oorspronkelijke T".

3. Dimensie toevoegen aan de tekst

Stap 1 

Selecteer vervolgens alle originele letters Kopiëren en Plakken op de rug (Control-B). Verwijder alle bestaande verschijningen door op te drukken Duidelijke verschijning pictogram onderaan de Verschijning paneel. Vul nu deze kopieën in met zwart en ga dan naar Effect> Schets> Bas Relief, pas de instellingen van onder toe toe en druk op OK. Op dit punt kun je het resultaat niet echt zien, maar ga je naar de volgende stap.  

Stap 2

Als u de originele letters onzichtbaar maakt (door op het oogpictogram naast elke letter in de Verschijning paneel), zult u de kopieën van de letters kunnen zien met de Bas Relief effect toegepast op hen. Voor een subtielere look, verminder de ondoorzichtigheid naar 65% voor elke letter. 

Stap 3

Schakel de zichtbaarheid weer in voor de originele letters en zet ze allemaal op Overlay met overvloeimodus

Stap 4

Als u inzoomt op een van de letters, zult u merken dat het Bas Relief effect, hoewel het geweldig is, geeft ons korrelige randen. Maak je geen zorgen: we kunnen dit oplossen met een eenvoudig masker. Selecteer eerst alle originele letters en vervolgens Kopiëren en Plakken op de rug (Control-B). Stel de kopieën die u hebt verkregen in op stroke-none, fill-none door op de te drukken Duidelijke verschijning pictogram onderaan de Verschijning paneel. 

Focus vervolgens op de eerste letter. Selecteer de kopie van de "originele S" die u zojuist hebt gemaakt, samen met de letter "S" met de Bas Relief effect erop toegepast en ga naar Object> Knipmasker> Make (Control-7). In de Lagen paneel moet je de nieuwe groep zien, die ik "Bas Relief" heb genoemd, en de "originele S" die altijd bovenaan blijft staan. 

4. Maak de textuur

Stap 1

Grijp de Rechthoekgereedschap (M) en teken een grote rechthoek over de letters. Als een referentie gaat de mijne over 550 x 200 px. Selecteer wit als vulkleur en ga vervolgens naar Effect> Textuur> Stained Glass, pas de instellingen van onder toe toe en druk op OK.

Stap 2

Selecteer met de rechthoek geselecteerd Uiterlijk uitbreiden, en ga dan naar Object> Live Trace> Tracing-opties. Breng de wijzigingen hieronder gemarkeerd aan en druk op Spoor, selecteer vervolgens Uitbreiden van de Voorwerp menu. Nu is je textuur vector. 

Stap 3

Met de textuur nog steeds geselecteerd, kijk eens naar de afmetingen in de Transformeren paneel. In plaats van de bestaande dimensies (wat deze ook zijn) typt u 480 px in de Breedte veld en 120 px in de Hoogte veld. Dit zal niet alleen de textuur kleiner maken, maar ook de cellen zullen kleiner worden, en dit is wat we willen. 

Stap 4

Zet de textuur op Overlay met overvloeimodus en 20% dekking (1). Selecteer vervolgens "original S", "original P", ..., "original" T ", then Kopiëren en Plak aan de voorkant (Control-F) allemaal. Verwijder alle bestaande verschijningen en breng ze voor alles naar toe Object> Schikken> Naar voorgrond brengen (Shift-Control-]). Ga naar met deze vijf exemplaren nog steeds geselecteerd Object> Samengestelde pad> Maken (Control-8) (2). Selecteer nu het nieuwe samengestelde pad (stroke-none, fill-none) samen met de textuur en ga naar Object> Knipmasker> Make (Control-7) (3). 

Stap 5

Ga naar de Lagen paneel en zoek de textuur onder het masker dat u zojuist hebt gemaakt. Kopiëren en Pasta vooraan (Control-F), verander de vulkleur van zwart naar wit en verplaats deze dan 1 px omhoog en 1 px naar links door op te drukken Pijltoets omhoog/Pijl-links op je toetsenbord. Stel de Overvloeimodus terug naar normaal maar houd de ondoorzichtigheid op 20%

5. Maak het patroonpenseel voor honkbalsteken

Stap 1

Grijp de Pen gereedschap (P) en teken een bloemblaadjesachtige vorm, maar vlak aan de onderkant. Als referentie gaat mijn vorm over 12 x 33 px, dus vrij klein (1). Gebruik de Draaien optie in de Transformeren paneel om deze vorm te roteren -15 graden (2), ga dan naar Object> Transformeren> Reflecteren, controleren Horizontaal,en druk op Kopiëren. Plaats de twee vormen zoals in de afbeelding, waarbij de twee binnenste hoeken een beetje overlappen (3). Verplaats enkele van de binnenste punten om een ​​relatief rechte lijn in het midden te krijgen, zoals aangegeven door de richtlijn (4). Teken ten slotte twee ellipsen en stuur ze naar achteren (5).

Stap 2

Controleer voordat u doorgaat of de twee bloemblaadjesachtige vormen zijn gevuld met dezelfde kleur (paars) en dat de twee ellipsen ook zijn gevuld met dezelfde kleur (groen). Selecteer nu alles en sleep het naar de Borstels paneel om op te slaan Nieuw patroonpenseel. Typ in het venster dat verschijnt een naam voor je penseel en laat de instellingen ongewijzigd. 

6. Maak de steken op de tekst

Stap 1 

Gebruik de Pen gereedschap (P) of de Pencil Tool (N) om twee licht gebogen paden op elke letter te tekenen, zoals in de afbeelding. Gebruik de kleur die is aangegeven als lijnkleur en stel de Beroerte gewicht op 0,5 pt

Stap 2

Selecteer als de tien paden nog steeds zijn geselecteerd Nieuwe lijn toevoegen uit het fly-out menu van de Verschijning paneel. Dit zal een tweede streek toevoegen boven de eerste en u kunt nu de Honkbalsteekpatroonborstel eerder opgeslagen. Stel de Beroerte gewicht op 1 pt, en dubbelklik vervolgens op de penseel die is toegepast in de Verschijning paneel om de te openen Lijn opties venster. Type 20% in de Schaal veld en druk OK

Stap 3

Laten we nu de honkbalsteken inkleuren. Maar selecteer eerst alle gestippelde paden en kies Uiterlijk uitbreiden van de Voorwerp menu. Zoom in op de letter "S" en selecteer vervolgens met de Direct selectie gereedschap (A) slechts een van de paarse vormen en ga naar Selecteer> Zelfde> Opvulkleur. Als gevolg hiervan worden alle paarse vormen geselecteerd en kunt u ze allemaal tegelijk vullen met de weergegeven radiale kleurovergang.

Stap 4

Selecteer vervolgens slechts een van de groene ellipsen en ga vervolgens naar Selecteer> Zelfde> Opvulkleur. Als gevolg hiervan worden alle groene ellipsen geselecteerd en kunt u ze vullen met de weergegeven radiale kleurovergang. 

Stap 5

Het is tijd om wat schaduw toe te voegen. Neem de Pen gereedschap (P) of de Pencil Tool (N) en trek opnieuw twee paden op elke letter. U ziet dat een van de paden de binnenkant van de steek volgt en de andere de buitenzijde van de tweede steek (1). Houd hier rekening mee wanneer u de paden tekent.

Selecteer een 1 pt black Stroke voor deze tien paden, ga dan naar Effect> Blur> Gaussiaanse vervaging en solliciteer een 1.5 px Radius (2). Zet ze allemaal op 40% dekking voor een subtielere schaduw (3).

Stap 6

Vervolgens maken we enkele maskers en gebruik ik de letter "S" als voorbeeld. Selecteer "originele S" en vervolgens Kopiëren en Plak aan de voorkant (Control-F). Verwijder alle bestaande verschijningen en breng deze voor alles naar toe Object> Schikken> Naar voorgrond brengen (Shift-Control-]) (1). Selecteer nu dit exemplaar van de brief, samen met de twee steken en de twee schaduwpaden (2) en ga naar Object> Knipmasker> Make (Control-7) (3). U kunt de resulterende groep "Steken 'S'" een naam geven in de Lagen paneel. 

Stap 7

Herhaal de vorige stap voor de rest van de letters, en op dit punt moet je tekst schone randen hebben. 

7. Maak de versleten / vuile look

Stap 1 

Neem de Pen gereedschap (P) of de Lijnsegmenthulpmiddel (\) en teken een recht pad over elke letter, zoals in de volgende afbeelding. Selecteer zwart als vulkleur en navigeer vervolgens naar Penseelbibliotheken Menu> Artistiek> Artistic_ChalkCharcoalPencil en vind Chalk Art Brush. Gebruik het om deze vijf paden te aaien en het te vergroten Beroerte gewicht naar 2 pt

Stap 2

Selecteer "origineel S", "origineel P", ..., "origineel T" en vervolgens Kopiëren en Plak aan de voorkant (Control-F). Verwijder alle bestaande verschijningen en breng ze voor alles naar toe object> Schikken> Naar voorgrond brengen (Shift-Control-]). Focus nu op de letter "S". Selecteer de kopie van de brief die u zojuist hebt gemaakt, samen met het gestippelde pad en ga naar Object> Knipmasker> Make (Control-7). U kunt de resulterende groep "Dirt 'S'" in de Lagen paneel. 

Herhaal hetzelfde voor de rest van de letters om schone randen te krijgen. 

Stap 3

Selecteer het streppad over de letter "S" en stel het in Overvloeimodus naar bedekking. Doe hetzelfde voor de andere vier letters. U kunt ook het ondoorzichtigheid een beetje als dat nodig is. 

8. Voeg de schaduw toe

Stap 1 

Selecteer de originele letters en vervolgens Kopiëren en Plakken op de rug (Control-B). Verwijder alle bestaande verschijningen en stuur ze achter alles door naar Object> Schikken> Verzenden naar achter (Shift-Control- [). Gebruik de kleur die wordt aangegeven als vulkleur en ga vervolgens naar Effect> Stileren en pas de Slagschaduw effect vier keer. 

Stap 2

Dit zijn de instellingen voor de vier Slagschaduw bijwerkingen: 

9. Maak de grasachtergrond

Stap 1

Maak eerst een nieuw Laag "BG" genoemd onder de laag met het teksteffect. Grijp de Rechthoekgereedschap (M) en teken een rechthoek ter grootte van uw tekengebied, wat in mijn geval het geval is 600 x 400 px. Selecteer de kleur die wordt aangegeven als de vulkleur.

Stap 2

Kopiëren en Plak aan de voorkant (Control-F) dezelfde rechthoek en verander de vulkleur naar zwart. Ga dan naar Effect> Schets en pas de Notitie papier effect. Dit is nog maar het begin, maar je kunt de rest van de details in mijn zelfstudie zien. Creëer een Vector Grass Text Effect, omdat deze achtergrond van daaruit geïnspireerd is. Volg in principe de uitleg en instellingen van stap 2 tot stap 6 en u krijgt de grasachtergrond.  

Stap 3

Aan het einde van stap 6 ziet de achtergrond er als volgt uit:

Stap 4

Teken een andere rechthoek met dezelfde grootte en vul deze met een radiaal verloop van wit naar zwart. Zet het op Mengmodus Vermenigvuldigen en 40% dekking en de achtergrond is klaar. 

10. Voeg extra plukjes gras toe

Stap 1

Keer terug naar de laag met het teksteffect. Ga naar de Symbolen paneel, open de Symboolbibliotheek Menu,en in de Natuur categorie, zoeken Gras 1, Gras 2 en Gras 3. Sleep ze naar uw tekengebied en druk op de Verbreek de link met het symbool pictogram onderaan de Symbolen paneel om ze uit te breiden. 

Vermenigvuldig deze bosjes gras, schaal, draai en rangschik een paar rond de letter "S". Je kunt mijn voorbeeld volgen of het doen zoals je wilt (1). Ik besloot het gras van boven en van links te maskeren omdat het er niet natuurlijk uitzag, en daarvoor gebruikte ik een kopie van de "originele S", net als voorheen (2). Selecteer de kopie van de brief samen met de plukjes gras die u wilt maskeren en ga naar Object> Knipmasker> Make (Control-7) (3).  

Stap 2 

Hier zijn de rest van de letters. In kolom 1 zie je de plukjes gras die ik rond de letters heb aangebracht, in kolom 2 zie je de plukjes gras die ik heb besloten te maskeren, en in kolom 3 is het eindresultaat. 

Gefeliciteerd! U bent klaar. 

Het op honkbal geïnspireerde teksteffect is klaar. Ik hoop dat je nieuwe dingen hebt geleerd die je in toekomstige projecten kunt toepassen. Laat me wat feedback achter of deel je re-creatie van dit effect, want ik zou het graag zien.