How Design en utskriftsklar Flier med Photoshop og Illustrator
I denne opplæringen vi skal lage 3D-tekst og integrere det i et naturlig miljø. Vi vil ikke bruke 3D-programmer, så alt du trenger er Adobe Illustrator og Photoshop for å lage denne effekten.
Final Bilde Forhåndsvisning
Ta en titt på bildet vi vil være å skape.
Tutorial Detaljer
Programmer: Adobe Illustrator, Adobe Photoshop
Vanskelighetsgrad: Middels
Trinn 1
Vi kommer til å åpne opp Adobe Illustrator, (ved hjelp av CMYK som fargeinnstillingene) for å begynne å lage vår 3D-tekst.
Skriv ut ordet "Escape", (jeg bruker fonten Impact) og endre farge til blå (# 1A98BB). Denne fargen vil være lettere å jobbe med, og det vil omtrent være fargen vi skal bruke i vår endelige utfallet
Trinn 2
Vanligvis vi ville bruke Extrude &.; Bevel Tool for å lage en 3D-versjon av vår tekst, men siden Illustrator ikke kan virkelig håndtere hva vi ønsker å gjøre, skal vi lage det selv. (Nedenfor er hva vi ville fått hvis vi brukte Bevel & Extrude verktøy)
Klikk på teksten din, og gå til Type > Lag Outlines. Nå kopierer teksten med Command + C og lim på plass med Command + F. mørkere teksten ved hjelp av svart glidebryteren i Color vinduet.
Nå har vi tenkt å krympe teksten ned og holde den i samme flekk på samme tid. For å gjøre dette vi kommer til å klikke på vår mørk tekst og hold nede Alt og Shift, så ta et av hjørnene av boksen i.
Trinn 3
Marker alle bokstavene, åpne opp din Pathfinder (Shift + F9). I Window rullegardinmenyen (hvis du ikke allerede har gjort det åpne) og klikk på Legg til Shape-området ikon. Klikk Utvid. Dette vil gjøre de to "Escape" ord inn i en form.
Trinn 4
Klikk på Pen Tool (P) og hvor det var hjørner og nå "L" formet områder, klikk på hjørnet anker for å slette den.
Trinn 5
Når du blir kvitt alle de "L" områder du kan gjøre Command + F, bør dette bringe tilbake den opprinnelige teksten. Når du gjør det, kan du legge merke til at noen av de avrundede kantene ikke se til høyre. For å løse disse avrundede kanter, kan du slette den opprinnelige teksten vi nettopp limt inn, klikk på Pen Tool (P) og slette punkter på kurven til du får en vinkel som ser rett.
Trinn 6
nå er vi klar til å bringe vår tekst i Photoshop. Opprett et nytt dokument (Command + N). Vi kommer til å behandle dette som en cover design, så vi kommer til å endre våre innstillinger til 8 inches bredt med 10 inches høy og skjermens fargeinnstilling CMYK. Vi vil endre vår oppløsning til 300 dpi, så det vil være utskriftskvalitet. Når vi åpner vår dokument vi ønsker å klikke og dra guider en halv tomme fra hver kant (ved hjelp av vår hersker-Command + R). Dette vil fungere som vår blø.
Trinn 7
Gå til Stock.xchng å få bildet vi skal bruke for vår bakgrunn. Åpne opp bildet i Photoshop, skal vi justere det litt som passer vårt formål
Trinn 8
Gå til Image >.; Justering > Erstatt farge. Klikk på den delen av gresslette som er mest gult og bruke Hue til å justere den slik at den har mer av en grønn utseende. Du kan også slippe ned Saturation for å gi det mer av en realistisk utseende.
Trinn 9
Dra våre bilder i Photoshop-dokumentet vi har gjort, og endre størrelsen på bildet slik at det passer i området med Transform Tool (Kommando + T).
Trinn 10
for bakgrunn, vi går for en mer desaturert utseende, så vi kommer til å åpne opp vår Hue /Saturation med Command + U og slippe ned fargemetningen til -20.
Trinn 11
nå kan vi få inn vår tekst. Vi kommer til å ta med i møte med teksten først, og deretter 3D-delen, slik at vi kan jobbe med hver enkelt individuelt. Så Kopier og lim (Command + C, Kommando + V) hver og en inn i vårt Photoshop-dokument. Hvis du ikke endre størrelsen på tekst eller zoome inn /zoom ut av dokumentet i det hele tatt, bør begge de tekstlag linje opp perfekt.
Trinn 12
Nå som du har teksten og bakgrunnsbilde på plass der du vil ha dem, kan vi begynne å legge i gresset.
La oss starte med å lage en ny mappe (klikke på mappeikonet nederst i lagpaletten), vil vi kaller det "gress", og deretter opprette et nytt lag i mappen.
Bruke Square Marquee Tool (M), klikk og dra en boks rundt den nederste halvdelen av dokumentet, under bildet (pass på at det ikke er hvite gap mellom bildet og boksen), slik at bilde ikke er valgt. Nå klikker du på forgrunnsfargen og klikk på gresset på bildet til du finner en mørk grønn. Fyll Marquee boksen vi har gjort med den fargen.
Trinn 13
Klikk på Brush Tool (B) og endre børsten til generisk ett blad gress børste som følger med Photoshop. Nå klikker på forgrunnsfarge og klikk deretter på gresset i bakgrunnen bildet. Gjør det samme med bakgrunnsfarge. Dette bør gi deg to forskjellige men lignende greener.
Ved hjelp av F5, åpne opp børsteinnstillinger og justere Hue Jitter, i kategorien Farge Dynamics til 20%.
Trinn 14
Lag et nytt lag (Command + Shift + N) i gresset mappen, og begynne å male fra der bakgrunnen bilde ender med en 125px børste. Når du beveger deg mot bunnen av dokumentet gjør børsten større (]), slik at du ender opp med om en 200px pensel når du kommer til bunnen. Dette bør være rask slik at det går hull på de fremtidige lag for å dekke opp.
Vi kommer til å gjøre denne fargen litt mørkere, fordi dette vil være under et annet lag. Så gå inn til Curves (Command + M) og juster Innspill til 47 og utgang til 55.
Trinn 15
Vi kommer til å gjenta trinn 14, bortsett fra denne gangen er vi kommer til å fylle i det meste av resten av hullene som vi tapte første gang rundt. Vi trenger ikke å justere Curves på gress laget.
Trinn 16
Lag et nytt lag (Command + Shift + N) i gresset mappen. Nå for å legge til noen høydepunkter til gresset vi skal bruke vår gress Brush (B) med samme farge og male på noen få områder. Gå inn i Curves igjen (Kommando + M) og justere inngangs til 58 og utgang til 39.
Trinn 17
Vi kommer til å opprette et nytt lag (Command + Shift + N ), over lette, slik at vi kan male på litt gress, så det ser ut som det går foran bokstavene.
Når du male gresset foran bokstavene opprette et nytt lag (Command + Shift + N) og gjøre en lys pass av gress, vi kommer til å mørkne dette laget med Curves (Kommando + M) juster innspill til 42 og utgang til 56.
Trinn 18
nå som vi har vår gress ferdig, skal vi begynne å jobbe på våre bokstaver.
Opprett en ny mappe som heter "tekst ansikt" og en ny mappe som heter "tekst skygge" sette teksten ansiktet og teksten skygge i de tilsvarende mappene.
nå skal vi Command + Klikk på teksten ansiktet lag å skape et stort telt omriss rundt den, opprette et nytt lag i "teksten ansikt" mappe med Command + Shift + N og fylle den (Command + Delete) med # EDE6DA.
Trinn 19
Gå inn i "teksten skygge" mappe og opprette et nytt lag (Command + Shift + N).
Siden vår sollys kommer fra høyre, som du kan se med trærne i bildet, har vi for å gjøre den lyseste del av tekst på høyre side av hver bokstaver. For å lage våre høydepunkter, vi kommer til å bruke det mangekantede lassoverktøyet (L) for å velge de områdene som er ment å bli markert, de områdene som vil bli rammet av solen.
Trinn 20
< p> ved hjelp av en hvit 90px Avrundet Brush (B), med 0% hardhet på 20% Opacity, starter malestrøk på de områdene som vi valgte. Endre Blending Mode til Overlay.
For å bli kvitt overflødig området, Command + Klikk på tekstskyggelaget, Command + Shift + I for å få den inverse utvalget, deretter slette.
trinn 21
nå skal vi gjøre våre skygger på samme måte som vi har gjort høydepunktene i trinn 19. Når du har dine skygger valgt, gjentar du trinn 20, bortsett fra denne tiden vi skal bruke en sort børste for vår mørkeste områdene.
trinn 22
Hvis du vil legge inn noen mørkere skygger og gi våre bokstaver mer kontrast, har vi tenkt å gjenta trinn 21, men i stedet for å endre Blend Mode til Overlay, vi er kommer til å endre det til Multipliser. Dessuten vil det være lettere hvis vi endrer pensel til ca ved 5% Opacity, på denne måten kan du mørkere skygge sakte, og det vil også blande jevnere.
Trinn 23
Teksten kan arbeidet på en mye mer og har mye mer skygge /høylys detaljer lagt, men siden dette er en tutorial vi kommer til å la det som er, og begynne å jobbe på skyggen teksten kaster på gresset.
Lag et nytt lag (Command + Shift + N) og sette den over "gress" -mappen. Ved hjelp av en 200px svart pensel (B) på 100% dekkevne, og 0% hardhet maling under teksten, prøver å sørge for at den svarte ikke går under gress som er foran bokstavene for mye. Endre Blend Mode til Multipliser.
Trinn 24
Nå kan vi begynne å takle møte med teksten. Vi kommer til å starte med å gi den en Indre skygge. Klikk på det første ikonet nederst i lagpaletten og klikk deretter på Indre skygge.
Nå gå til Skråkant og preg, på det første ikonet nederst i lagpaletten, og justere innstillinger, noe som det jeg har. Disse to innstillingene vil gi teksten ansiktet en kant.
Trinn 25
Vi kommer til å befale + Klikk på teksten ansiktet lag og opprette en ny med Command + Shift + N. Ved hjelp 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 på høyre side. Slipp ned Opacity helt ned til 5%.
Trinn 26
Med teksten ansiktet likevel valgt å opprette et nytt lag (Command + Shift + N) i "teksten face" -mappen og endre din forgrunnsfarge til en gul-oransje farge (noe sånt som # FFC600) og lage en Gradient (G) så det er på den øverste kanten av bokstavene. Endre Blend Mode til Overlay.
Trinn 27
Lag et nytt lag i "teksten ansikt" -mappen, og ta en 200px svart Brush (B) med 5% opasitet og 0% hardhet og klikk og dra en linje rett over gresset. Dette vil gi oss en subtil skygge like over gresset.
Trinn 28
Nå skal vi gi vår tekst står overfor en værbitt utseende.
I "teksten ansiktet "-mappen, opprette et nytt lag, og deretter bruke plassen Marquee Tool (M), skape en boks som dekker" Escape ". Fyll boksen med svart
Trinn 29
Gå til Filter >.; Gjengi > Fibers og justere innstillingene dine til noe som det jeg har
Trinn 30
Opphev område med Command + D og gå til Filter >.; Blur > Motion Blur. Command + Klikk på teksten ansiktet, deretter Command + Shift + I for å få Inverse Selection, slette og endre Blend Mode til Multipliser med en Opacity på 5%.
Trinn 31
Klikk på det andre ikonet nederst på lagpaletten for å legge til en maske til våre fiber lag. Ved hjelp av en sort til 0% Gradient (G) Klikk og dra fra bunnen opp så den nederste halvdelen av fibrene er borte fra teksten.
Trinn 32
Og nå å avslutte den litt, vi kommer til å klikke på den fjerde ikonet nederst i lagpaletten og åpne opp fargebalanse.
Trinn 33
og nå åpner opp Photo Filter på fjerde ikonet nederst i lagpaletten.
Trinn 34
nå er vi ferdig, jeg kommer til å legge til noen finjusteringer med en bunntekst som vil blø over kanten.
Final Bilde
Og det er det! Jeg håper du har hatt glede av å lese denne opplæringen.