Använd Photoshop och Illustrator för att skapa gitarrstringstypografi

Photoshop och Illustrator är bra verktyg för att hjälpa dig att skapa saker som bara finns i din fantasi. I den här handledningen skapar vi ord ur blandade gitarrsträngar. Låt oss börja!


Tutorial Assets

Följande tillgångar användes under produktionen av denna handledning.

  • Trätextur

1. Skapa strängarna i Illustrator

Steg 1

Vi kommer att börja i Illustrator. Skapa ett nytt dokument genom att gå till Arkiv> Nytt (Kommando / Ctrl + N). Jag använde följande dokumentstorlek:

  • Bredd inställd på 250 mm
  • Höjd inställd till 175 mm

Välj Linjesegmentverktyg (\), och medan du håller nere Flytta Dra en horisontell linje över dokumentets bredd, någonstans i den översta fjärde av sidan. Ange nu:

  • Fyll färg (X) till ingen
  • Slagvikt till 5 pt
  • Keps till rund keps
  • och Hörn till Round Join

Använda Rotera verktyg (R) vrid den horisontella linjen med 11 °.

Använda Flytta verktyget genom att gå till Objekt> Transformera> Flytta (Kommando / Ctrl + Skift + M) duplicera linjen med följande värden:

  • Horisontell: 0 mm
  • Vertikal: 21 mm

Glöm inte att klicka Kopia istället för OK.

Duplicera den nya raden 4 flera gånger helt enkelt genom att gå till Objekt> Transformera> Transformera igen (eller Command / Ctrl + D), så du slutar med 6 linjer helt och hållet.

Steg 2

Nu ska vi skriva bokstäverna.

Använd Saxverktyg (C) att skära den övre vägen vid två punkter, på ett avstånd som är ungefär längden på det första ordet. Använda Direktmarkeringsverktyg (A) ta vägen i mitten och ta bort den. (Glöm inte att trycka på Radera två gånger så att du också raderar slutpunkten för den oönskade sökvägen.)

Använda Penverktyg (P) klicka på den högra ändpunkten för den första sökvägen för att fortsätta sökvägen och börja rita första bokstaven. Det är en bra idé att se vägarna i Skissvy (Visa> Skiss, Kommando / Ctrl + Y) för att kunna arbeta mer exakt.

Bokstäverna kan bestå av olika vägar för nu, speciellt för att vissa vägar måste dupliceras (de två kurvorna på "m" är likartade, så är kurvan för "u" etc. men de måste vara justerad så kopplas fint med nästa brev).

Den här fasen av handledningen kommer troligtvis att innebära ganska lite arbete, anpassning och korrigering av banorna för att kurvorna ska bli felfria, men det här är grunden för vårt konstverk, så det måste se perfekt ut.

Lägg till alla bokstäver du behöver på en sträng och justera den vänstra ändpunkten för den andra raden så att den börjar där slutpunkten för den sista bokstaven slutar.

Steg 3

Låt oss skapa alla bokstäver på alla sex strängarna. Samma bokstäver kan dupliceras. Efter att ha ritat alla vägar, så här ska vårt konstverk se in Översiktsvy.

Nu måste vi gå med alla vägar så vi slutar med att varje sträng är bara en väg. Se till att de punkter som behöver anslutas är i samma position. Om de inte är, justera deras positioner med hjälp av Direktmarkeringsverktyg (A).

När de väl befinner sig i rätt position väljer du båda ändpunkterna med Direktmarkeringsverktyg (A), och Medel dem (Objekt> Path> Average, Command / Ctrl + Alternativ + J). Du kan lämna ut det här steget om du är helt säker på att banorna ligger exakt ovanpå varandra. Sedan Ansluta sig dem (Objekt> Path> Gå med, Command / Ctrl + J). Gå igenom hela dokumentet och gå med alla närliggande banor, så du är bara kvar med 6 banor.

Steg 4

