Slik lager du en Print-Ready-fliser med Photoshop og Illustrator

I denne opplæringen skal vi lage 3D-tekst og integrere den i et naturlig miljø. Vi vil ikke bruke noen 3D-programmer, så alt du trenger er Adobe Illustrator og Photoshop for å skape denne effekten.

Endelig bildeforhåndsvisning

Ta en titt på bildet vi skal skape. 

Opplæringsdetaljer

  • programmer: Adobe Illustrator, Adobe Photoshop
  • Vanskelighet: Mellomliggende

Trinn 1

Vi skal åpne Adobe Illustrator, (ved å bruke CMYK som fargeinnstillinger) for å begynne å lage vår 3D-tekst.

Skriv ut ordet "Escape", (jeg bruker skriften Impact) og bytt fargen til blå (# 1A98BB). Denne fargen vil være lettere å jobbe med, og det vil omtrentlig være den fargen vi skal bruke i vårt endelige utfall.

Steg 2

Vanligvis vil vi bruke Extrude & Bevel Tool til å lage en 3D-versjon av teksten vår, men siden Illustrator ikke kan håndtere det vi vil gjøre, skal vi lage det selv. (Vist nedenfor er hva vi ville få hvis vi brukte Bevel & Extrude-verktøyet)

Klikk på teksten din, og gå til Type> Opprett oversikter. Kopier nå teksten med kommando + C og lim inn på plass med kommando + F. Mørk teksten med den svarte skyveknappen i fargevinduet.

Nå skal vi krympe teksten ned og holde den på samme sted samtidig. For å gjøre dette skal vi klikke på vår mørke tekst og holde nede Alt og Shift, og ta med en av hjørnene av boksen inn.

Trinn 3

Fremhev alle bokstavene, åpne Pathfinder (Shift + F9). I rullegardinmenyen Vindu, (hvis du ikke allerede har den åpen) og klikk på ikonet Legg til i formområde. Klikk på Expand. Dette vil gjøre de to "Escape" -ordene i en form.

Trinn 4

Klikk på pennverktøyet (P) og hvor det var hjørner og nå "L" formede områder, klikk på hjørneanker for å slette det.

Trinn 5

Etter at du har kvitt alle "L" -områdene du kan gjøre Command + F, bør dette ta tilbake den opprinnelige teksten. Når du gjør det, kan du legge merke til at noen av de avrundede kantene ikke ser riktig ut. For å fikse disse avrundede kantene, kan du slette den opprinnelige teksten vi nettopp limte inn, klikk på pennverktøyet (P) og slett punktene på kurven til du får en vinkel som ser riktig ut.

Trinn 6

Nå er vi klare til å ta vår tekst inn i Photoshop. Opprett et nytt dokument (Command + N). Vi skal behandle dette som en dekkdesign, så vi skal endre innstillingene til 8 inches bred med 10 inches høy og fargevalg av CMYK. Vi vil endre oppløsningen til 300 dpi, så det blir utskriftskvalitet. Når vi åpner dokumentet, vil vi klikke og dra guider en halv tommers fra hver kant (ved hjelp av linjal-kommandoen + R). Dette vil fungere som vår blødning.

Trinn 7

Gå til stock.xchng for å få bildet vi skal bruke til vår bakgrunn. Åpne bildet i Photoshop, vi skal justere det litt for å passe våre formål.

Trinn 8

Gå til Bilde> Justering> Erstatt farge. Klikk på den delen av gressområdet som er den mest gule, og bruk fargen for å justere den slik at den har mer av et grønt utseende. Du kan også slippe ned Saturation for å gi det mer av et realistisk utseende.

Trinn 9

Dra vårt bilde til Photoshop-dokumentet vi laget, og endre størrelsen på bildet slik at det passer i området med Transform Tool (Command + T).

Trinn 10

For bakgrunnen går vi for et mer mettet utseende, så vi skal åpne vår Hue / Saturation med Command + U og slippe ned metningen til -20.

Trinn 11

Nå kan vi få inn teksten vår. Vi kommer til å ta med teksten først, og deretter 3D-delen, slik at vi kan jobbe med hver enkelt enkelt. Så kopier og lim inn (Command + C, Command + V) hver enkelt i vårt Photoshop-dokument. Hvis du ikke endre størrelsen på teksten eller zoome inn / zoome ut av dokumentet, bør begge tekstlagene ordne seg perfekt.

Trinn 12

Nå som du har teksten og bakgrunnsbildet på plass der du vil ha dem, kan vi begynne å legge i gresset.

La oss starte med å opprette en ny mappe (klikke på mappeikonet nederst på lagpaletten), vi kaller det "gress", og deretter opprette et nytt lag i mappen.

Ved hjelp av Square Marquee Tool (M) klikker du og drar en boks rundt nederste halvdel av dokumentet, under bildet (sørg for at det ikke er noe hvitt mellomrom mellom bildet og boksen) slik at bildet ikke er valgt. Klikk nå på forgrunnsfargen og klikk på gresset i bildet til du finner en mørkegrønn. Fyll Marquee-boksen vi laget med den fargen.

Trinn 13

Klikk på børsteverktøyet (B) og bytt penselen til den generiske enbladige gressbørsten som følger med Photoshop. Klikk nå på Forgrunnsfarge og klikk deretter på gresset på bakgrunnsbildet. Gjør det samme med bakgrunnsfarge. Dette bør gi deg to forskjellige, men liknende greener.

Med F5 åpner du børstinnstillingene og justerer Hue Jitter, i Fargedynamikk-fanen til 20%.

Trinn 14

Opprett et nytt lag (Command + Shift + N) i gressmappen, og start med å maler fra hvor bakgrunnsbildet slutter med en 125px pensel. Når du beveger deg mot bunnen av dokumentet, gjør penselen større (]), slik at du ender med en 200px børste når du kommer til bunnen. Dette burde være raskt slik at det etterlater hull for fremtidige lag å dekke opp.

