Bruk Photoshop og Illustrator til å lage gitarstringtypografi

Photoshop og Illustrator er gode verktøy for å hjelpe deg med å lage ting som bare finnes i fantasien din. I denne opplæringen vil vi lage ord ut av intertwining gitarstrenger. La oss komme i gang!


Tutorial Assets

Følgende eiendeler ble brukt under produksjonen av denne opplæringen.

  • Wood Texture

1. Lag strengene i Illustrator

Trinn 1

Vi vil begynne i Illustrator. Opprett et nytt dokument ved å gå til Fil> Nytt (Kommando / Ctrl + N). Jeg brukte følgende dokumentstørrelse:

  • Bredde satt til 250 mm
  • Høyde satt til 175 mm

Velg Linjesegmentverktøy (\), og mens du holder nede Skifte Tegn en horisontal linje over dokumentets bredde, et sted i den øverste fjerde delen av siden. Nå satt:

  • Fyll farge (X) til ingen
  • Stroke Weight til 5 pt
  • Lokk til Round Cap
  • og Hjørne til runde bli med

Bruker Rotate Tool (R) drei den horisontale linjen med 11 °.

Bruker Flytteverktøy ved å gå til Objekt> Transformere> Flytt (Kommando / Ctrl + Skift + M) dupliser linjen med følgende verdier:

  • Horisontal: 0 mm
  • vertikal: 21 mm

Ikke glem å klikke Kopiere i stedet for OK.

Duplisere den nye linjen 4 flere ganger bare ved å gå til Object> Transform> Transform Again (eller Command / Ctrl + D), slik at du ender med 6 linjer helt.

Steg 2

Nå skal vi tegne bokstavene.

Bruke Saksverktøy (C) å kutte toppbanen på to punkter, i en avstand som er omtrent lengden på det første ordet. Bruker Direkte utvalgsverktøy (A) Ta tak i banen i midten og slett den. (Ikke glem å trykke Slett to ganger, slik at du også sletter endepunktene til den uønskede banen.)

Bruker Pennverktøyet (P) klikk på høyre endepunkt for den første banen for å fortsette banen, og begynn å tegne det første bokstaven. Det er en god ide å se stiene i Utsiktsvisning (Vis> Oversikt, Kommando / Ctrl + Y) for å kunne jobbe mer presist.

Bokstavene kan bestå av forskjellige baner for nå, særlig fordi noen baner må dupliseres (de to kurver av 'm' er like, så er kurven til 'u' etc., men de må være justert slik at det er pent forbundet med neste brev).

Denne fasen av opplæringen vil trolig involvere litt arbeid, tilpasse og korrigere stiene slik at kurvene ser feilfri ut, men dette er grunnlaget for vårt kunstverk, så det må se perfekt ut.

Legg til alle bokstavene du trenger på en streng, og juster venstre endepunkt på den andre linjebanen slik at den starter der sluttpunktet til den siste bokstaven avsluttes.

Trinn 3

La oss lage alle bokstaver på alle seks strengene. Samme bokstaver kan dupliseres. Etter å ha tegnet alle stier, så er det slik vårt kunstverk skal se inn Oversikt over visning.

Nå må vi slutte seg til alle baner, slik at vi ender med at hver streng er bare en bane. Pass på at poengene som trengs, er i samme posisjon. Hvis de ikke er det, må du justere posisjonene sine ved hjelp av Direkte utvalgsverktøy (A).

Når de er i riktig posisjon, velg begge endepunktene med Direkte utvalgsverktøy (A), og Gjennomsnitt dem (Objekt> Sti> Gjennomsnittlig, Kommando / Ctrl + Alternativ + J). Du kan legge ut dette trinnet hvis du er helt sikker på at stiene er akkurat på toppen av hverandre. Deretter Bli med dem (Objekt> Sti> Bli med, Kommando / Ctrl + J). Gå gjennom hele dokumentet og bli med alle nabostier, så du er bare igjen med 6 baner.

