Comic-teksteffect (tutorial voor Adobe Illustrator)

Zelfstudie over komische teksteffecten

Maak allereerst duidelijk dat dit zelfstudie Het is gemaakt met Adobe Illustrator CS5 (in het Engels), dus de stapsgewijze afbeeldingen tonen de interface van die versie. Toch kunt u het in elke versie proberen, rekening houdend met het feit dat het u waarschijnlijk wat meer zal kosten om de tutorial te volgen.

Dit effect kan handig zijn bij het uitvoeren van een informeel ontwerp waarin de komische stijl begeleidt wat je wilt communiceren. Vervolgens brengen we u een stapsgewijze zelfstudie zodat u een komisch teksteffect kunt bereiken met Adobe Illustrator.

Komisch teksteffect

We openen Adobe Illustrator en gaan naar maak een nieuw document (Mac: Cmd + N Windows: Ctrl + N). We kunnen het een naam geven die we willen en de bestandsgrootte kiezen. In mijn geval heb ik gekozen voor 570 x 300 px, het formaat dat we gebruiken Creativos Online om de afbeeldingen te uploaden.

Het is erg belangrijk dat u er onder aan het dialoogvenster (Geavanceerd) voor zorgt dat u als Kleurmodus het RGB, Rastereffecten aan Scherm (72 ppi) y Voorbeeldmodus Standaard​ Zodra u de gekozen opties heeft, klikt u op OK.

Illustrator stapsgewijze zelfstudie

FUND

We gaan de gekleurde achtergrond creëren die onze tekst zal dragen. We selecteren de rechthoektool (Rechthoekgereedschap, M-toets) en klikken ergens in ons document. Er gaat dan een klein venster open waarin we de afmetingen van de rechthoek kunnen invoeren: u moet de afmetingen van uw document invoeren. In mijn geval 570 x 300 px. Klik op OK en de rechthoek die we zojuist hebben gemaakt, verschijnt op het scherm.

Illustrator stapsgewijze zelfstudie

Nu zullen we het goed moeten plaatsen. Om dit te doen zullen we de zwarte pijl selecteren die in de werkbalk staat, (Selectietool, V-toets). Hiermee klikken we op de rand van de rechthoek en, ZONDER LOSLATEN, slepen we de rand totdat deze samenvalt met de randen van het document. Illustrator stapsgewijze zelfstudie

Illustrator stapsgewijze zelfstudie

KLEURENDE ACHTERGROND

De achtergrond is al klaar, maar standaard zien we deze wit met een zwarte rand. Tijd om dit te veranderen! Met de zwarte pijl geselecteerd als gereedschap (selectiegereedschap, V-toets), klikken we op de rechthoek. We gaan naar de twee gekleurde vakken onder aan de werkbalk: degene ervoor komt overeen met de opvulkleur van onze figuur en, die erachter, verwijst naar de TRAZO. Standaard hebben we de witte kleurvulling en de randkleur zwart. We klikken op het invulvak en de kleurenkiezer (Kleur kiezer). Nu kunt u de gewenste kleur voor uw achtergrond selecteren. In mijn geval was het blauw. Eenmaal gekozen, klik op OK en je hebt je gekleurde rechthoek.  Illustrator stapsgewijze zelfstudie

Laten we nu eens haal de rand eraf​ Klik op het vak aan de rand van onze werkbalk. Nu, net onder dat vierkant, is er een klein wit vierkant met een rode diagonaal. We klikken erop ... En dat is het! Dit vierkant vertelt Illustrator dat we de lijn zonder kleur willen. Als we wilden dat de vulling van de rechthoek ook zonder kleur zou zijn, zouden we het overeenkomstige vakje moeten selecteren en opnieuw op het lege vak moeten klikken.  Illustrator stapsgewijze zelfstudie

AFGEBROKEN