Vi kommer att skapa strängens färg nästa. Gå till Färgpalett (Fönster> Färg), och lägg till värdena.

  • C: 55
  • M: 60
  • Y: 65
  • K: 40

För att skapa en brunaktig färg. (Jag använder CMYK-värden eftersom detta konstverk skapades för utskrift.) Dra den här färgen till rutor~~POS=HEADCOMP, så vi kan enkelt använda den nästa gång vi behöver det.

Nästa definierar vi glidarna i Lutning (Fönster> Gradient). Dra den brunfärgade färgen till de första och sista glidarna i lutningen, och dra White till mitten av lutningen, vilket skapar en ny glidare. Denna mittreglage borde vara 50%. Dra även denna lutning till Swatches.

Välj nu alla 6 banor och ställ in stroke till den gradient vi just skapat.

Klicka på Applicera Gradient Across Stroke i paletten Gradient för att uppnå det strängliknande utseendet.

Riktningen för varje väg borde gå från vänster till höger, annars kommer bokstäverna inte att följa skrivriktningen.

Om din väg inte är inställd i rätt riktning, använd Penverktyget för att klicka på den högra ändpunkten på din väg för att ändra ordningens ordning.

Steg 5

Det finns bara en sista sak kvar för oss att göra med strängarna i Illustrator: att ta hand om interlocking.

Använda Penverktyg rita en ny väg runt den andra strängen och se till att du lämnar den del som ska döljas. Detta bör göras mycket exakt. Se till att du stänger banan.

Se till att det är framför strängbanan (Objekt> Ordna> Ta fram), men troligtvis kommer det att vara, som det skapades senare. Välj båda vägarna (den nya slutna sökvägen och strängbanan) och gör en Clipping Mask (Objekt> Klippmask> Gör, Kommando / Ctrl + 7). Nu en del av bokstaven "k" borde ha försvunnit bakom den nedre delen av bokstaven "c".

Upprepa detta steg vid fjärde strängen för bokstaven "f".

Den nedre delen av "e" i "mig" borde nu läggas över på toppen av "f".

Vi är nu färdiga med vektorns del av strängar, den ska likna bilden nedan. Spara sedan filen som 'strängar'.


2. Skapa Frets i Illustrator

Steg 6

Fortfarande i Illustrator, skapa ett nytt dokument (Storlek: 350 x 350 mm), annars samma inställningar som förra gången. Med Linjesegmentverktyg Shift-draw en vertikal linje, ca 240 mm lång. Ställ in Fyll färg (X) till ingen, och Slagvikt till 6,4 pt.

Tryck ner alternativknappen och med Urvalsverktyg (V) Skift-drag linjen till höger (ca 35 mm). Upprepa detta steg med andra raden, men den här tiden gör avståndet lite större (ca 45 mm). Upprepa igen, med ännu större avstånd (55 mm). (Du kan också använda Flytta verktyget för dessa steg.)

Välj alla fyra raderna och använd Rotera verktyg (R) att rotera dem med 11 °. Ställ in slagfärgen till vit. Spara dokumentet som 'band'. Det är dags att gå vidare till Photoshop.


3. Ställ in basen för konstverket i Photoshop

Steg 7

I Photoshop skapa en Nytt dokument (Fil> Ny, Kommando / Ctrl + N) med följande värden:

  • Bredd: 175 mm
  • Höjd: 250 mm
  • Upplösning: 300 pixlar / tum
  • Färg läge: CMYK-färg

