Maak een afdrukbare poster met kleverige zomertypeografie in Illustrator

In deze tutorial wil ik u enkele technieken laten zien voor het maken van een typografische poster die perfect is voor het sluiten van de zomer. We gaan een vooraf gemaakt lettertype bewerken, een vooraf gemaakt patroon aanpassen en snelle en eenvoudige technieken gebruiken om van een eenvoudige illustratie een mooie poster te maken.


1. Stel uw document op

We zullen een standaard maken 18 x 24in poster. Laten we beginnen met het maken van een nieuwe document op die grootte.

Zorg er bij het maken van het document voor dat u de Documentprofiel naar Afdrukken en stel de eenheden in op Inches en zorg voor de Kleur mode ingesteld op CMYK.

Aangezien ons achtergrondontwerp naar de rand van het papier gaat, vereist deze poster een afloop. De afloopmarge voegt een extra toe 0.25in aan alle vier de kanten maakt ons document 18,5 x 24,5 inch in het algemeen. Als deze poster witte randen had, zou er geen afloopmarge zijn. Ons algehele ontwerp zal niet te dicht bij de rand van het papier komen, zodat we ons geen zorgen hoeven te maken over een veiligheidsgebied rond de binnenkant van het tekengebied. Merk op dat als u van plan bent om extra details aan de randen van het tekengebied toe te voegen, het het beste is om ze ten minste 0,25 inch vanaf de rand te maken.



2. Maak een kleurenpalet

Stap 1

Laten we met het tekengebied compleet ons kleurenpalet maken waar we het hele stuk aan werken. Met de Rechthoekgereedschap (M) teken drie vierkanten naast elkaar, laat ongeveer dezelfde hoeveelheid ruimte tussen hen over en vul ze met de volgende kleuren. Omdat ons typografiestuk zomerthema is, dacht ik dat ik gedempte tonen zou kiezen die een indicatie zijn voor de oceaan. Dus een soort van een zeeschuimblauwe / groene kleur, een andere zal doen denken aan de kleur van zand, en de laatste zal een koraal (of zeester) kleur hebben


Stap 2

Ga naar met alle drie de geselecteerde vierkanten Object> Blend> Mengopties en voer de volgende informatie in. Bezoek dan Object> Blend> Maken om de overvloeiing tussen de objecten te maken.

We zouden nu zeven harmonieuze kleuren moeten hebben. die goed bij elkaar passen omdat ze kleuren oppikken. van elkaar door de blend.



3. Maak een achtergrond

Stap 1

Laten we nu de achtergrondlaag maken waar onze tekst op past. Begin door onze blend naar de zijkant van het tekengebied te verplaatsen, zodat dit ons niet schaadt. Selecteer vervolgens de Rechthoekgereedschap (M) en maak een rechthoek met dezelfde grootte als uit Aflopend gebied (rode rand rond het tekengebied).


Stap 2

Pas de vulkleur aan de middelste zandkleur aan die we eerder hebben gemengd. Ik vond dit een beetje te donker voor onze achtergrond, maar ik hou nog steeds van wat het deed voor de mix van de andere kleuren. dus ik laat de blend achter zoals deze is maar verlicht deze kleur voor de algehele achtergrond.


Stap 3

Een effen achtergrondkleur is leuk, maar ik wil het wat extra textuur geven. Daartoe voegen we een aangepast patroon toe aan deze vorm. We zullen dezelfde techniek gebruiken die ik je in mijn vorige tutorial liet zien met de titel Create On-Trend Flat Type with a Nautical Theme in Adobe Illustrator in deel 3, stappen 1 tot en met 4.

Begin met het navigeren naar de Stalen paneel (Venster> stalen) en kies de knop rechtsboven in dat deelvenster die eruit ziet als een naar beneden gerichte pijl met horizontale lijnen ernaast en selecteer Open Swatch-bibliotheek> Patronen> Decoratief> Decorative_Classic. Sleep vanuit dit venster de "Golven glad"patroon naar uw tekengebied waarbij de rechthoekvorm die u hebt gemaakt, wordt vermeden.

Dubbelklik op de patroongroepering en selecteer alleen de golvende zwarte lijnen en verander de lijnkleur in wit en sleep de groepering naar uw Stalen paneel om het nieuwe staal op te slaan.


Stap 4

Met de achtergrondvorm geselecteerd, kunt u klikken om een ​​nieuwe vulling toe te voegen met behulp van de Verschijning paneel en kies het nieuwe patroonstaal dat we zojuist hebben gemaakt. Stel vervolgens de Overvloeimodus en ondoorzichtigheid zoals hieronder te zien.

