Share
Volg deze zelfstudie en leer hoe u een volledig vectorwatermeloen-teksteffect in Adobe Illustrator maakt.
We beginnen met de tekst en met behulp van een paar manipulatietechnieken zullen we alle letters verzamelen die we nodig hebben om dit effect te bereiken. Een belangrijk onderdeel is de watermeloenlook en we zullen dit creëren door meerdere vullingen en streken toe te voegen in het paneel Uiterlijk en het dan op te slaan als een watermeloenstijl in het paneel Grafische stijlen. We gaan verder met de textuur op de pulp van de watermeloen, die ook vector is en is gemaakt met behulp van kunst- en scatterborstels uit de bibliotheek. Om de zaden toe te voegen, zullen we onze eigen Seed Scatter Brush maken en opslaan. Aan het einde voegen we enkele hoogtepunten en schaduwen toe en maken we een paar sapdruppels om dit effect aantrekkelijker te maken. Laten we beginnen!
Om de tutorial te voltooien, hebt u de volgende items nodig:
Start Illustrator en ga naar Bestand> Nieuw om een leeg document te openen. Typ een naam en voer de dimensies in en selecteer pixels zoals eenheden en RGB zoals Kleur mode.
Ga vervolgens naar Bewerken> Voorkeuren> Algemeen en stel de Toetsenbordverhoging naar 1px. Ga daar ook naartoe Eenheden en weergaveprestaties en stel de eenheden zoals aangegeven. Ik werk meestal met deze instellingen en zij zullen je tijdens het tekenproces helpen.
Grijp de Type Tool (T) en typ de volgende letters op je tekengebied. Gebruik de lettertypen en grootten die voor elke letter worden aangegeven. Het woord is "VOORBEELD" maar we zullen de letters "A" en "L" afzonderlijk creëren.
Laten we nu de letter "A" maken. Grijp de Star Tool, klik op uw tekengebied om het te openen Ster venster en voer de onderstaande instellingen in. Je krijgt een omgekeerde driehoek, maar je kunt deze omdraaien door naar de Transformeren paneel en selectie Draai verticaal uit het fly-out menu (rechter bovenhoek).
De ... gebruiken Direct selectie gereedschap (A) selecteer alleen het onderste middelpunt en verplaats het naar beneden 9px door op te drukken Pijltoets omlaag op je toetsenbord 9 keer. Vervolgens gebruikt u de Converteer Ankerpunt Tool (Shift-C) klik op dit punt en sleep om de handvatten te genereren.
Selecteer alleen de punten "1" en "2" met de Direct selectie gereedschap (A) ga dan naar Bestand> Scripts> Rond elke hoek en solliciteer een Radius van 10. Als resultaat krijg je de afgeronde hoeken onderaan. Selecteer vervolgens het punt "3" en verplaats het naar boven 15px door op te drukken Pijltoets omhoog op je toetsenbord 15 keer. Je kan ook gebruiken Object> Transformeren> Verplaatsen in plaats daarvan. Pak nu de Ankerpunttool verwijderen (-) en klik op de punten "4" en "5" om ze te verwijderen.
Gebruik tenslotte de Converteer Ankerpunt Tool (Shift-C) om kleine handvatten voor het toppunt en de vorm te genereren terwijl de letter "A" gereed is.
Verplaats de vorm verkregen in de vorige stap naar haar plaats en teken dan een ellips als de letter "L". Ik noem deze vormen: "letter S", "letter A", "letter M", "letter P", "letter L" en "letter E". Ik raad u aan meerdere kopieën te maken omdat u ze later meerdere keren nodig heeft.
De letters "A" en "E" zijn anders gekleurd omdat ze niet als de letters zullen fungeren, maar we zullen ze als maskers gebruiken.
Neem vervolgens de Rechthoekgereedschap (M) en teken een rechthoek over "letter A". Beide vormen moeten onderaan dezelfde breedte hebben (1). Gebruik de Ankerpunttool toevoegen (+) om een extra punt onderaan de rechthoek toe te voegen, in het midden (2), selecteer dan alleen dit punt en verplaats het naar beneden totdat het de onderkant van de driehoek (3) ontmoet. Transformeer dit punt van hoekpunt naar vloeiend punt door de handvatten met de slepen te slepen Ankerpunt-gereedschap converteren (4) sleep vervolgens, met behulp van dit gereedschap, de handvatten voor de linker- en rechterpunten van de rechthoek (5).
Op dit punt ziet uw tekst er als volgt uit met de vorm die is verkregen in de vorige stap achter "letter A". Focus vervolgens op "letter E" en gebruik de Ellipse Tool (L) teken een vorm van ongeveer dezelfde grootte. Het is niet echt een cirkel en de twee vormen moeten perfect passen aan de linkerkant.
Ik noem deze twee vormen "nep A" en "nep E" en opnieuw raad ik je aan extra kopieën te maken omdat je ze later nodig hebt.
Richt je nu op "letter M". Grijp de Pen gereedschap (P) of de Lijnsegmenthulpmiddel (\) en teken een rechte lijn boven de golven. Selecteer "letter M" en ook de regel en druk op Verdelen in de verkenner paneel. Ontkoppelen (Shift-Control-G) verwijder vervolgens de kleinere vorm vanaf de onderkant. De ... gebruiken Direct selectie gereedschap (A) selecteer alleen de twee ankerpunten aan de onderkant en verplaats ze naar beneden zoals hieronder wordt getoond.
Gebruik de Ellipse Tool (L) om vervolgens aan de onderkant drie ellipsen te tekenen, zoals in de afbeelding Groep (Control-G) hen. Kopiëren en Plak aan de voorkant (Control-F) de vorm uit de vorige stap en selecteer vervolgens deze kopie en ook de groep ellipsen en druk op Aftrekken in de verkenner paneel. Ik noem de nieuw verkregen vorm (paars) "letter M" en die van achter (grijs) "nep M".
Op dit punt zijn alle vormen vrijwel klaar. Pak gewoon de Ankerpunttool verwijderen (-) en klik op het punt aangegeven van de letter "P" om het te verwijderen.
Laten we nu beginnen met de echte watermeloenlook. Focus op een van de letters en selecteer groen als vulkleur. In de Verschijning paneel, open het uitvouwmenu en kies Nieuwe vulling toevoegen om een tweede opvulkenmerk boven de eerste toe te voegen. Verander de kleur in donkergroen. Na de tweede Vullen geselecteerd in de Verschijning paneel, ga naar Effect> Pad> Offsetpad en solliciteer een -0,84 px Offset. Het doel is om een dunne buitenrand te krijgen.
Zoals je bij de vorige stap hebt gedaan, voeg je een derde vulling toe bovenop de twee. Terwijl dit Vullen attribuut is geselecteerd in de Verschijning paneel, verander de kleur in lichtroze ga dan naar Effect> Pad> Offsetpad en solliciteer een -2.4px Offset.
Voeg een nieuwe vulling toe boven de rest en gebruik deze keer de aangegeven radiale gradiënt. Dit hebben Vullen kenmerk geselecteerd, een -6.3px Offset en als resultaat krijg je het vruchtvleesgebied van de watermeloen.
We zijn klaar met de vullingen, maar nu voegen we een paar slagen toe. Selecteer lichtgroen voor de eerste Beroerte ga dan naar Effect> Pad> Offsetpad en solliciteer een -2.8px Offset. Het doel is om een dunne, lichtgroene rand naast de donkergroene vulling te krijgen (zie de close-up). Als je slag er niet is, kun je de compenseren waarde op elk moment omdat dit een live-effect is.
Voeg een tweede streek toe boven de eerste door het uitklapmenu te openen in de Verschijning paneel en kiezen Nieuwe lijn toevoegen. Dit hebben Beroerte attribuut geselecteerd in de Verschijning paneel, een -3.8px Offset verminder dan de ondoorzichtigheid naar 60%. De kleur blijft hetzelfde. Deze tweede streek hoort vlak naast de eerste streek te zijn en als dat niet het geval is, kunt u de compenseren waarde.
Voeg een derde toe Beroerte boven de anderen, pas dan een toe -4.8px Offset en verminder de ondoorzichtigheid naar 30% deze keer. De kleur blijft hetzelfde. Hierna zal het uiterlijk van de watermeloen voltooid zijn en zult u de groene schil, de rode pulp en het lichtere gebied tussen de twee hebben.
Open nu de Grafische stijlen paneel (Venster> Grafische stijlen) en hebben de Verschijning paneel in de buurt. Selecteer uw letter en vervolgens van de Verschijning paneel sleep de thumbnail naar de Grafische stijlen paneel om het op te slaan.
Keer terug naar de letters en selecteer de volgende vormen: "nep A", "nep M", "letter P" en "nep E". Pas de watermeloenstijl hierop toe door deze te selecteren in de Grafische stijlen paneel.
Zoals ik in het begin heb gezegd, gebruiken we "letter A", "letter M" en "letter E" om maskers te maken. Selecteer dus "nep A" en "letter A" (die vooraan moeten staan, vul niets en streep geen) en ga vervolgens naar Object> Knipmasker> Make (Control-7). Herhaal hetzelfde met "nep M" en "letter M" en vervolgens "nep E" en "letter E". U kunt het eindresultaat zien in de volgende afbeelding.
Grijp de Pencil Tool (N) en teken een paar paden op elke letter, twee tot vier, afhankelijk van de grootte en vorm van elke letter, maar in principe moeten ze het pulpgebied bedekken. U kunt de instellingen voor de Pencil Tool hieronder, maar u kunt ook de Pen gereedschap (P) voor deze.
Selecteer alle paden die in de vorige stap zijn getekend en lijn ze uit met een Art Brush genaamd "Krijt"waar je in kunt vinden Penseelbibliotheken Menu> Artistiek> Artistic_ChalkCharcoalPencil. Stel de Beroerte gewicht naar 0.6 pt.
Als alle geselecteerde paden nog steeds zijn geselecteerd, stelt u de optie in Overvloeimodus naar bedekking.
Neem opnieuw de Pencil Tool (N) en teken een paar spiraalvormige paden bovenop elke letter zoals in de afbeelding. Strijk deze paden met een Scatter Brush genaamd "Inktspat 1"waar je in kunt vinden Penseelbibliotheken Menu> Artistiek> Artistic_Ink. Stel de Beroerte gewicht naar 0,3 pt en de streekkleur naar wit voor allemaal.
U kunt hieronder de instellingen zien die ik voor de penseelstreek heb gebruikt. Dubbelklik in de Verschijning paneel op de penseelstreek toegepast om de te openen Lijn opties venster en stel de waarden in zoals aangegeven.
Selecteer de vijf paden die u hebt geaaid met de Scatter Brush zet ze dan op Overvloeimodusscherm en 30% dekking.
Op dit punt moet je alle penseelstreken maskeren en de randen van elke letter opruimen, maar daarvoor heb je een aantal nieuwe vormen nodig. Selecteer "letter S" en ga vervolgens naar Object> Pad> Offsetpad en solliciteer een -6px offset. Als gevolg hiervan krijgt u een kleinere vorm over de grootte van de rode pulp. Breng deze nieuwe vorm voor alles naar toe Object> Schikken> Naar voorgrond brengen (Shift-Control-]) dan in de Verschijning paneel druk op de Duidelijke verschijning pictogram om alle vullingen en streken te verwijderen. Je zult deze vorm gebruiken om de penseelstreken later te maskeren.
Herhaal dezelfde dingen voor "letter P".
In het begin heb ik gezegd om kopieën van alle vormen te maken, toch? Dit is het moment om ze te gebruiken. Pak een kopie van "nep A" en ga naar Object> Pad> Offsetpad en solliciteer een -6px offset om een kleinere vorm te krijgen (1). Verwijder de bestaande verschijningen. Pak vervolgens een kopie van "letter A" (2) en selecteer deze twee vormen, druk op Snijden in de verkenner paneel. Het resultaat is een nieuwe vorm met de grootte van de rode pulp (3).
Hetzelfde geldt voor de volgende letter. Neem de kopie van "nep M" en pas dan een toe -6px offset om de kleinere vorm te krijgen (1). Neem vervolgens een kopie van "letter M" (2) en verwijder vervolgens de bestaande verschijningen voor beide vormen, indien aanwezig. Als u nog steeds beide vormen hebt geselecteerd, drukt u op Snijden in de verkenner paneel en u krijgt een nieuwe vorm ter grootte van de pulp.
Neem een kopie van "nep E" en pas dan een toe -6px offset om de kleinere cirkel te krijgen (1). Neem een kopie van "letter E" (2) en laat beide vormen geselecteerd, druk op Snijden nog een keer. Je kunt de resulterende vorm hieronder zien (3).
Selecteer eerst de vijf vormen verkregen in de vorige stappen en breng ze voor alles naar toe door naar Object> Schikken> Naar voorgrond brengen (Shift-Control-]). Om de maskers te maken, begin met de eerste letter, in dit geval "S". Selecteer de vorm van de pulp (fill-none, stroke-none) samen met alle penseelstreken bovenop de letter "S" (4 + 1 spiraal) en ga naar Object> Knipmasker> Make (Control-7).
Herhaal hetzelfde voor de rest van de letters en op dit punt zou uw watermeloen-teksteffect er als volgt uit moeten zien:
Neem nog een kopie van "letter M" en vul deze met de aangegeven kleur. Stuur deze vorm achter alles door naar Object> Schikken> Verzenden naar achter (Shift-Control- [). De ... gebruiken Direct selectie gereedschap (A) selecteer een paar punten onderaan en verplaats ze een beetje naar beneden met behulp van de Pijltoets omlaag op je toetsenbord. Om ervoor te zorgen dat u de verkeerde punten niet verplaatst, kunt u al het andere behalve deze vorm vergrendelen.
Grijp de Ellipse Tool (L) en teken een 16 x 16 px cirkel met een zwarte streep. Schakel over naar de Direct selectie gereedschap (A) en selecteer alleen het toppunt en verplaats het dan omhoog 8px door op te drukken Pijltoets omhoog op je toetsenbord acht keer. Zorg ervoor dat het bovenste punt geselecteerd is, pak de handvatten met de Direct selectie gereedschap (A) en maak ze korter. Selecteer tot slot de linker en rechter ankerpunten en maak hun handgrepen iets langer. Ik noem de vorm verkregen "zaadvorm".
Selecteer de "zaadvorm" en ga vervolgens naar Object> Pad> Offsetpad en solliciteer een -2,5 px offset. Je krijgt een kleinere vorm in het midden maar een beetje naar boven. Ik noem de groene vorm "seed-middle". Selecteer vervolgens opnieuw de "zaadvorm" en pas een toe -5.5px offset om de derde vorm te krijgen. Ik noem de rode vorm "zaad-klein".
Om het zaadje te kleuren, vult u de drie vormen met de aangegeven gradiënten in.
Kopiëren en Plak aan de voorkant (Control-F) de "zaadvorm" pak dan de Schaargereedschap (C) en klik op de twee aangegeven punten om het pad te knippen. Verwijder het topsegment en selecteer wit als lijnkleur voor het resterende pad onderaan. Strijk dit pad met een Blend Art Brush genaamd "White Blend Art Brush_thin"uit de verzameling Blend-penselen waarover ik in deze zelfstudie heb gesproken. Een set multi-gebruik mengborstels maken. Beroerte gewicht naar 0.25 pt en verminder de ondoorzichtigheid naar 80%. Wanneer u klaar bent, selecteert u dit pad en kiest u Uiterlijk uitbreiden van de Voorwerp menu om de toegepaste penseelstreek uit te breiden. Groep (Control-G) alle vormen waaruit het zaad bestaat en dit zal "zaad 1" zijn.
Maak een kopie van "seed 1" en selecteer vervolgens "seed-small", maak het een beetje kleiner en verplaats het aan de linkerkant. Vervang het bestaande verloop door het hieronder weergegeven verloop. Selecteer vervolgens de groep die resulteerde na het uitbreiden van de penseelstreek en verminder de ondoorzichtigheid naar 50% omdat we niet willen dat alle zaden zo glanzend zijn. Dit zal "seed 2" zijn.
Selecteer "seed 2" en ga vervolgens naar Object> Transformeren> Schalen, invoeren 22% in de Schaal veld en druk Kopiëren. Je krijgt het derde zaad. Selecteer "seed-middle" en vervang het verloop en selecteer vervolgens "seed-small" en geef het een witte vulling. Al het andere blijft hetzelfde. Dit wordt "zaad 3".
We kunnen helaas geen vormen die zijn gevuld met verlopen als penselen opslaan, maar we zullen dit omzeilen. Maak een kopie van "seed 1" maar bewaar het origineel omdat je het later nodig hebt. Vervang de verlopen voor de drie vormen door drie verschillende kleuren, zoals groen, paars en geel. Je hebt de penseelstreek vergroot, dus dit is geen probleem. Selecteer nu het nieuwe zaad en sleep het naar de Borstels paneel om het op te slaan als een Nieuw scatterpenseel.
Focus op de eerste letter. Grijp de Ellipse Tool (L) en teken een ellips in het midden en streel dit pad met de Zaadverstrooiingsborstel eerder opgeslagen. Dubbelklik op de penseelstreek die is toegepast in de Verschijning paneel om de te openen Lijn opties venster en wijzig de instellingen zoals weergegeven. Je kunt verschillende waarden proberen voor Grootte, tussenruimte en Verstrooien maar het is belangrijk om de Rotatie ten opzichte van pad en ook, alleen als je zaden naar buiten wijzen (de punt), zet je de omwenteling naar 180 graden.
Teken op de letter "M" twee paden zoals in de afbeelding met behulp van de Pen gereedschap (P). Beroer ze met de Zaadverstrooiingsborstel open vervolgens de Lijn opties venster en wijzig de instellingen. In het eerste venster zijn de instellingen die ik heb gebruikt voor het grotere pad en in het tweede venster de instellingen voor het kleinere pad.
Ga verder met de letter "P". Teken met de Ellipse Tool (L) een cirkel en vervolgens met dezelfde borstel strijken. Je kunt hieronder de instellingen zien die ik heb gebruikt. Maak je geen zorgen over de overlappende zaden, want je kunt ze later verwijderen of opnieuw rangschikken.
Hetzelfde geldt voor de letter "E".
Op dit punt zou je watermeloeneffect eruit moeten zien in de volgende afbeelding. Als u tevreden bent met hoe het eruit ziet, selecteert u alle paden die u hebt geaaid met de Zaadverstrooiingsborstel en kies Uiterlijk uitbreiden van de Voorwerp menu. Voor de letter "A" besloot ik om slechts een paar zaden later handmatig te regelen.
Nu moet je de zaden opnieuw inkleuren en daarom het originele zaad ("zaad 1") pakken en het in de buurt houden. Zoom in op de eerste letter en gebruik de Direct selectie gereedschap (A) selecteer een van de groene vormen en ga vervolgens naar Selecteer> Zelfde> Opvulkleur. Als gevolg hiervan worden alle groene vormen geselecteerd en kunt u ze allemaal tegelijk kleuren. Laat ze niet los, schakel over naar de Pipetgereedschap (I) en gebruik het om het verloop van het oorspronkelijke zaad te kopiëren.
Selecteer nu een van de paarse vormen en ga vervolgens naar Selecteer> Zelfde> Opvulkleur. Zodra alle paarse vormen zijn geselecteerd, gebruikt u de Pipetgereedschap (I) om het bruine verloop van het oorspronkelijke zaad te kopiëren.
Herhaal hetzelfde voor de gele vormen en vervang de vulkleur door de gouden kleurovergang. Je bent klaar met de belangrijkste zaden.
Vergeet niet dat je "zaad 1", "zaad 2" en "zaad 3" hebt gemaakt, toch? Tussen de belangrijkste zaden ("zaad 1") kun je meer zaden schalen en rangschikken om een natuurlijker uiterlijk te creëren. Dus vermenigvuldig "zaad 2" en "zaad 3" en schik er een paar op de eerste letter. Verlaag de ondoorzichtigheid voor elk zaad ergens tussenin 50 en 70%. In de onderstaande afbeelding zijn er twee voorbeelden voor u.
Schik ook een paar zaden bovenop de letter "A". Begin met "zaad 1", dat is het hoofd dan een paar van de andere. Verminder de ondoorzichtigheid voor sommigen van hen om 70%.
Ga verder met de letter "M" en doe in principe hetzelfde.
Hier is de letter "P":
En hier is de letter "E":
Je bent klaar met de zaadjes en je teksteffect zou er in de volgende afbeelding uit moeten zien:
Slechts drie korte stappen hiervoor. Selecteer eerst de ellips en vul deze met de aangegeven radiale gradiënt. Neem vervolgens de Pen gereedschap (P) en trek drie paden aan de bovenkant zoals in de afbeelding. Strijk deze paden met een Art Brush genaamd "Borstel 1"waar je in kunt vinden Penseelbibliotheken Menu> Artistiek> Artistiek_penseel. Stel de Beroerte gewicht naar 0.25 pt.
Selecteer de drie geselecteerde paden Uiterlijk uitbreiden van de Voorwerp menu om de lijnen in vullingen te veranderen. Selecteer de resulterende paarse vormen en ga naar Effect> Vervormen & transformeren> Opruwen en pas de getoonde instellingen toe. Selecteer opnieuw Uiterlijk uitbreiden om het toegepaste effect uit te breiden, vervangt u de paarse vulling door de weergegeven radiale kleurovergang.
Kopiëren en Plak aan de voorkant (Control-F) de ellips en breng het voor alles naar toe Object> Schikken> Naar voorgrond brengen (Shift-Control-]). Verwijder de verloopvulling. Selecteer nu de drie strepen en ook de kopie van de ellips en ga naar Object> Knipmasker> Make (Control-7). De letter "L" is klaar.
Grijp de Pen gereedschap (P) en trek een paar paden langs de schil van de watermeloen. Ik heb er vier gemaakt, maar je kunt er meer of minder tekenen. Strijk deze paden met een Blend Art Brush genaamd "White Blend Art Brush 100 x 3"uit de set multi-gebruik mengborstels Beroerte gewicht naar 0,5 pt verminder dan de ondoorzichtigheid naar 75% voor allemaal.
Gebruik opnieuw de Pen gereedschap (P) om een paar paden te tekenen, precies tussen de rode pulp en het lichtere gebied. Strijk ze met hetzelfde White Blend Art Brush maar houd deze keer de Beroerte gewicht op 1pt om vloeiendere hoogtepunten te krijgen.
Maak een vorm die lijkt op de "zaadvorm" en vul deze met het lineaire verloop aangegeven bij a 50 graden hoek. Instellen op Overvloeimodus Kleur Branden (1). Kopiëren en Plak aan de voorkant (Control-F) deze vorm en beweeg het een beetje naar boven en naar links. Vervang de bestaande verloop met een wit naar zwart radiaal verloop en stel vervolgens in op Overvloeimodusscherm (2).
Gebruik de Pen gereedschap (P) om een klein pad in de linkerbovenkant van de sapdruppel te tekenen. Strijk het met de White Blend Art Brush die u eerder hebt gebruikt en stel vervolgens de Beroerte gewicht naar 0,5 pt. kiezen Uiterlijk uitbreiden van de Voorwerp menu om de penseelstreek uit te breiden. Nu, Groep (Control-G) alle vormen waaruit de druppel sap bestaat en maak nog een kopie. Schaal en rangschik de twee druppels sap zoals in de volgende afbeelding.
Maak eerst een nieuwe laag achter de laag met het teksteffect en noem deze "Achtergrond". Gebruik de Rechthoekgereedschap (M) om een vorm rond de tekst te tekenen en deze te vullen met de weergegeven radiale kleurovergang.
Accentsconagua