Create en spektakulær Grass Tekst effekt i Photoshop
Dette innlegget er en del av en serie kalt Maste Tekst Effects.Quick Tips: Lag væskefylte Glass tekst i PhotoshopCreate Super Glossy 3D Typografi i Illustrator og Photoshop
PSDTUTS har eksistert i litt over tre år. I løpet av den tiden har vi lagt mye innhold. Vi vet at mengden av innhold på vår side kan være litt overveldende for de av dere som nylig oppdaget nettstedet vårt. Det er derfor vi har besluttet å jevne gjenopplive noen av våre eldre innlegg for dere alle å nyte. I dag har vi besluttet å bringe tilbake et innlegg av Envato grunnlegger, Collis Ta'eed, fra mai 2008 viser at hvordan du oppretter en spektakulær gress tekst effekt i Photoshop. La oss komme i gang!
Trinn 1
Denne opplæringen består av tre deler-bakgrunnen, selve teksten, og noen endelige ekstra effekter. Så først av alt skal vi lage en bakgrunn. For å gjøre dette vi opprette et nytt dokument i Photoshop. Jeg gjorde min 1920 x 1200, fordi jeg vil at dette bildet for å sitte på min laptop bakgrunn.
Vi starter ved å tegne en Radial Gradient med Gradient Tool (G) kommer fra en lys gul-grønn (# adbf41) til en mid-range grønn (# 328a26). Jeg lurer på om jeg noensinne har skrevet en tutorial som ikke begynner med en radial gradient. :-)
Trinn 2
Nå for dette bildet vi ønsker å skape en virkelig teksturert bakgrunn, svakt ligner papir. Så det første vi trenger er ... et papir tekstur!
Heldigvis du kan hente noen virkelig fantastisk grungy papir teksturer fra Bittbox og de er fin og stor også, noe som er bra fordi dette er et stort lerret.
Så jeg kan ikke huske hvilken tekstur Jeg brukte først, men ta tak i en, Avmett det (Ctrl + Shift + U) og strekke den over toppen for å passe på lerretet.
Trinn 3
Nå setter vi laget å overlappe og 70% Opacity å blande tekstur med våre fin grønn bakgrunn.
Trinn 4
Nå for å få en virkelig distressed utseende, jeg da kopierte dette laget, spunnet den rundt 180 'og sett den til 20%. Da jeg hentet inn noen flere lag papir tekstur (ved hjelp av ulike teksturer, for det meste fra Bittbox) og sette dem alle til å besvime overlegg, en på toppen av den andre.
Dette var delvis for ekstra nød, men også fordi jeg innså at teksturene så litt kornete og ikke små og skarpe. Så ved å kombinere ekstra teksturer og falming alt tilbake, kan jeg få en bedre, skarpere generelle utseende.
Uansett som du kan se i skjermbildet er det seks lag her. Ikke glem om du er Plus-medlem kan du laste ned PSD-filen for denne opplæringen og ta en titt i det selv!
Trinn 5
Nå har jeg kopierte den opprinnelige bakgrunnen gradient, plasseres de dupliserte laget over alle teksturer og sett den til 40% Opacity-dette toner tilbake teksturen, så det er ikke fullt så grungy!
Trinn 6
Nå skaper vi et nytt lag over toppen, og ved hjelp av en stor, myk, svart pensel, legg til litt svart til kantene. Det er verdt toning tilbake opacity til ca 30% og overlegg. Du kan deretter kopiere lag og kjøre en tung Gaussian Blur over det (sett til ca 32px). På den måten kantene virkelig myke ut.
Trinn 7
OK, har vi nå en fin bakgrunn!
Trinn 8
OK, er vi nå klar til å gjøre noe gress tekst. For å gjøre det, kommer vi til å trenge noen fine ganske gress å klippe. Etter mye søking, jeg endelig funnet denne herlige bilder på Flickr av gress.
Så last ned bildet i full størrelse og kopiere den videre til lerretet.
Trinn 9
Neste vi trenger noen type. Så velg en font du ønsker å kutte ut med. Jeg valgte Swiss 924BT, som er fett og kondensert type. Jeg syntes det så fint og grand. Og jeg har skrevet teksten "EARTH". Det er fordi jeg gjør fem av disse bakgrunns-jord, vann, ild, luft, ånd ... det er sånn tegneserie jeg pleide å se på som en gutt, Captain Planet!
Anyways, så bare sette tekst ut i hvitt og sett den til Overlegg og som 50% Opacity. Dette laget vil faktisk ikke vise til slutt, det er bare en guide laget.
Trinn 10
OK, så her er teksten på toppen av gresset vi fikk tidligere.
Nå litt planlegging! For å gjøre tekst ut av gress, er det ikke kommer til å være nok bare å sjablong ut gresset. Snarere trenger vi det for å se alt grovt, med biter av gress som stikker ut i kantene. For å gjøre det, kommer vi til å bruke brev figurer som en røff guide og deretter spore omtrent rundt dem og med jevne mellomrom stikker ut for å spore rundt gresstrå.
Jeg vil advare deg nå, det er veldig kjedelig !
Step 11
OK, så her er vi tracing. Du bør bruke Pen Tool (P) og ærlig, hvis du ikke er hendig med det før du starter, vil du være i slutten!
Legg merke til hvordan de deler der min sti stikker ut, den slags følger enkelte gresstrå. På den måten når du har den endelige cut-out de vil se ut biter av gresset stikker ut.
Trinn 12
Når du er ferdig med din sti, er det best å lagre den i banepaletten. Du kan gjøre dette ved å bytte til at paletten og deretter klikke det lille pil ned og velge Lagre Path. På den måten hvis du trenger banen igjen senere, kan du hente den.
Uansett, dobbeltklikker du på banen for å få valget og gå tilbake til din gress lag. Duplisere gresset laget slik at du fortsatt har mer gress for andre bokstaver, deretter invertere utvalget (Ctrl + Shift + I) og skjære vekk overflødig gress. I skjermbildet har jeg falmet tilbake duplikat gress laget slik at du kan se kutte ut "E" delen.
Step 13
OK, så her har vi vår "E" på den siste bakcground. Som du kan se, det ser bare litt bedre enn hvis vi bare hadde brukt bokstaven å sjablong ut gresset uten plager å spore. Men det er OK, hva den trenger er litt mer dybde. Tross alt, hvis det brevet ble virkelig satt der, skal vi se litt skygge og sidene til det.
Step 14
Først av alt skjønt, vil vi legge til noen lag styling å gi det litt mer av et tredimensjonalt utseende. Stilene er vist nedenfor.
Her er det første settet med lagstiler ...
Trinn 15
Nå kopiere dette laget, så fjerner lagstilen off duplikat, slik at vi kan legge til noen flere stiler. Denne gangen legger stilene vist nedenfor ...
Her er det andre settet med lagstiler ... (Legg merke til at det er 51% Opacity så det skal passe inn i den forrige lag)
Step 16
Så dette var alt bare eksperimentell, og det ganske ser OK, men tydeligvis har en lang vei å gå. Nå skal vi legge litt skygge. For at vi skal bruke en teknikk som jeg viste i forrige tutorial, bruke lys og skygge til å bringe Text to Life
Ideen er å lage et tredimensjonalt utseende. Så Ctrl-klikk gresset lag og deretter i et nytt lag under, fyll den med svart. Deretter trykker du på pil ned én gang og høyre pil en gang og fylle det igjen, og gjenta om og om igjen til du får en effekt som det som er vist. Jeg tror det var ca 15 trinn av fylling
Step 17
Nå kjører vi et filter >.; Blur > Motion Blur på vår skygge med en 45 'vinkel og en avstand på ca 30. Så satt teksten til en lav opacity på ca 50%. Du bør ha noe som ser ut som skjermbildet nedenfor.
Step 18
Nå flytter skyggen lag ned og til høyre og magien skjer! Plutselig ser det ut som bokstaven kaster en skygge.
Pretty neat!
Step 19
Nå dupliseres jeg dette laget tre ganger. Hver gang jeg slettet en bit av det bort slik at så skyggen er nærmere teksten det blir mørkere. Jeg satt disse lagene til å formere seg.
Step 20
Så denne teksten ser ganske kult, men for litt ekstra dybde vi bør legge noen biter av gresset i bakgrunnen /skygge området. Snarere enn å kutte ut mer gress, kan vi bare bruke denne aktuelle brevet forvandlet om slik at det ikke er opplagt at vi hacking det sammen.
Så som du kan se nedenfor jeg laget et par stykker av gress. De er bare kutte opp biter av vår hoved brev.
Step 21
Nå ved å flytte disse brikkene i skyggeområdene, vi kan gjøre det ser ut som det er gress stikker ut og det er en ekte 3D-objekt laget av gress!
Fordi disse nye gress bitene er i skyggen, kan det være lurt å bruke Burn Tool (O) for å mørkne dem på riktig måte.
Trinn 22
Så yay, én bokstav ned ... fire å gå! Bra vi ikke velger et langt ord som erm jeg vet ikke ... strevsom!
Step 23
Ved hjelp av nøyaktig samme teknikk ... her er det A;.
Step 24
og R og T ... du får bildet
Trinn 25
Og til slutt, hele ordet! Den eneste ekstra ting jeg gjorde her var å flytte bokstavene fra hverandre litt. Hver bokstav er i sin egen Layer Group som gjør flytte det rundt mye enklere.
Step 26
Nå fint som det ser, er litt ensom og ensformig vår tekst. Så i denne siste delen vil vi legge til noen flere elementer i design. Merk at vi ikke ønsker å overdrive det, men fordi jeg vil at dette skal være en skrivebordsbakgrunn, slik at plassen er det viktig (for alle mine ikoner!).
Så først opp, la oss legge til litt ekstra tekst . Her har jeg plassert et fint sitat om jorden og samhold tatt fra Baha'i troen (det er min religion!). Jeg elsker sitater, fordi det betyr at vi får tre deler for å pynte-sitatet, anførselstegn og kilden.
Teksten er i en variant av sveitsiske som er tynnere, men fortsatt kondensert. Bruke flere skrifter fra samme familie (tung, lys, etc) er en god og trygg innsats for å holde din type jakt sammenhengende.
Så her har jeg satt sitatet å overlappe og 50%, så dupliseres den tekst og sett den til skjerm og 50%. Så jeg har lagt anførselstegn i samme sveitsiske font, men gjorde dem ekstra stor og en lys nyanse av grønt. Endelig er kilden til sitatet i teeny bokstaver og sentrert vertikalt. Og, selvfølgelig, hele sitatet har blitt målt ut, så det er akkurat den lengden på hoved "EARTH" tekst.
Step 27
Neste vil vi legge til en bit av et høydepunkt til scenen. For å gjøre dette ved å opprette et nytt lag over alle de andre, og ved hjelp av Gradient Tool (G), tegne en gradient av hvitt - > gjennomsiktig mot venstre. Deretter sette dette laget til Soft Light og 50%. Dette vil gjøre det til en fin subtil bit av belysning.
Step 28
Nå vil vi legge til to iøynefallende elementer for å oppveie alt det grønne. Disse vil være en strålende blå sommerfugl og en liten rød marihøne. Jeg brukte den utmerkede everystockphoto webområde som søker massevis av gratis lager websider for deg å finne to awesome bilder til bruk: Ladybug | Butterfly
Step 29
Plassere bildene er ganske enkelt. Først sommerfuglen. Vi bare åpne opp bildet i Photoshop, kan du bruke Magic Wand Tool (W) for å velge alt det hvite området, så gå til Velg > Endre > Utvide og utvide utvalget av 1px å sikre at vi har alt. Deretter trykker du Ctrl + Shift + jeg å invertere utvalget og kopiere sommerfuglen over til vår hoved lerret.
marihøne jeg valgte behov for å bli kuttet ut av det er bilde. For å gjøre det jeg brukte Pen Tool (P) og spores rundt den lille fyren og så bare kutte ham ut på den måten.
Step 30
Så her er våre to statister. Som du kan se, ser damen bug litt rart egentlig, fordi jeg gjorde en quick'n'dirty jobb med å kutte ham ut. Men det er OK fordi han kommer til å være liten, slik at du ikke vil være i stand til å se detaljene uansett.
Så limer dem inn og deretter krympe dem ned og plassere dem på riktig måte. Det er best hvis de ikke er i nærheten av hverandre, fordi den måten de vil balansere hverandre.
jeg lagt en skygge til hver. Med marihøna er det et veldig tett skygge fordi han er liten og går på gress. Med butterfly, satt jeg avstanden til ca 10px fordi han svever i luften og derfor skyggen lander et stykke unna.
Final Bildeanmeldelser