Trinn 4

Vi lager fargene på strengene neste. Gå til Farge palett (Vindu> Farge), og legg til verdiene.

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

For å lage en brunaktig farge. (Jeg bruker CMYK-verdier fordi dette bildet ble opprettet for utskrift.) Dra denne fargen til fargeprøver, så vi kan enkelt bruke den neste gang vi trenger det.

Deretter definerer vi skyvekontrollene til gradient (Vindu> Gradient). Dra den brune fargen til den første og siste skyvekontrollen i graden, og dra Hvit til midten av graden, slik at du oppretter en ny glidebryter. Denne midtre glideren skal være på 50%. Dra også denne gradienten til stikkord.

Velg nå alle 6 banene, og sett streken til den gradienten vi nettopp har opprettet.

Klikk på Påfør Gradient Across Stroke i Gradient-paletten for å oppnå det strenglignende utseendet.

Retningen for hver sti skal gå fra venstre til høyre, ellers vil bokstavene ikke følge retningsretningen.

Hvis veien ikke er satt i riktig retning, bruk pennverktøyet til å klikke på høyre endepunkt på banen din for å reversere rekkefølgen på banen.

Trinn 5

Det er bare en siste ting igjen for oss å gjøre med strengene i Illustrator: å ta vare på sammenkoblingen.

Bruker Pennverktøy Tegn en ny bane rundt den andre strengen, og sørg for at du forlater den delen som skal skjules. Dette bør gjøres veldig nøyaktig. Pass på at du lukker banen.

Deretter sørg for at det er foran strengen banen (Objekt> Ordne> Ta fram), men mest sannsynlig vil det være, som det ble opprettet senere. Velg begge banene (den nye lukkede banen og strengbanen), og lag a Clipping Mask (Objekt> Clipping Mask> Lag, Kommando / Ctrl + 7). Nå skal en del av bokstaven "k" ha forsvunnet bak den nedre delen av bokstaven "c".

Gjenta dette trinnet ved fjerde streng for bokstav 'f'.

Den nederste delen av 'e' i 'meg' burde nå legges over toppen av "f".

Vi er nå ferdig med vektordelen av strenger, den skal se ut som bildet nedenfor. Lagre filen som 'strenger'.


2. Lag Frets i Illustrator

Trinn 6

Fortsatt i Illustrator, opprett et nytt dokument (Størrelse: 350 x 350 mm), ellers samme innstillinger som forrige gang. Med Linjesegmentverktøy Skift-trekning en vertikal linje, ca 240 mm lang. Sett Fyll farge (X) til ingen, og Strokevekt til 6,4 pt.

Trykk ned alternativtasten og med Utvalgsverktøy (V) Skift-drag linjen til høyre (ca. 35 mm). Gjenta dette trinnet med den andre linjen, men denne gangen gjør avstanden litt større (ca. 45 mm). Gjenta igjen, med enda større avstand (55 mm). (Du kan også bruke Flytteverktøy for disse trinnene.)

Velg alle fire linjene og bruk Rotate Tool (R) å rotere dem med 11 °. Sett slagfargen til hvit. Lagre dokumentet som 'frets'. Det er på tide å gå videre til Photoshop.


3. Sett opp grunnlaget for kunstverket i Photoshop

Trinn 7

I Photoshop opprett en Nytt dokument (Fil> Ny, Kommando / Ctrl + N) med følgende verdier:

  • Bredde: 175 mm
  • Høyde: 250 mm
  • Vedtak: 300 piksler / tommer
  • Fargemodus: CMYK-farge

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

Åpen Wooden Texture fra eiendeler og dra lagets miniatyrbilde i ditt nye dokument for å lage et nytt lag. Bruke Gratis Transform Tool (Edit> Free Transform, Command / Ctrl + T) å rotere og Shift - Reduser størrelsen på tekstur som vist på Info-paletten. Dobbeltklikk lagets navn for å gi nytt navn til det 'tre'. Still opaciteten til 83%.