Fyll bakgrunden med Standard svart (C: 91 M: 79 Y: 62 K: 97 eller # 000000).

Öppna Trästruktur från tillgångar och dra dess miniatyrfil i ditt nya dokument för att skapa ett nytt lager. Använd Gratis omvandlingsverktyg (Redigera> Gratis transformera, Kommando / Ctrl + T) att rotera och Skift - minska texturens storlek som visas på paletten Info. Dubbelklicka på lagets namn för att byta namn på det 'trä'. Ställ opaciteten till 83%.

Nu ska vi Lägg till en lagmaske genom att klicka Layer> Layer Mask> Reveal All. Använd en stor, mjukt kantad Borste (B) (ca 350 px, hårdhet 0%) för att dra på masken. Klicka på den vänstra punkten på den övre sidan av träbilden och håll sedan ned Flytta och klicka på rätt punkt, för att rita en rak linje. Gör detsamma längst ner i träbilden.

Koppla bort masken då Fläck (Filter> Blur> Gaussian Blur) masken med en radius av 160 px.

Kommando / Ctrl klicka på masken till Load Selection, sedan Skapa ett nytt ljusstyrka / kontrastjusteringslager (ikonen är vid sidfot eller fliken Lager) med följande värden.

  • ljusstyrka satt till -27
  • och Kontrast inställd till 52

Kommando / Ctrl klicka på masken till Load Selection igen och Skapa ett nytt färgton / mättnadsjusteringslager med:

  • Nyans inställd på -3
  • Mättnad inställd på +41
  • och Lätthet satt till -10.

Välj dessa 3 lager ('trä' lager och de två justeringsskikten), och Grupp dem (Kommando / Ctrl + G). Benämn gruppträet bg.


4. Lägg till Frets till konstverket

Steg 8

Växla tillbaka till Illustrator och Kopia de fyra linjerna av Frets, sedan Klistra in i Photoshop-filen (alternativt stanna i Photoshop och Plats (Fil > Plats) filen 'band'). Jag brukar klistra in vektordata som Smarta objekt för att hålla dem redigerbara för senare användning, men du kan också klistra in som pixlar nu. Se till att du klistrar in / placerar fretsarna på 100% (kontrollera Info Palette). Placera linjerna som visas nedan. Namnge skiktet 'band'.

Kommando / Ctrl klicka på masken av skiktet "trä" till Load Selection, och Lägg till en lagmaske (Layer> Layer Mask> Reveal Selection) till skiktet 'oroa'. Vi lägger nu till följande tre lagerformat: Bevel and Emboss, Color Overlay och Drop Shadow, med värden enligt nedan.

Vårt konstverk borde se ut så här nu.

Steg 9

Okej, som vi kan se, blandar gitarrens sidor fortfarande inte bra in i bakgrunden.

Använd Ellipseverktyg (U) för att skapa en ellips som sträcker sig över bredden av vårt dokument.

Använda Gratis omvandlingsverktyg (Command / Ctrl + T) rotera ellipsen med 11 °, och rör den upp lite.

Load Selection (Kommando / Ctrl klicka på ellipsskiktet) och stäng av Synlighet (klicka på ögonikonen till vänster om lagminnebilden), men du kan även ta bort det här laget. Tryck Shift + F6 (Välj> Ändra> Fjäder) till Fjäder valet och ställ in Fjäder Radius till 250 pixlar.

Tryck Kommando / Ctrl + Skift + I (Välj> Inverse) till Invertera valet, tryck på D för att se till att din fyllfärg är inställd på svart, Skapa ett nytt lager (Lager> nytt lager),och Fyll ut urvalet genom att slå Alternativ / Alt + Backspace. Ställ in skiktets Blandningsläge att Multiplicera, lagrets Opacitet till 30%. Tryck på Alternativ + D för att avmarkera.  namn skiktet 'mörkna'.

Duplicera detta lager (genom att dra det på Skapa en ny lagerikon), ställ in Opacitet till 73%, och förstora den till ca 148% (med Gratis omvandlingsverktyg). Namn det här skiktet "mörk mer".


5. Lägg till strängar i konstverket

Steg 10

Det är dags att Plats våra strängar, på samma sätt som vi satte fräserna (Kopiera eller klistra in). Vi måste förstora den till ca 120%. Namnge skiktet 'strängar'.

Vi kommer nu Lägg till två Lagstilar: Bevel och Emboss och Drop Shadow, som visat.

Ändra Lagorder, så att 'strängar' går nedanför "mörk mer".

Steg 11

Nästa kommer vi att skapa en ljus effekt för att göra våra strängar mer tredimensionella. Load selection av 'strängar' (Kommando / Ctrl klicka på skiktet) och Kontrakt urvalet (Välj> Ändra> Kontrakt) med 3 px. Tryck Kommando / Ctrl + Skift + I till Invertera valet, och klicka på Kurvjusteringslager. Inställningen är som visas.

Load Selection av 'strängar' igen (Kommando / Ctrl klicka på skiktet), Invertera valet och fyll masken på justeringsskiktet med svart. Fläck masken med en radie av 1,5 pixlar.

Ställ in skiktets Blandningsläge till Färg Dodge, de Opacitet till 35%. Namnge skiktet 'ljus'. Välj "stränglager" och kurvjusteringslagret, Grupp dem och namnge gruppen 'text'.

Steg 12

Lägg till en annan i gruppen Kurvjusteringslager för att göra hela konstverket ännu mörkare. Ställ in skiktet som visas.

Klicka på 'strängar' lager och lägg till en Ljusstyrka / kontrastjusteringslager med värdena som visas. Aktivera Clipping Icon (eller Skapa klippmask från Lagerpalett, Kommando / Ctrl + Alternativ / Alt + G) för att begränsa justeringen till lagret nedan ('strängar' endast).

Vårt konstverk ska se ut så här nu:


6. Skapa på träet

Steg 13

Låt oss lämna strängarna ett tag och skapa trädelens klädsel. Load Selection av strängarna (Kommando / Ctrl klicka på skiktet) och Lägg till urvalet av skiktet 'band' (Kommando / Ctrl + Skift klick på skiktet, men inte masken). Expandera valet (Välj> Ändra> Expandera) med 50 pixlar.

Ställ nu in Fjäder Radius (Shift + F6) till 40 pixlar, och lägg till en Färgton / Saturation Adjustment Layer med värden som anges.

Steg 14

Load Selection av det sista laget vi skapade (Hue / Saturation Adjustment Layer), och Invertera urvalet.

Använda Lasso Tool (L) subtrahera de övre och nedre delarna av urvalet. Upphandla urvalet det är kvar (Välj> Ändra> Kontrakt) med 50 pixlar.

Lägg till en Färgbalansjusteringslager som visat.

Vi kan ytterligare förfina masken genom att klicka på Avgränsa Mask Edge i Egenskaper palett. Se till Visningsläge är på Täcka över, På så vis är det lätt att se hur din mask förändras.

Ställ in det som visas.

Nu bor på träet likna detta:


7. Skapa inlägg

Steg 15

Låt oss använda Elliptisk markeringsverktyg (M) för att göra ett rundval (håll nere) Flytta för att göra det till en vanlig cirkel). Gör diametern ca 0,8 mm (du kan kontrollera bredden / höjden i Info Palette).