Vi skal gjøre denne fargen litt mørkere fordi dette vil være under et annet lag. Så gå inn i kurvene (Command + M) og juster inngangen til 47 og utgangen til 55.

Trinn 15

Vi skal gjenta trinn 14, bortsett fra denne gangen skal vi fylle ut det meste av resten av hullene som vi savnet første gang. Vi trenger ikke å justere kurvene på dette gresslaget.

Trinn 16

Opprett et nytt lag (Command + Shift + N) i gressmappen. Nå for å legge til noen høydepunkter til gresset, skal vi bruke vårt gressbørste (B) med samme farge og maling på bare noen få områder. Gå inn i kurvene igjen (Command + M) og juster inngangen til 58 og utgangen til 39.

Trinn 17

Vi skal lage et nytt lag (Command + Shift + N), over bokstaven, slik at vi kan male på noe gress slik at det ser ut som det går foran bokstavene.

Etter at du har malt gresset foran bokstavene, opprett et nytt lag (Command + Shift + N) og gjør et lys pass av gress, skal vi mørke dette laget med kurver (Command + M), juster inngangen til 42 og utgangen til 56.

Trinn 18

Nå som vi har gresset ferdig, skal vi begynne å jobbe med våre bokstaver.

Opprett en ny mappe kalt "tekst ansikt" og en ny mappe kalt "tekstskygge" legger tekstflaten og tekstskyggen i de tilsvarende mappene.

Nå kommer vi til å kommandere + Klikk på tekstfaselaget for å lage en markeringsramme rundt det, opprett et nytt lag i mappen "tekstfane" med Command + Shift + N og fyll det (Command + Delete) med # EDE6DA.

Trinn 19

Gå inn i "tekstskygge" -mappen og opprett et nytt lag (Command + Shift + N).

Siden sollyset kommer fra høyre, som du kan se med trærne i bildet, må vi lage den klareste delen av teksten vår på høyre side av hver bokstav. For å lage høydepunktene våre, skal vi bruke Polygonal Lasso Tool (L) for å velge områdene som skal markeres, områdene som vil bli rammet av solen.

Trinn 20

Ved å bruke en hvit 90px avrundet børste (B), med 0% Hardhet ved 20% Opacity, begynner å male streker på områdene som vi valgte. Endre blandemodus til overlegg.