Nå skal vi Legg til en lagmaske ved å klikke Layer> Layer Mask> Reveal All. Bruk en stor, myk kant Pensel (B) (ca 350 px, hardhet 0%) for å trekke på masken. Klikk på venstre punkt på oversiden av trebildet, og hold nede Skifte og klikk på høyre punkt for å tegne en rett linje. Gjør det samme nederst på trebildet.

Fjern koblingen til masken, da Uklarhet (Filter> Blur> Gaussian Blur) masken med en radius på 160 px.

Kommando / Ctrl klikk på masken til Last inn valg, deretter Lag et nytt lysstyrke / kontrastjusteringslag (ikonet er ved fotfeltet eller fanen Lag) med følgende verdier.

  • lysstyrke satt til -27
  • og Kontrast sett til 52

Kommando / Ctrl klikk på masken til Last inn valg igjen, og Lag et nytt fargetone / Saturation Adjustment Layer med:

  • Hue satt til -3
  • metning satt til +41
  • og letthet satt til -10.

Velg disse 3 lagene ('tre' lag og de to justeringslagene), og Gruppe dem (Command / Ctrl + G). Gi gruppen trebg.


4. Legg til Frets til kunstverket

Trinn 8

Bytt tilbake til Illustrator og Kopiere de fire linjene i frets, deretter Lim inn inn i Photoshop-filen (alternativt opphold i Photoshop og Sted (Fil > Sted) filen 'frets'). Jeg pleier vanligvis å lime inn vektordata som Smarte objekter for å holde dem redigerbare for senere bruk, men du kan også lime inn som piksler nå. Pass på at du lime inn / plasser fretsene på 100% (sjekk Info Palette). Plasser linjene som vist nedenfor. Navn laget 'frets'.

Kommando / Ctrl klikk på masken av lag 'wood' til Last inn valg, og Legg til en lagmaske (Lag> Layer Mask> Avslør utvalg) til laget 'Slite'. Vi legger nå til følgende tre lagsstiler: Bevel og Emboss, Color Overlay og Drop Shadow, med verdier som vist nedenfor.

Våre kunstverk skal se slik ut akkurat nå.

Trinn 9

Ok, som vi kan se, blander gitarens sider fortsatt ikke pent inn i bakgrunnen.

Bruke Ellipseverktøy (U) å lage en ellipse som strekker seg over bredden av dokumentet vårt.

Bruker Gratis Transform Tool (Command / Ctrl + T) roter ellipsen ved 11 °, og flytt den litt opp.

Last inn valg (Kommando / Ctrl klikk på ellipslaget) og slå av Synlighet (klikk på øyeikonet til venstre for lagminaturen), men du kan til og med slette dette laget. trykk Shift + F6 (Velg> Endre> Feather) til Fjær valget, og sett inn Fjær Radius til 250 piksler.

trykk Kommando / Ctrl + Skift + I (velg> omvendt) til Inverter valget, trykk på D for å sikre at fyllfarge er satt til svart, Lag et nytt lag (Lag> Nytt lag),og Fyll utvalget ved å trykke Alternativ / Alt + Backspace. Sett lagets Blandingsmodus å Multiply, lagets opacity til 30%. Trykk på Alternativ + D for å fjerne markeringen.  Navn laget 'Mørkere'.

Duplisere dette laget (ved å dra det på Opprett et nytt lag Ikon), sett opacity til 73%, og forstørre den til ca 148% (med Gratis Transform Tool). Navn dette laget "mørk mer".


5. Legg strengene til kunstverket

Trinn 10

Det er på tide å Sted våre strenger, på samme måte som vi satte fretsene på (Kopier-Lim inn eller Plasser). Vi må øke den til ca 120%. Navn laget 'strenger'.

Vi vil nå Legg til to Layer Styles: Bevel og Emboss og Drop Shadow, som vist.