Ställ in Förgrundsfärg till:

  • C: 39
  • M: 37
  • Y: 36
  • K: 16

och den Bakgrundsfärg till

  • C: 51
  • M: 51
  • Y: 52
  • K: 46

Ställ in Gradient Tool (G) till Bakgrund till bakgrund och Linjär Gradient i Alternativbar, Opacitet bör vara 100%. Skapa ett nytt lager och fyll den med lutningen. Namnge skiktet "inlägg punkt".

Lägg till lite Ljud (Filter> Buller> Lägg till Buller) som visat, då Blekna bullret (Redigera> Fade Add Noise, Command / Ctrl + Shift + F) till 68%.

låt oss Lägg till två Lagstilar: Bevel och Emboss och Drop Shadow, och tillämpa följande inställningar.

Steg 16

Duplicera de "inlägg punkt" skikt två gånger och placera de nya prickarna som visas.

Skapa ett nytt lager och Ladda valet av de tre prickarna (Kommando / Ctrl klicka på skiktet, sedan Kommando / Ctrl + Skift klicka på de andra två skikten). Ställ in Borstverktyg (B) till 130 px, hårdhet till 0% i Alternativbar, de Förgrundsfärg till vitt och måla de övre högra sidorna av alla tre prickarna för att lägga till höjdpunkter.

