Bruk Photoshop og Illustrator for å lage Strenge Typography

Use Photoshop og Illustrator for å lage Strenge Typografi

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



Instruksjons Eiendeler

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

  • Wood Texture


    1. Opprett Strings i Illustrator

    Trinn 1

    Vi starter ut i Illustrator. Opprett et nytt dokument ved å gå til Fil > . Ny (Kommando /Ctrl + N)
    Jeg brukte følgende dokumentstørrelsen:

    Bredde satt til 250 mm

    Høyde satt til 175 mm

    Velg line Segment Tool (\\), og mens du holder nede Shift tegne en horisontal linje på tvers av bredden på dokumentet, et sted i den øverste fjerdedel av siden. Nå satt:

    Fill Color (X) stykke

    Stroke Vekt til 5 punkt

    Cap til Rund Cap

    og Corner til Round Bli

    Bruke Roter Tool (R)
    rotere den horisontale linjen ved 11 °

    Bruk Move Tool ved å gå til Object >.; Transform > Move (Kommando /Ctrl + Shift + M)
    duplisere linjen med følgende verdier:

    Horisontal: 0 mm

    Vertikal: 21 mm

    ikke glem å klikke Kopier stedet for OK

    Dupliser ny linje 4 flere ganger rett og slett ved å gå til Object >.; Transform > Transform Again (eller Kommando /Ctrl + D)
    , slik at du ender opp med 6 linjer helt.

    Trinn 2

    Nå vil vi trekke bokstavene.

    Bruk sakseverktøyet (C) for å skjære den øvre bane på to punkter, i en avstand som er tilnærmet lengden av det første ordet. Bruke Direct Selection Tool (A) ta banen i midten og slette den. (Ikke glem å trykke Delete to ganger, slik at du slette endepunktene av den uønskede banen også.)

    Bruke Pen Tool (P) klikk på høyre endepunkt for den første banen for å fortsette banen, og begynne å tegne den første bokstaven. Det er en god idé å vise stiene i Outline Utsikt (View > Outline, Kommando /Ctrl + Y)
    å kunne arbeide mer presist

    Bokstavene kan bestå av. forskjellige baner for nå, spesielt fordi noen baner må dupliseres (de to kurvene i 'm' er like, så er kurven av "u" osv, men de trenger å justeres slik er koblet pent med neste bokstav).

    denne fasen av opplæringen vil trolig innebære ganske litt arbeid, tweaking og korrigere banene for å gjøre kurvene ser feilfri, men dette er basis for vår kunstverk, så den trenger å se perfekt.

    Legg alle bokstavene du trenger på en snor, og justere venstre endepunktet av den andre linjen banen slik at den starter der endepunktet for den siste bokstaven ender.

    Trinn 3
    < p> La oss lage alle bokstaver på alle seks strenger. Samme bokstavene kan dupliseres. Etter å ha tegnet alle veier, dette er hvordan vår design, bør se i Outline Vis
    .

    Nå må vi bli med på alle baner, slik at vi ender opp med hver streng være bare én bane. Pass på at punktene som trenger sluttet er på samme posisjon. Hvis de ikke er, justere sine posisjoner ved å bruke Direct Selection Tool (A).

    Når de er i riktig posisjon, velger begge endepunkter med Direct Selection Tool (A), og gjennomsnittlig dem (Object > Sti > Gjennomsnittlig, Kommando /Ctrl + Option + J)
    . Du kan utelate dette trinnet hvis du er helt sikker på at banene er nøyaktig oppå hverandre. Da Bli med dem (Object > Sti > Delta, Kommando /Ctrl + J)
    Gå gjennom hele dokumentet og bli med alle nærliggende veier, slik at du bare igjen med 6 baner
    Trinn 4

    Vi vil opprette fargen på strengene neste. Gå til Color Palette (Vindu > Color)
    , og legge verdiene

    C: 55

    M: 60

    . Y: 65

    K: 40

    For å opprette en brunlig farge. (Jeg bruker CMYK-verdier fordi dette kunstverk ble opprettet for utskrift.) Dra denne fargen til fargeprøver, slik at vi lettere kan bruke den neste gang vi trenger det.

    Neste vi definerer glidere av Gradient (Vindu > Gradient)
    . Dra brunlig farge til den første og siste glidere av graderingen, og dra Hvit til midten av gradient, og dermed skape en ny skyveknapp. Dette midterste skyvekontrollen skal være på 50%. Dra denne gradienten til fargeprøver også.

    Nå velger alle 6 baner, og sette strek til gradient vi nettopp opprettet.

    Klikk på Apply Gradient Across Stroke i Gradient paletten for å oppnå string-aktig utseende.

    retningen på hver bane bør gå fra venstre til høyre, ellers bokstavene vil ikke følge i retning av å skrive.

    i ditt tilfelle bane ikke er satt til riktig retning, bruke Pen Tool til å klikke på høyre endepunktet av banen for å snu rekkefølgen av banen.

    Trinn 5

    det er bare en siste ting igjen for oss å gjøre med strenger i Illustrator: å ta vare på blokker

    Bruke Pen Tool tegne en ny bane rundt den andre strengen gjør at du la ut den delen som skal skjules.. Dette bør gjøres meget presist. Pass på at du lukker banen

    Neste sørge for at det er foran strengen banen (Object > Arranger > lengst frem).
    , Men mest sannsynlig vil det være, som det ble opprettet senere. Velg begge veier (den nye lukket bane og strengen bane), og lage en Clipping Mask (Object > klipping Mask > Lag, Kommando /Ctrl + 7)
    . Nå en del av bokstaven "k" skal ha forsvunnet bak den nedre delen av bokstaven "c".

    Gjenta dette trinnet på den fjerde strengen for bokstaven "f".

    Den nedre delen av 'e' i 'meg' skal nå være overliggende på toppen av taumopeden av 'f'.

    Vi er nå ferdig med vektoren del av strenger, bør det ligne på bildet nedenfor. Deretter lagrer du filen som 'strenger'
    .

    2. Lag Frets i Illustrator

    Trinn 6

    Fortsatt i Illustrator, opprette et nytt dokument (Størrelse: 350 x 350 mm), ellers samme innstillinger som forrige gang. Med Line Segment Tool Shift-draw
    en vertikal linje, ca. 240 mm lang. Sett Fill Color (X) stykke, og Stroke Vekt 6,4 pt.

    Trykk nede Tilvalg-tasten og med Selection Tool (V) Skift-dra
    linjen til høyre (ca. 35 mm). Gjenta dette trinnet med den andre linje, men denne gang gjøre avstanden litt større (ca. 45 mm). Gjenta igjen, med enda større avstand (55 mm). (Du kan også bruke flytteverktøyet for disse trinnene.)

    Velg alle fire linjer og bruke Rotate Tool (R) for å rotere dem ved 11 °. Sett strøkfargen til hvit. Lagre dokumentet som 'bånd'
    . Det er på tide å gå videre til Photoshop.

    3. Sett opp basen i Artwork i Photoshop

    Trinn 7

    I Photoshop oppretter et nytt dokument (Fil > Ny, Kommando /Ctrl + N)
    med følgende verdier:

    Bredde: 175 mm

    Høyde: 250 mm

    Oppløsning: 300 piksler /tomme

    Fargemodus: CMYK Color

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

    Åpne Wooden Texture <. br> fra Eiendeler og drar lag miniatyren til det nye dokumentet for å opprette et nytt lag. Bruk Free Transform Tool (Rediger > Free Transform, Kommando /Ctrl + T)
    å rotere og Shift-redusere størrelsen på teksturen som vist på infopaletten. Dobbeltklikk på lag navn for å endre navn på den 'tre'
    . . Sett opacity til 83%

    Nå skal vi til en lagmaske ved å klikke Layer > Lagmaske > Avslør Alle
    . Bruk en stor, myk kant Brush (B) (ca. 350 piksler, hardhet 0%) til å trekke på masken. Klikk på venstre punktet på oversiden av treet bildet, hold deretter nede Shift Hotell og klikk på riktig tidspunkt, for å trekke en rett linje. Gjør det samme på bunnen av treet bildet

    Koble fra masken, deretter Blur (Filter > Blur > Gaussian Blur).
    Masken med en radius på 160 px

    Velg disse 3 lag ( 'tre'
    lag og de 2 justeringslag), og konsernet dem (Kommando /Ctrl + G)
    . Navn gruppen tre bg.

    4. Legg Frets til Artwork

    Trinn 8

    Bytt tilbake til Illustrator og Kopier de fire linjer med Frets
    , deretter Lim inn i Photoshop-filen (alternativt bo i Photoshop og Place (fil >
    Place)
    filen 'bånd'
    ). Jeg pleier å lime vektordata som Smarte objekter
    å holde dem redigerbar for senere bruk, men du kan også lime inn som Pixels
    nå. Sørg for at du limer /plassere frets på 100% (se Info Palette
    ). Plasser linjene som vist nedenfor. Navn laget 'bånd'

    og bakgrunnsfarge
    å

    C:. 51

    M: 51

    Y: 52

    K: 46

    Sett Gradient Tool (G) til forgrunn til bakgrunn Hotell og Linear gradient
    i alternativer Bar &bør Opacity være 100%. Lag et nytt lag og fylle det med graderingen. Navn laget 'innlegg dot'

    Legg til litt støy (Filter > Noise > Legg Noise).
    Som vist, Fade støy . (Edit > Fade Legg Noise, Kommando /Ctrl + Shift + F)
    til 68%

    La oss Legg to Layer Styles: skrå~~POS=TRUNC og preg Hotell og Drop Shadow
    , og bruke følgende innstillinger.

    Trinn 16

    Dupliser 'innlegg dot'
    lag to ganger og plassere de nye punktene som vist.
    < p> Lag et nytt lag og laste Utvalg av de tre prikker (Kommando /Ctrl klikk på laget, deretter Kommando /Ctrl + Shift klikk på to andre lagene)
    . Sett Brush Tool (B) til 130 px, hardhet
    til 0% i Alternativer Bar &, forgrunnsfarge
    til hvitt, og male de øvre høyre side av alle tre punkter for å legge høydepunkter.

    navn på laget 'høydepunkter'
    . Velg de tre "inlay dot 'lag pluss' høydepunkter 'lag, gruppere dem og gi navn til gruppen ' innlegg '
    .

    8. Forbedre Strings

    Trinn 17

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

    La oss plassere skygger på strengene for å legge mer dybde til dem. Jeg gjorde dette manuelt ved først å velge områder (med Lasso Tool
    ) som skygge er å bli projisert. Sørg for at utvalget er nøyaktig der den deler de ulike områder (områder med og uten skygge).

    Neste Utvalg av strenger må krysses med gjeldende valg (enten Kommando /Ctrl + Option /alt + Shift klikk
    på 'strenger' lag, eller klikk på "strenger" lag og gå til Velg >. Load Selection
    , og klikk Snitt med markering
    )

    Sett forgrunnsfarge
    til en brunlig grå:

    C: 66

    M: 67

    Y: 69

    K: 58

    Lag et nytt lag og bruke en ca 80 px bred pensel
    starte å male skyggene. (Du kan Skjul Utvalg
    å kvitte seg med de forstyrrende 'marsjerande maur "ved å trykke på Kommando /Ctrl + H
    , eller Se > Extras
    ).

    Sett lagets Blending Mode til Multipliser
    , Opacity til 84%. Navn laget 'skygger'
    .

    Trinn 18

    Gjenta Trinn 17
    for hvert enkelt område der kurvene i teksten møter eller krysser hverandre. Dette er en tidkrevende trinn, men det er viktig å få det rett som det virkelig gir liv til kunstverket.

    Når skyggene er ferdig, Load Selection strenger igjen, klikker du på 'skygger "Hotell og Blur med en radius på 5,0 piksler.

    Trinn 19

    Lag nytt lag i gruppen 'tekst'
    og kaller det ' retusjere '
    . Klikk på Clone Stamp Tool (S), og angi Justert Eksempel
    til alle lag
    i Alternativer Bar &. Nå kan du retusjere feil av bokstavene "m", "g" og "o".

    9. Finpuss

    Step 20

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

    Trykk Shift + F6
    i Feather utvalget ved 200 piksler. Invertere utvalget, opprette et nytt lag, trykk D Hotell og fylle laget med svart. Trykk Kommando /Ctrl + D for bedriften Opphev .
    Sett lagets Blending Mode til Multipliser
    , Opacity til 21%. Navn laget 'grensen'
    .

    Trinn 21

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

    Klikk på lag "Bakgrunn" og drar en guide fra venstre linjalen til midten. Sett Paragraf til Senter Alignment
    , klikk på Horisontal Type Tool (T), klikk akkurat på guiden, og Kopier-Lim inn følgende tekst:

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

    Bruk skrift 'Aller'
    på en størrelse på 5 pt. Sett 'Sleepy Brown' til Aller Fet
    .

    Konklusjon

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

  • Vi skapte vektorbaserte elementene i Illustrator

    Vi skapte bunnen av gitaren i Photoshop

    Vi har lagt til komponentene av brukte Photoshop verktøy gitar og for å oppnå et realistisk utseende

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