Endre Lagbestilling, så det 'strenger' går under "mørk mer".

Trinn 11

Neste vil vi skape en lyseffekt for å gjøre strengene mer tredimensjonale. Last inn valg av 'strenger' (Kommando / Ctrl klikk på laget) og Kontrakt utvelgelsen (Velg> Endre> Kontrakt) med 3 px. trykk Kommando / Ctrl + Skift + I til Inverter valget, og klikk på Kurverjusteringslag. Sett er som vist.

Last inn valg av 'strenger' en gang til (Kommando / Ctrl klikk på laget), Inverter valget og fyll masken på justeringslaget med svart. Uklarhet masken med en radius på 1,5 piksler.

Sett lagets Blandingsmodus til Color Dodge, de opacity til 35%. Navn laget 'lys'. Velg 'strenger layer' og kurvjusteringslaget, Gruppe dem, og nevngruppen 'tekst'.

Trinn 12

I gruppen legger du til en annen Kurverjusteringslag for å gjøre hele kunstverket enda mørkere. Sett laget som vist.

Klikk på 'strenger' lag, og legg til en Lysstyrke / Kontrastjusteringslag med verdiene som vist. Aktiver Clipping Icon (eller Lag Clipping Mask fra Lag Palette, Kommando / Ctrl + Alternativ / Alt + G) for å begrense justeringen til laget nedenfor ('strenger' bare).

Våre kunstverk skal se slik ut akkurat nå:


6. Lag slitasje på treet

Trinn 13

La oss forlate stringene for en stund, og opprett slitasje på trepartiet. Last inn valg av strengene (Kommando / Ctrl klikk på laget), og Legg til valget av laget 'frets' (Kommando / Ctrl + Skift klikk på laget, men ikke masken). Utvide utvalget (Velg> Endre> Utvid) med 50 piksler.

Sett nå Fjær Radius (Shift + F6) til 40 piksler, og legg til en Hue / Saturation Adjustment Layer med verdier satt som vist.

Trinn 14

Last inn valg av det siste laget vi opprettet (Hue / Saturation Adjustment Layer), og Inverter valget.

Bruker Lasso Tool (L) trekke fra toppen og bunnen av valget. Kontrakt utvelgelsen det er igjen (Velg> Endre> Kontrakt) med 50 piksler.

Legg til en Fargebalansjusteringslag som vist.

Vi kan viderefinere masken ved å klikke på Avgrens Mask Edge i Egenskaper palett. Forsikre Visningsmodus er på overlegg, På denne måten er det enkelt å se hvordan masken din endres.

Sett det som vist.

Nå skal på på treet lignes på dette:


7. Lag innlasting

Trinn 15

La oss bruke Elliptisk Marquee Tool (M) for å gjøre et rundvalg (hold nede) Skifte å gjøre det til en vanlig sirkel). Gjør diameteren ca 0,8 mm (du kan sjekke bredden / høyden i Info Palette).

Sett Forgrunnsfarge til:

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

og Bakgrunnsfarge til

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

Sett Gradient Tool (G) til Forgrunn til bakgrunn og Lineær gradient i Alternativbar, opacity bør være 100%. Lag et nytt lag og fyll den med gradienten. Navn laget 'inlay dot'.

Legg til litt Bråk (Filter> Støy> Legg støy) som vist, da Falme bråket (Rediger> Fade Add Noise, Command / Ctrl + Shift + F) til 68%.

la oss Legg til to Layer Styles: Bevel og Emboss og Drop Shadow, og bruk følgende innstillinger.

Trinn 16

Duplisere de 'inlay dot' lag to ganger og plasser de nye prikkene som vist.

Lag et nytt lag og Legg inn valget av de tre prikkene (Kommando / Ctrl klikk på laget, deretter Kommando / Ctrl + Skift klikk på de andre to lagene). Sett Penselverktøy (B) til 130 px, hardhet til 0% i Alternativbar, de Forgrunnsfarge til hvitt, og lakk øverste høyre side av alle tre punktene for å legge til høydepunkter.