For å kvitte seg med overskytningsområdet, kommandoen + Klikk på tekstskyggelaget, Kommando + Skift + I for å få det omvendte valget, og slett deretter.

Trinn 21

Nå skal vi gjøre skyggene våre på samme måte som vi gjorde høydepunktene i trinn 19. Når du har valgt dine skygger, gjenta trinn 20, bortsett fra denne gangen skal vi bruke en sort børste for våre mørkeste områder.

Trinn 22

For å legge til i noen mørkere skygger og gi våre bokstaver mer kontrast, skal vi gjenta trinn 21, men i stedet for å endre blandemodus til overlegg, skal vi endre det til Multiply. Også, det blir lettere om vi bytter børsten til ca 5% Opacity, slik at du kan mørke skyggen sakte, og den vil også blande seg jevnere.

Trinn 23

Teksten kan bearbeides mye mer og har mye mer skygge / høydepunkt detaljer lagt til, men siden dette er en opplæring vi skal forlate det som det er og begynne å jobbe i skyggen teksten kaster på gresset.

Opprett et nytt lag (Command + Shift + N) og legg det over "gress" -mappen. Bruk en 200px svart pensel (B) med 100% opasitet og 0% hardhetsmaling under teksten, og prøv å sørge for at sorte ikke går under gresset som står foran bokstavene for mye. Endre blandemodus til Multiply.

Trinn 24

Nå kan vi begynne å takle ansiktet på teksten. Vi skal begynne med å gi den en indre skygge. Klikk på det første ikonet nederst på lagpaletten, og klikk deretter på Innerskygge.

Gå nå til Bevel og Emboss, på det første ikonet på bunnen av lagpaletten, og juster innstillingene dine, noe som jeg har. Disse to innstillingene gir teksten et overkant.

Trinn 25

Vi skal kommandoen + Klikk på tekstfaselaget og opprett en ny med Command + Shift + N. Bruk Gradient Tool (G) med en svart til 0% Opacity, klikk på venstre side av teksten og dra den til høyre. Dette bør gi teksten en gradient som er svart til høyre. Slipp ned Opacity helt ned til 5%.

Trinn 26

Med tekstflaten som er valgt, opprett et nytt lag (Command + Shift + N) i mappen "tekst ansikt" og endre Forgrunnsfarge til en gul-oransje farge (noe som # FFC600) og opprett en Gradient (G) slik at den er på toppen av bokstavene. Endre blandemodus til overlegg.

Trinn 27

Opprett et nytt lag i mappen "tekst ansikt", og ta en 200px svart pensel (B) med 5% opacity og 0% hardhet og klikk og dra en linje rett over gresset. Dette gir oss en subtil skygge like over gresset.

Trinn 28

Nå skal vi gi vår tekst et ansikt med et værsete utseende.

I mappen "tekst ansikt" lager du et nytt lag, og deretter bruker du Square Marquee Tool (M), opprett en boks som dekker "Escape". Fyll boksen med svart.

Trinn 29

Gå til Filter> Render> Fiber og juster innstillingene dine til noe som jeg har.

Trinn 30

Fjern markeringen med Command + D og gå til Filter> Blur> Motion Blur. Kommando + Klikk på tekstflaten, deretter Command + Shift + I for å få Inverse Selection, slett og endre blandemodus til Multiply med en opacity på 5%.

Trinn 31

Klikk på det andre ikonet nederst på lagpaletten for å legge til en Mask til vårt fiberlag. Bruk en svart til 0% Gradient (G) klikk og dra ned fra bunnen, så den nederste halvdelen av fibrene er borte fra teksten.

Trinn 32

Og nå for å fullføre det litt, skal vi klikke på det fjerde ikonet nederst i lagpaletten og åpne fargebalansen.

Trinn 33

Og åpne nå fotofilteret på det fjerde ikonet nederst i lagpaletten.

Trinn 34

Nå er vi ferdige, jeg skal legge til noen finjusteringer med en bunntekst som vil bløde over kanten.

Endelig bilde

Og det er det! Jeg håper du har hatt glede av å lese denne opplæringen.