Följ denna handledning och lära dig hur du skapar en all vektor vattenmelon text effekt i Adobe Illustrator.
Vi börjar med texten och använder några manipuleringstekniker vi kommer att få alla bokstäver som vi behöver för att slutföra denna effekt. En viktig del är vattenmelons utseende och vi kommer att skapa detta genom att lägga till flera fyllningar och slag i Utseendepanelen och spara det som en vattenmelonstil i panelen Grafiska stilar. Vi kommer att fortsätta med texturen på vattenmelons massa som också är vektor och skapad med hjälp av konst och scatterborstar från biblioteket. För att lägga till frön kommer vi att skapa och rädda vår egen Fröskalborste. I slutet lägger vi till några höjdpunkter och skuggor och vi skapar ett par saftdroppar för att göra denna effekt mer attraktiv. Låt oss börja!
För att slutföra handledningen behöver du följande tillgångar:
Starta Illustrator och gå till Fil> Ny för att öppna ett tomt dokument. Skriv ett namn och ange dimensionerna och välj sedan pixlar som Enheter och RGB som Färg läge.
Därefter, gå till Redigera> Inställningar> Allmänt och ställa in Tangentbordsökning till 1px. Även där, gå också till Enheter och visningsprestanda och ställa in Enheter som indikerat. Jag brukar arbeta med dessa inställningar och de hjälper dig under hela ritningsprocessen.
Ta tag i Typverktyg (T) och skriv följande bokstäver på din tavla. Använd de teckensnitt och storlekar som anges för var och en. Ordet är "SAMPLE" men vi skapar bokstäverna "A" och "L" separat.
Låt oss nu skapa bokstaven "A". Ta tag i Star Tool, klicka på din tavla för att öppna Stjärna fönstret och ange inställningarna som visas nedan. Du kommer att få en upp och ner triangel men du kan vända den genom att gå till Omvandla panel och välja Flip Vertical från fly-out-menyn (övre högra hörnet).
Använda Direktmarkeringsverktyg (A) välj endast den nedersta mellannunkten och flytta den ner om 9px genom att trycka på Pil nedåt på tangentbordet 9 gånger. Därefter använder du Konvertera Anchor Point Tool (Shift-C) klicka på den här punkten och dra för att generera handtagen.
Välj endast punkterna "1" och "2" med Direktmarkeringsverktyg (A) sedan gå till Arkiv> Skript> Runda varje hörn och tillämpa a Radie av 10. Som ett resultat kommer du att få de rundade hörnen längst ner. Välj sedan punkten "3" och flytta den om 15px genom att trycka på Upp piltangent på tangentbordet 15 gånger. Du kan också använda Objekt> Transformera> Flytta istället. Grip nu Ta bort Anchor Point Tool (-) och klicka på punkterna "4" och "5" för att ta bort dem.
Slutligen, använd Konvertera Anchor Point Tool (Shift-C) att generera små handtag för toppunkten och formen som bokstaven "A" är klar.
Flytta formen som erhållits vid föregående steg till hennes plats och dra sedan en ellips som bokstaven "L". Jag kommer att namnge dessa former: "Brev S", "Brev A", "Brev M", "Brev P", "Brev L" och "Brev E". Jag rekommenderar att du gör flera kopior eftersom du behöver dem senare mer än en gång.
Bokstäverna "A" och "E" är färgade annorlunda eftersom de inte fungerar som bokstäverna men vi kommer att använda dem som masker.
Ta sedan nästa Rektangelverktyg (M) och rita en rektangel över "bokstav A". Båda formerna ska ha samma bredd längst ner (1). Använd Lägg till Anchor Point Tool (+) För att lägga till en extra punkt längst ner i rektangeln, i mitten (2), välj bara den här punkten och flytta den ner tills den möter botten av triangeln (3). Omforma denna punkt från hörn till jämn punkt genom att dra handtagen med Konvertera Anchor Point Tool (4) dra sedan handtagen till vänster och höger i rektangeln (5) med hjälp av det här verktyget..
Vid denna tidpunkt ska texten se nedan med formen som erhållits vid föregående steg bakom "bokstav A". Därefter fokuserar du på "brev E" och använder Ellipsverktyg (L) rita en form av ungefär samma storlek. Det är inte helt en cirkel och de två formerna ska matcha perfekt i vänster sida.
Jag kommer att namnge dessa två former "falskt A" och "falskt E" och igen rekommenderar jag dig att göra extra kopior eftersom du behöver dem senare.
Nu fokusera på "brev M". Ta tag i Penverktyg (P) eller den Linjesegmentverktyg (\) och rita en rak linje över vågorna. Välj "bokstav M" och även linjen och tryck på Dela upp i Stigfinnare panel. Ungroup (Shift-Control-G) Ta sedan bort den mindre formen från botten. Använda Direktmarkeringsverktyg (A) välj endast de två ankarpunkterna längst ner och flytta dem ned som visas nedan.
Använd Ellipsverktyg (L) att rita tre ellipser i botten som i bilden då Grupp (Control-G) dem. Kopia och Klistra in på framsidan (Control-F) formen från föregående steg välj sedan den här kopian och även gruppen av ellipser och tryck på Subtrahera i Stigfinnare panel. Jag kommer att namnge den nyligen erhållna formen (lila) "bokstaven M" och den bakre delen (grå) "falsk M".
Vid denna tidpunkt är alla former ganska redo. Ta bara tag i Ta bort Anchor Point Tool (-) och klicka på den punkt som anges i bokstaven "P" för att ta bort den.
Låt oss nu börja med det faktiska vattenmelonutseendet. Fokusera på en av bokstäverna och välj grön som fyllfärgen. I Utseende panel, öppna menyn för utflyttning och välj Lägg till ny fyllning för att lägga till ett andra fyllningsattribut ovanför det första. Ändra färgen till mörkgrön. Har den andra Fylla valda i Utseende panel, gå till Effekt> Path> Offset Path och tillämpa a -0,84px Offset. Syftet är att få en tunn ytterkant.
Som du gjorde vid föregående steg, lägg till en tredje fyllning ovanpå de två. Medan detta Fylla attributet är valt i Utseende panelen, ändra färgen till ljusrosa och gå till Effekt> Path> Offset Path och tillämpa a -2,4px Offset.
Lägg till en ny fyllning över resten och den här tiden använder den angivna radiella gradienten. Har detta Fylla attribut vald, använd a -6.3px Offset och som ett resultat kommer du att få vattenmassans massaområde.
Vi är färdiga med fyllningarna men nu lägger vi till några slag. Välj ljusgrön för den första Stroke sedan gå till Effekt> Path> Offset path och tillämpa a -2,8 px förskjutning. Målet är att få en tunn ljusgrön kant bredvid den mörkgröna fyllningen (se närbilden). Om din stroke inte är där kan du justera Offset värde när som helst eftersom det här är en levande effekt.
Lägg till en andra stroke ovanför den första genom att öppna menyn för utflyttning i Utseende panel och välja Lägg till ny stroke. Har detta Stroke attribut vald i Utseende panel, tillämpa a -3.8px Offset minska sedan Opacitet till 60%. Färgen förblir densamma. Denna andra stroke bör ligga precis intill första stroke och om det inte gör det kan du justera Offset värde.
Lägg till en tredje Stroke ovanför de andra tillämpa sedan a -4,8 px förskjutning och minska Opacitet till 30% den här gången. Färgen förblir densamma. Efter detta kommer vattenmelonutseendet att vara klart och du kommer att ha den gröna skalan, den röda massan och ljusare området mellan de två.
Öppna nu Grafiska stilar panel (Fönster> Grafiska stilar) och har Utseende panel står i närheten. Välj ditt brev sedan från Utseende panelen drar miniatyren i Grafiska stilar panelen för att spara den.
Återgå till bokstäverna och välj följande former: "falskt A", "falskt M", "brev P" och "falskt E". Applicera vattenmelon stilen till dem genom att välja den från Grafiska stilar panel.
Som jag sagt i början använder vi "bokstaven A", "bokstaven M" och "bokstaven E" för att skapa masker. Välj så "falskt A" och "bokstaven A" (som måste vara framför, fyll-none och stroke-none) gå sedan till Objekt> Clipping Mask> Make (Control-7). Upprepa samma sak med "falsk M" och "bokstav M" då "falsk E" och "bokstav E". Du kan se slutresultatet i nästa bild.
Ta tag i Penna verktyg (N) och rita ett par vägar på varje bokstav, två till fyra beroende på storleken och formen på varje bokstav, men i princip borde de täcka massområdet. Du kan se inställningarna för Penna verktyg nedan men du kan också använda Penverktyg (P) för detta.
Välj alla banor som dras vid föregående steg och slå dem med en Konstborste kallas "Krita"som du kan hitta i Penselbibliotek Meny> Konstnärligt> Artistic_ChalkCharcoalPencil. Ställ in Slagvikt till 0,6 pt.
Om du fortfarande har alla valda sökvägar ställer du in Blandningsläge till Täcka över.
Ta igen Penna verktyg (N) och rita några spiralvägar ovanpå varje bokstav som i bilden. Slå in dessa vägar med a Scatterborste kallas "Bläck Spatter 1"som du kan hitta i Penselbibliotek Meny> Konstnärligt> Konstnärligt. Ställ in Slagvikt till 0,3 pt och strokefärgen till vit för dem alla.
Du kan se nedan de inställningar som jag har använt för penselslaget. Dubbelklicka i Utseende panel på penselslaget som appliceras för att öppna Stroke Options fönster och ange värdena som anges.
Välj de fem banor som du har slagit med Scatterborste sätt sedan dem till Blendinglägesskärm och 30% opacitet.
Vid denna tidpunkt måste du maskera alla penselsträngarna och städa upp kanterna på varje bokstav, men för det här behöver du några nya former. Välj "bokstav S" och gå till Objekt> Path> Offset-sökväg och tillämpa a -6px Offset. Som ett resultat får du en mindre form om storleken på den röda massan. Ta med den här nya formen framför allt genom att gå till Objekt> Ordna> Ta fram (Shift-Control-)) sedan i Utseende panelen trycker på Tydligt utseende ikonen för att ta bort alla fyllningar och slag. Du kommer att använda denna form för att maskera penselsträngarna senare.
Upprepa samma saker för "bokstav P".
I början har jag sagt att kopior av alla former, eller hur? Nu är det dags att använda dem. Ta en kopia av "falsk A" och gå till Objekt> Path> Offset-sökväg och tillämpa a -6px Offset för att få en mindre form (1). Ta bort befintliga utseenden. Ta sedan en kopia av "bokstav A" (2) och välj dessa två former, tryck på Korsas i Stigfinnare panel. Som ett resultat får du en ny form som har storleken på den röda massan (3).
Samma sak gäller för nästa brev. Ta kopia av "falsk M" och använd sedan en -6px Offset för att få den mindre formen (1). Ta sedan en kopia av "bokstaven M" (2) och ta bort de existerande förekomsterna för båda formerna om något. Om du fortfarande har båda formerna valt trycker du på Korsas i Stigfinnare panel och du kommer att få en ny form storleken på massan.
Ta en kopia av "falsk E" och använd sedan en -6px Offset för att få den mindre cirkeln (1). Ta en kopia av "bokstav E" (2) och sedan ha båda formerna valt, tryck på Korsas igen. Du kan se den resulterande formen nedan (3).
Välj först de fem formerna som erhölls i föregående steg och föra dem framför allt genom att gå till Objekt> Ordna> Ta fram (Shift-Control-)). För att skapa maskerna börjar med första bokstaven, i det här fallet "S". Välj form av massan (fyll-ingen, stroke-none) tillsammans med alla penselsträngar ovanpå bokstaven "S" (4 + 1 spiral) och gå till Objekt> Clipping Mask> Make (Control-7).
Upprepa samma sak för resten av bokstäverna och vid denna tidpunkt bör din text för vattenmelontexten se ut som nedan:
Ta en annan kopia av "bokstaven M" och fyll i den med den angivna färgen. Skicka denna form bakom allt genom att gå till Objekt> Ordna> Skicka till Tillbaka (Shift-Control- [). Använda Direktmarkeringsverktyg (A) välj några av punkterna längst ner och flytta dem lite med hjälp av Pil nedåt på ditt tangentbord. För att försäkra dig om att du inte flyttar de felaktiga punkterna kan du låsa allt annat än den här formen.
Ta tag i Ellipsverktyg (L) och rita a 16 x 16px cirkel med svart slag. Byt till Direktmarkeringsverktyg (A) och välj bara toppunkten och flytta sedan upp den 8px genom att trycka på Upp piltangent på ditt tangentbord åtta gånger. Om du fortfarande har toppunkten vald, ta handtagen med Direktmarkeringsverktyg (A) och göra dem kortare. Slutligen väljer du vänster och höger ankarpunkter och gör handtagen lite längre. Jag kommer att namnge formen erhållen "fröformad".
Välj "fröform" och gå sedan till Objekt> Path> Offset-sökväg och tillämpa a -2,5px Offset. Du kommer att få en mindre form i mitten men flytta den lite uppåt. Jag kommer att namnge den gröna formen "frö-mitten". Välj därefter "fröformen" igen och använd a -5.5px Offset för att få den tredje formen. Jag kommer att namnge den röda formen "frö-liten".
För att färga fröet fyller du de tre formerna med de angivna graderna.
Kopia och Klistra in på framsidan (Control-F) "Fröformen" och ta sedan den Saxverktyg (C) och klicka på de två punkterna som anges för att klippa banan. Ta bort toppsegmentet och välj vit som streckfärg för den återstående sökvägen längst ner. Slå in den här vägen med a Blanda konstborste kallas "White Blend Art Brush_thin"från samlingen av Blend Art brushes som jag har pratat om i denna handledning Skapa en uppsättning Multi-Use Blend Brushes. Ställ in Slagvikt till 0,25 pt och minska Opacitet till 80%. När du är klar väljer du den här sökvägen och väljer Expand Utseende från Objekt menyn för att utöka den applicerade penselsträckan. Grupp (Control-G) alla former som utgör fröet och detta kommer att vara "frö 1".
Gör en kopia av "frö 1" och välj sedan "frö-små", gör det lite mindre och flytta det på vänster sida. Byt ut befintlig gradient med den som visas nedan. Välj sedan den grupp som resulterade efter att du utvidgade penselsträckan och reducera Opacitet till 50% för att vi inte vill att alla frön ska vara så glänsande. Detta kommer att vara "frö 2".
Välj "frö 2" och gå till Objekt> Transformera> Skala, stiga på 22% i Skala fält och träff Kopia. Du kommer att få det tredje utsädet. Välj "seed-middle" och ersätt gradienten och välj sedan "seed-small" och ge den en vit fyllning. Allting är detsamma. Detta kommer att vara "frö 3".
Vi kan inte spara former som fylls med gradienter som penslar tyvärr men vi kommer att arbeta runt detta. Gör en kopia av "frö 1" men behåll originalet eftersom du behöver det senare. Byt ut höjden för de tre formerna med tre olika färger, som grön, lila och gul. Du har utökat penselsträckan, så det här är inget problem. Välj nu det nya fröet och dra det in i borstar panelen för att spara den som en Ny scatterborste.
Fokusera på första bokstaven. Ta tag i Ellipsverktyg (L) och rita en ellips i mitten och slå sedan denna väg med Sädsprutborste sparade tidigare. Dubbelklicka på penselslaget som appliceras i Utseende panel för att öppna Stroke Options fönster och ändra inställningarna som visas. Du kan prova olika värden för Storlek, Mellanrum och Sprida ut men det är viktigt att ställa in Rotation i förhållande till vägen och även om dina frön är pekade utåt (spetsen) ställer du in Rotation till 180 grader.
Ovanpå bokstaven "M" ritar två vägar som i bilden med hjälp av Penverktyg (P). Slå på dem med Sädsprutborste Öppna sedan Stroke Options fönster och ändra inställningarna. I det första fönstret är de inställningar som jag har använt för den större banan och i det andra fönstret är inställningarna för den mindre banan.
Fortsätt med bokstaven "P". Rita med Ellipsverktyg (L) en cirkel släcker den med samma borste. Du kan se nedan de inställningar som jag har använt. Oroa dig inte för överlappande frön eftersom du kan ta bort eller omorganisera dem senare.
Samma sak gäller för bokstaven "E".
Vid denna tidpunkt bör din vattenmelon effekt se ut i nästa bild. Om du är nöjd med hur den ser ut, välj alla de banor som du har slagit med Sädsprutborste och välj Expand Utseende från Objekt meny. För bokstaven "A" bestämde jag mig för att manuellt ordna bara några frön senare.
Nu måste du lita på fröet och ta det ursprungliga fröet ("frö 1") och håll det i närheten. Zooma på första bokstaven och använd Direktmarkeringsverktyg (A) välj en av de gröna formerna sedan gå till Välj> Samma> Fyll färg. Som ett resultat kommer alla gröna former att väljas och du kan färga dem alla på en gång. Släpp inte dem, byt till Eyedropper Tool (I) och använd den för att kopiera gradienten från det ursprungliga fröet.
Välj nu en av de lila formerna och gå sedan till Välj> Samma> Fyll färg. När alla lila former har valts, använd Eyedropper Tool (I) att kopiera den bruna gradienten från det ursprungliga fröet.
Upprepa samma sak för de gula formerna och ersätt fyllfärgen med den gyllene gradienten. Du är klar med de viktigaste frön.
Kom ihåg att du har skapat "frö 1", "frö 2" och "frö 3", eller hur? Mellan de viktigaste frön ("frö 1") kan du skala och ordna fler frön för att skapa ett mer naturligt utseende. Så multiplicera "frö 2" och "frö 3" och ordna några på första bokstaven. Sänka Opacitet för varje utsäde någonstans mellan 50 och 70%. I bilden nedan finns två exempel för dig.
Ordna några frön ovanpå bokstaven "A" också. Börja med "frö 1", vilket är huvudet då några av de andra. Minska Opacitet för några av dem till 70%.
Fortsätt med bokstaven "M" och gör i princip samma sak.
Här är bokstaven "P":
Och här är bokstaven "E":
Du är färdig med frön och din texteffekt ska se ut i nästa bild:
Bara tre korta steg för detta. Välj först ellipsen och fyll den med den angivna radiella gradienten. Ta sedan nästa Penverktyg (P) och rita tre vägar ovanpå som i bilden. Slå in dessa vägar med en Konstborste kallas "Borsta 1"som du kan hitta i Penselbibliotek Menu> Konstnärligt> Artistic_Paintbrush. Ställ in Slagvikt till 0,25 pt.
Om du väljer de tre sökvägarna väljer du Expand Utseende från Objekt menyn för att vrida slagen till fyllningar. Välj de resulterande lila formerna sedan gå till Effekt> Förvräng & Transformera> Roughen och använd de visade inställningarna. Välj igen Expand Utseende För att utvidga den applicerade effekten, ersätt sedan den lila fyllningen med den visade radialgraden.
Kopia och Klistra in på framsidan (Control-F) ellipsen och ta den framför allt genom att gå till Objekt> Ordna> Ta fram (Shift-Control-)). Ta bort gradientfyllningen. Välj nu de tre ränderna och också kopian av ellipsen och gå till Objekt> Clipping Mask> Make (Control-7). Bokstaven "L" är klar.
Ta tag i Penverktyg (P) och rita några vägar efter vattenmelonsskalan. Jag gjorde fyra men du kan rita mer eller mindre. Slå in dessa vägar med a Blanda konstborste kallas "White Blend Art Brush 100 x 3"från uppsättningen av flerbearbetningsborstar. Ställ in Slagvikt till 0,5 pt minska sedan Opacitet till 75% för dem alla.
Använd igen Penverktyg (P) att rita några vägar direkt mellan den röda massan och ljusare området. Slå på dem med samma White Blend Art Brush men den här gången behåller Slagvikt på 1pt för att få smidigare höjdpunkter.
Skapa en form som liknar "fröformen" och fyll den med den linjära gradienten som anges vid a 50 graders vinkel. Satt till Blandningsläge Färgbränning (1). Kopia och Klistra in på framsidan (Control-F) denna form och flytta den lite upp och till vänster. Ersätt befintlig gradient med en vit till svart radiell gradient som sedan ställs in på Blendinglägesskärm (2).
Använd Penverktyg (P) att rita en liten väg i övre vänstra sidan av saftdroppen. Slå på det med White Blend Art Brush som du har använt tidigare och ställa in Slagvikt till 0,5 pt. Välj Expand Utseende från Objekt menyn för att expandera borstslaget. Nu, Grupp (Control-G) alla former som utgör dropen av juice och göra en annan kopia. Skala och ordna de två dropparna av juice som i nästa bild.
Skapa först ett nytt lager bakom lagret med texteffekten och namnge det "Bakgrund". Använd Rektangelverktyg (M) Att rita en form runt texten och fylla den med den visade radialgraden.
Kopia och Klistra in på framsidan (Control-F) bakgrundsrektangeln och håll samma gradient. Gå nu till Effekt> Förvrängning> Glas och använd de visade inställningarna. Satt till Blandningsläge Multiplicera och 40% opacitet.
Vid detta steg behöver du en kopia av varje bokstav igen. Skicka dem alla bakom allt genom att gå till Objekt> Ordna> Skicka till Tillbaka (Shift-Control- [). Ta bort befintliga utseenden om någon och fyll dem med grön, till exempel. Fortsätt ha dessa sex former valda, gå till Effekt> Stylize> Drop Shadow och använd de visade inställningarna. Du har just avslutat!
Jag hoppas att du njöt av att skapa denna vattenmelontexteffekt och att du har lärt dig några nya saker. Om du bestämmer dig för att göra det, vänligen bifoga en bild i kommentarfältet. Jag skulle gärna se ditt resultat.