Navn laget 'høydepunkter'. Velg de tre lagene "inlay dot" pluss høydepunktet lag, gruppere dem og navn gruppen 'Innlegg'.


8. Forbedre strenger

Trinn 17

Det er nå på tide å gå tilbake til våre strenger for å perfeksjonere dem.

La oss plassere skygger på strengene for å legge til mer dybde for dem. Jeg gjorde dette manuelt først Velge områder (med Lasso verktøy) på hvilken skygge skal projiseres. Kontroller at valget er nøyaktig hvor det deler de forskjellige områdene (områder med og uten skygge).

Neste Svalg av strenger må være krysses med det nåværende valget (enten Kommando / Ctrl + Alternativ / Alt + Skift klikk på 'strenger' -laget, eller klikk på 'strenger'-laget og gå til Velg> Last inn valg, og klikk Intersect med utvalg).

Sett Forgrunnsfarge til en brunaktig grå:

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

Lag et nytt lag og bruker en omtrentlig 80 px bred børste begynn å male skyggene. (Du kan Skjul utvalg å bli kvitt de forstyrrende "marsjemyrene" ved å trykke Kommando / Ctrl + H, eller Vis> Tilbehør).

Sett lagets Blandingsmodus til Multiplisere, opacity til 84%. Navn laget 'skygger'.

Trinn 18

Gjenta Trinn 17 for hvert enkelt område der kurvene i teksten møtes eller krysser. Dette er et tidkrevende trinn, men det er viktig å få det riktig som det virkelig legger livet til kunstverket.

Når skyggene er ferdige, Last inn valg av strenger igjen, klikk på 'skygger' og Uklarhet med en radius på 5,0 piksler.

Trinn 19

Lag et nytt lag innenfor gruppen 'tekst' og ring det 'Retusjering'. Klikk på Klonstempelverktøy (S), og sett Aligned Sample til Alle lag i Alternativbar. Nå kan du retusere ufullkommenhetene til bokstavene 'm', 'g' og 'o'.


9. Etterbehandlingen

Trinn 20

Jeg tror vi fortsatt må gjøre sidene eller kunstverket litt mørkere, så la oss klikke på Elliptisk Marquee Tool (M) og plasser markøren i midten av teksten (både horisontalt og vertikalt). Holde nede Tilvalg / Alt og gjør en ellipse ligner dette.

trykk Skift + F6 til Fjær valget med 200 piksler. Inverter valget, Lag et nytt lag, trykk på D og Fylle laget med svart. trykk Kommando / Ctrl + D til Opphev valget. Sett lagets Blandingsmodus til Multiplisere, opacity til 21%. Navn laget 'grense'.

Trinn 21

Det er bare en siste ting igjen for oss å gjøre. La oss legge til de horisontalt sentrert studiepoengene nederst.

Klikk på laget 'Bakgrunn' og dra en guide fra venstre linjal til midten. Sett Avsnitt til Senterjustering, Klikk på Horisontal Typeverktøy (T), klikk nøyaktig på guiden, og Kopier og lim inn følgende tekst:

Tekst: Sleepy Brown | Musikk gjør meg så bra

Bruk skriften 'Aller' i en størrelse på 5 pt. Sett 'Sleepy Brown' til Aller Bold.


Konklusjon

Takk for at du tok deg tid til å fullføre denne opplæringen. La oss raskt gjenopprette hva vi har lært.

  • Vi har laget de vektorbaserte elementene i Illustrator
  • Vi opprettet gitarbasen i Photoshop
  • Vi har lagt til gitarens komponenter og brukt Photoshop-verktøy for å oppnå et realistisk utseende

Jeg håper du fant denne opplæringen forståelig, interessant og pedagogisk. Spørsmål, kommentarer og forslag er velkomne.