Namnge skiktet 'höjdpunkter'. Välj de tre "inlay dot" -lagen plus "Highlights" -lagret, gruppera dem och namnge gruppen 'intarsia'.


8. Förbättra strängar

Steg 17

Det är dags att gå tillbaka till våra strängar för att göra dem perfekta.

Låt oss placera skuggor på strängarna för att lägga till mer djup till dem. Jag gjorde det manuellt först Väljer områden (med Lasso Tool) på vilken skugga ska projiceras. Se till att valet är exakt var det delar upp de olika områdena (områden med och utan skugga).

Nästa Sval av strängar måste vara skuren med det aktuella valet (antingen Kommando / Ctrl + Alternativ / Alt + Skift klick på "strängar" lager, eller klicka på "strängar" lager och gå till Välj> Ladda val, och klicka Intersect med urval).

Ställ in Förgrundsfärg till en brunaktig grå:

  • C: 66
  • M: 67
  • Y: 69
  • K: 58

Skapa ett nytt lager och använder en approximativt 80 px bred pensel börja måla skuggorna. (Du kan Dölj markering att bli av med de störande "marschermyrorna" genom att trycka Kommando / Ctrl + H, eller Visa> Tillägg).

Ställ in skiktets Blandningsläge till Multiplicera, Opacitet till 84%. Namnge skiktet 'skuggor'.

Steg 18

Upprepa Steg 17 för varje enskilt område där textens kurvor möts eller skärs. Det här är ett tidskrävande steg, men det är viktigt att få det rätt eftersom det verkligen lägger till livet på konstverket.

När skuggorna är färdiga, Load Selection av strängar igen, klicka på 'skuggor' och Fläck med en radie av 5,0 pixlar.

Steg 19

Skapa ett nytt lager inom gruppen 'text' och kalla det 'retuschera'. Klicka på Klonstämpelverktyg (S), och ställa in Aligned Sample till Alla lager i Alternativbar. Nu kan du retuschera bristerna i m, g och o.


9. Efterbehandling

Steg 20

Jag tror att vi fortfarande behöver göra sidorna eller konstverket lite mörkare, så låt oss klicka på Elliptisk markeringsverktyg (M) och placera markören i mitten av konstverket (både horisontellt och vertikalt). Håll ner Alternativet / Alt och gör en ellips liknande detta.

Tryck Skift + F6 till Fjäder valet med 200 pixlar. Invertera valet, Skapa ett nytt lager, tryck på D och Fylla skiktet med svart Tryck Kommando / Ctrl + D till Välja bort. Ställ in skiktets Blandningsläge till Multiplicera, Opacitet till 21%. Namnge skiktet 'gräns'.

Steg 21

Det finns bara en sista sak kvar för oss att göra. Låt oss lägga till de horisontellt centrerade krediterna längst ner.

Klicka på lagret "Bakgrund" och dra en guide från vänster linjal till mitten. Uppsättning Paragraf till Centrallinjering, Klicka på Horisontellt typverktyg (T), klicka exakt på guiden och Kopiera klistra in följande text:

Lyrics: Sömnbrun | Musik gör mig så bra

Använd teckensnittet 'Aller' i en storlek av 5 pt. Ange 'Sleepy Brown' till Aller Bold.


Slutsats

Tack för att du tog dig tid att slutföra denna handledning. Låt oss snabbt läsa om vad vi har lärt oss.

  • Vi skapade de vektorbaserade elementen i Illustrator
  • Vi skapade gitarrbasen i Photoshop
  • Vi lade till gitarrkomponenterna och använde Photoshop-verktygen för att få ett realistiskt utseende

Jag hoppas att du hittade denna handledning förståeligt, intressant och pedagogiskt. Frågor, kommentarer och förslag är välkomna.