De volgende stap is om een ​​cirkelvormig verloop op onze achtergrond te maken. Om dit te doen, moeten we naar het venster Uiterlijk gaan (als je het niet aan de rechterkant van je scherm ziet, zoals ik in de afbeelding laat zien, ga dan naar het bovenste menu van je Illustrator-venster en ga naar Venster> Uiterlijk​ Hier zien we standaard de optie Vullen met de kleur die we in de rechthoek hebben gezet en de optie Lijn (lijn of contour), die zal zijn met de optie Leeg. Een laatste optie is ondoorzichtigheid (ondoorzichtigheid). Onderaan dat venster zijn er twee kleine vierkantjes. Een met een hele brede zwarte rand en de andere met een dunne rand. We selecteren de fijne, om maak een nieuwe vulling (Fill)​ Nu klikken we in het kleurenvak van de nieuwe vulling die we hebben gemaakt. Er verschijnt een pijl aan de rechterkant en we zullen uit alle kleurstalen die verschijnen degene selecteren die overeenkomt met het ronde zwarte verloop.

Illustrator stapsgewijze zelfstudie

Uiterlijk venster

Illustrator stapsgewijze zelfstudie

We maken een nieuwe vulling (Fill)

Illustrator stapsgewijze zelfstudie

Het cirkelvormige verloopstaal selecteren

Nu openen we een nieuwe sectie door op de pijl aan de linkerkant van Vullen te klikken en op het woord te klikken dekking, om de manier waarop onze opvullaag wordt toegepast te wijzigen. Eenmaal daar selecteren we de optie Bedekking (Overlappen). Illustrator stapsgewijze zelfstudie

CIRKEL

We gaan een witte cirkel maken in het midden van ons document. Om dit te doen, selecteren we de tool Ellips-tool, die zich "binnen" het Rechthoekgereedschap bevindt. Om het te kunnen kiezen, moeten we lang klikken, zonder los te laten, wachten tot de opties worden weergegeven. Zodra ze verschijnen, ZONDER VRIJGAVE, verplaatsen we onze cursor over de Ellipse Tool en laten deze los. Illustrator stapsgewijze zelfstudie

We creëren een perfecte omtrek (hiervoor klikken en slepen we terwijl we de Shift-toets op ons toetsenbord ingedrukt houden). Het normale is dat de omtrek uitkomt met dezelfde parameters van de vorige gradiënt die we hebben gedaan, dus we zullen de waarde van de vulling moeten aanpassen. Illustrator stapsgewijze zelfstudie

Nu gaan we het centreren. Ga naar Venster> Uitlijnen en, MET DE CIRKEL GESELECTEERD, klik op de opties getoond in de afbeeldingen.  Illustrator stapsgewijze zelfstudie

TEKST

We selecteren de teksttool (Typ Gereedschap, toets T) en we typen de tekst die we willen. In ons geval hebben we het lettertype gekozen BadaBoom BB, dat u kunt downloaden van DaFont Illustrator stapsgewijze zelfstudie

Laten we het nu een beetje omdraaien. Klik met de rechtermuisknop op de tekst> Transformeren> scheren​ We introduceren de waarde -8º in Verticaal en klikken op OK.

Illustrator stapsgewijze zelfstudie

We centreren de tekst op dezelfde manier als we eerder de witte cirkel hebben gecentreerd.

DE STIJL TOEVOEGEN

Illustrator stapsgewijze zelfstudie

Object> Uitbreiden

Met de geselecteerde tekst gaan we naar de optie Object in het hoofdmenu en selecteer Uitvouwen en, in het venster dat wordt weergegeven, Ok. Dan doen klik met de rechtermuisknop over de tekst en selecteer groep opheffen (degroeperen).

Illustrator stapsgewijze zelfstudie

Laten we teruggaan naar Uiterlijk paneel​ Selecteer de zwarte vulling en klik op het pictogram 'fx' kiezen Pad> Offsetpad​ Voer in Offset 8px in. In Joins, Round. En in versteklimiet, 4.

Illustrator stapsgewijze zelfstudie

Klik nu weer op het pictogram 'fx' en kies Distor & Transform> Transform en voer in:
In schaal: horizontaal> 100% verticaal> 100%
In Move: horizontaal> 7 px verticaal> 12 px

Illustrator stapsgewijze zelfstudie

Illustrator stapsgewijze zelfstudie

Laten we nu eens voeg nog een vulling toe​ Tik op het vierkante pictogram op de dunne rand en selecteer een lichte kleur. Bijvoorbeeld wit.

Illustrator stapsgewijze zelfstudie

We voegen nog een vulling toe​ In ons geval van oranje kleur​ We gaan er een transformatie-effect aan toevoegen. Klik nogmaals op het icoon 'fx' en kies Distor & Transform> Transform en voer in:
In Move: horizontaal> 2 px verticaal> 2 px

We gaan de zwarte omtrek erop zetten. We selecteren de zwarte kleur in lijn en we geven het 3px. Slim! Nu om bestand op te slaan> opslaan. Om het op te slaan in .jpg, bestand> export (en daar selecteer je het formaat)

Illustrator stapsgewijze zelfstudie


Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Miguel Ángel Gatón
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.