Klik met de rechtermuisknop op het object en kies Transformeer> Schaal. Zorg ervoor dat alleen de optie "Patroon" is geselecteerd en schaal het vervolgens naar 250% zodat je het echt op ons object kunt zien.


Stap 5

Om het af te maken, voegen we een faux fade toe aan dit patroon. Maak een nieuwe opvullaag in de Verschijning paneel en voeg een verloop toe zoals hieronder te zien is. We gebruiken onze platte achtergrondkleur maar passen de dekking van het verloop aan, zodat het patroon onderaan verdwijnt maar meer verborgen is aan de bovenkant.



4. Maak de tekst

Stap 1

We zullen een vooraf gemaakt lettertype met de naam "WhoopAss" aanpassen. Je kunt het gratis downloaden van Font Palace.

Laten we met ons lettertype onze zin uittypen. We gebruiken een Nat King Cole-klassieker "Lazy Hazy Crazy Days of Summer" met de volgende informatie geselecteerd.


Stap 2

Op dit punt zouden we normaal gesproken de spatial-functies van Illustrator gebruiken om de tekst aan te passen, maar omdat we sommigen van de lettervormen toch moeten wijzigen, doen we dit gewoon terwijl de letters vormen zijn in plaats van tekst. Met het geselecteerde type klik met de rechtermuisknop en kies Schetsen maken. Je kan nu Ontkoppelen (Command + Shift + G) de lettervormen.


Stap 3

Schakel over naar de Selectie gereedschap (V) en pas de spaties tussen de letters aan. Maak je geen zorgen over de woorden die op dit moment gecentreerd zijn. Zodra we de letters correct verdeeld hebben, kunnen we dit corrigeren. Aarzel niet om de "van" tekst te negeren. Dit was slechts een plaatsing om de juiste regelafstand te geven die we nodig zullen hebben nadat we hiervoor onze eigen aangepaste tekst hebben gemaakt.

Besteed veel aandacht aan enkele van de lettervormen. Als je merkt dat de letter "Y" een beetje groter is dan de andere letters. Je zult deze brief willen inkorten om in lijn te zijn met de anderen. Ik wil ook de letters niet te ver uit elkaar plaatsen. Ons uiteindelijke effect zal een "kleverige" kwaliteit hebben, dus we willen de letters redelijk dichtbij. Kijk hieronder om te zien hoe ik de mijne heb aangepast.


Stap 4

Nadat je de afstand naar wens hebt, Groep (Command + G) de letters samen per woord. Eenmaal gegroepeerd bezoek de richten paneel (Venster> Uitlijnen) en selecteer de Horizontaal uitlijnen om goed in het midden te centreren, lijnt u de woorden op de pagina uit.


Stap 5

Zoals ik al zei, hebben we de "of" -tekst niet nodig, dus laten we doorgaan en onze eigen tekst maken. Selecteer de Ellipse Tool (L) en creëer een perfecte cirkel die dat is 2.4433 x 2.4433in en centreer het waar het woord "of" vroeger was.


Stap 6

Voor deze volgende stap wil je inzoomen op de cirkel, zodat je beter kunt werken. Schakel de Pen gereedschap (P) en met behulp van kennis van de basisschool het woord "van" cursief tekenen, zodat het binnen deze cirkel past. Laat de letter "f" de rand van de cirkel raken. We willen dat dit vloeibaar en afgerond aanvoelt, dus gebruiken we een mooie dikke rand met een Beroerte gewicht van 15px en afgerond pet en Hoek.

Als je problemen hebt om de letters helemaal te tekenen, heb je misschien meer geluk als je het algemene woord met de Pen gereedschap (P) vervolgens overschakelen naar de Directe selectie gereedschap (A) en het fijn afstellen van de individuele ankerpunten en handgrepen.


Stap 7

Met het pad dat we zojuist hebben getekend, bezoek Object> Uitbreiden om het pad naar een vorm om te zetten. Selecteer nu ook de onderstrepingcirkelvorm en selecteer de Minus voorkant knop van de verkenner paneel.

Dit zal ons helaas verlaten met verschillende gegroepeerde vormen vanwege de lus van de "f" en de "o". Ga naar om dit te corrigeren Object> Samengestelde pad> Maken om er een vorm van te maken.


Stap 8

We zien er tot nu toe goed uit! Laten we wat kleur toevoegen aan de tekst. Selecteer de eerste woordgroep en gebruik de Pipetgereedschap (I) klik op de koraalkleur van de mix die we eerder hebben gemaakt voor ons kleurenpalet.

Doe dit voor de resterende woorden met de resterende kleuren. van die blend. Zorg ervoor dat je de middelste 'zandkleur' ​​overslaat, omdat we hier een variatie op gebruiken voor onze achtergrond.



5. Maak de plakkerige strengen

Stap 1

Het zou geen zomer zijn zonder dat plakkerige gevoel. Laten we dit nu opnieuw maken met behulp van eenvoudige paden en effecten.

Schakel de Pen gereedschap (P) en klik om willekeurige rechte lijnen te maken die je letters en woorden verbinden. Dit is wat ik heb gemaakt met een 8px gewogen grens.


Stap 2

Ga met je kleverige streken geselecteerd naar Object> Uitbreiden om gevulde vormen te maken in plaats van gestippelde paden.


Stap 3

Selecteer nu de woorden zonder de plakkerige strengen en dupliceer ze.

Selecteer met de geselecteerde dubbele woorden ook de plakkerige strengen Verenigen hen. Ga nu naar Object> Samengestelde pad> Maken om een ​​enkele gekoppelde vorm te maken.


Stap 4

Met het nieuw gecreëerde gevormde geselecteerde bezoek Effect> Stileer> Afgeronde hoeken en voer de volgende informatie in.


Stap 5

Met deze fusie lijken we onze mooie kleuren te hebben verloren! Omdat de plakkerige strengen verondersteld worden te suggereren dat de woorden verbonden zijn, gebruiken we een verloop, dus de kleuren. vloeiend over en weer vloeien.

Schakel over naar de Gradient Tool (G) en klik op onze vorm en voer dan onze kleuren in. van het palet dat we eerder hebben gemaakt. De positie van de haltes is niet zo belangrijk, net zolang als het woord zelf één kleur is en de kleur verandert tussen elk woord naar het volgende.


Stap 6

Ik ben er zeker van dat je hebt gemerkt dat vanwege het afgeronde hoekeffect dat we hebben toegepast, de tekst wat detail heeft verloren en dat het een beetje slordig lijkt. Dit is vooral merkbaar in de "van" tekstcirkel en enkele van de andere letters zoals de "L" en in de "A's" en "E's". Daarom hebben we de tekst gedupliceerd voordat we ze samenvoegden en de plakkerige puinhoop creëerden.

Zoom in op je stuk en schakel het in Direct selectie gereedschap (A) klik vervolgens op de paden van het kleverige object en pas ze aan zodat ze verborgen zijn in de perfecte tekstvormen hieronder. Dit is behoorlijk tijdrovend, maar gelukkig gebruiken veel woorden dezelfde letters en vormen, dus als je eenmaal weet wat je moet doen, zou je het zonder problemen moeten kunnen toepassen op de anderen. Je kunt deze stap overslaan als je tevreden bent met de uitkomst, maar ik ben een beetje een perfectionist en denk dat het deze kleine details zijn die het stuk echt afmaken.


Stap 7

Selecteer het kleverige object en ga naar Object> Uiterlijk uitbreiden. Selecteer nu ook de perfecte tekstlaag hieronder en Verenigen ze zorgen ervoor dat samenstelling het pad zoals we eerder deden.

Je weet dat het pad niet is samengesteld, omdat de lussen in de "f" een andere kleur hebben en het eruit zal zien als een groep in de Lagen paneel.


Stap 8

Met de nieuwe vorm geselecteerd, bezoekt u de Verschijning paneel en voeg een nieuwe opvullaag toe. Vul dit met ons gewijzigde Smooth Wave-patroon dat we eerder hebben gemaakt. Pas de grootte aan op dezelfde manier als voorheen en wijzig vervolgens de overvloeimodus en de dekking zoals hieronder wordt beschreven.



De zomer is voorbij en zo is deze tut!

Uw posterontwerp is klaar en klaar om naar de printer te worden gestuurd! Zorg dat je alle ongebruikte lagen of paden opruimt voordat je ze verzendt om af te drukken en je bent helemaal klaar. U bent ook welkom om het voor het web te exporteren om uw ontwerp met de wereld te delen. Ik hoop dat ik je heb laten zien hoe een paar simpele tweaks en effecten kunnen helpen om een ​​stellair typografisch stuk te maken.