Share
Ce veți creaÎn acest tutorial ne uităm la modul în care puteți integra tipografia cu fotografiile pentru a crea un efect 3D impresionant. Veți vedea un astfel de efect asupra publicității și artei posterelor, dar nu este atât de complicat să realizați cum apare prima dată.
Vă voi arăta cum să creați efectul acestui poster din Melbourne de la zero Adobe Photoshop, și finalizează designul posterelor în Adobe InDesign.
Încercați să vă creați propriul design unic? Găsiți orașul perfect și fontul izbitoare de la selecția extraordinară de pe Envato Market.
Sunteți gata să începeți? Fantastic, să mergem!
Pentru a crea efectul text / foto combinat, trebuie să selectați cu atenție fotografia și fontul. Efectul se realizează prin împărțirea unor părți dintr-o imagine din fundal, dar ajută în cazul în care fotografia are mai multe straturi succesive de perspectivă. O panoramă urbană este o alegere excelentă pentru acest tip de proiect, deoarece unele clădiri vor fi mai aproape de fotograf și de altele progresiv mai departe.
Pentru acest tutorial vom folosi:
Descărcați fotografia și descărcați și instalați fontul pe computer. Veți avea nevoie și de acces la ambele Adobe Photoshop și Adobe InDesign.
Primul pas pentru crearea efectului 3D este de a cartografia design-ul dvs., utilizând aceeași scalare și formatarea de text pe care o veți utiliza în designul final. Acest lucru vă va permite să vedeți exact unde veți avea nevoie pentru a tăia părți din fotografie pentru a sta în fața scrisorilor.
Deschide fotografia din Melbourne Adobe Photoshop.
De la straturi panou, duplicați fundal strat și redenumiți-l Original Cityscape.
Mergi la Imagine> Rotire imagine și selectați 90 ° CW.
Selectează Instrumentul tip (T) și trageți pe panza pentru a crea un cadru de text. Introduceți "MEL". Deschide Caracter panou (Fereastră> Caracter) și setați Font la Bebas Neue, Bold, Dimensiune 535 pt și să crească Urmărirea la 40. Seteaza Culoare la alb.
Poziționați cadrul text cât mai aproape posibil de ceea ce am făcut aici.
Copie și Pastă cadrul de text, poziționându-l mai jos în locația afișată și editați textul pentru a citi "BOU".
Pastă din nou, și editați textul pentru a citi "RNE". Poziționați-o mai jos, în locația afișată.
Creați un nou dosar în straturi panou, numele Tipografie, și trageți toate straturile de text pentru a sta în interiorul dosarului.
Apoi blocați dosarul.
Fișier> Imprimare o copie a imaginii pe calculatorul de acasă. Nu este nevoie să imprimați întreaga fotografie, doar secțiunea care conține textul.
Apoi scoateți un stilou sau un creion și începeți să umbrați în zonele textului în care puteți vedea clădirile care trec în spatele textului. Scopul este acela de a permite clădirilor să poată privi peste marginea din stânga a literelor, creând un efect 3D stratificat.
Căutați zone ale imaginii care vă vor permite să introduceți literele în jurul unor clădiri mai mari, așa cum am făcut cu 'O' și 'U' aici.
Aceasta va servi ca o "hartă" a imaginii pe care o aveți în fața dvs. S-ar putea să descoperiți că vă abateți puțin de la aceasta odată ce începeți să editați pe computer, dar este foarte util să aveți la îndemână. Păstrați acest lucru în fața dvs. pe biroul dvs. în timp ce lucrați, ca referință.
Întoarce-te la tine Photoshop document. Mărește-te direct în secțiunea "MEL" a imaginii pentru a obține o privire foarte bună asupra tuturor detaliilor.
Uitați-vă la litera "M" și la ceea ce ați scris în imprimantă. Obțineți o imagine bună a secțiunilor fotografiei pe care doriți să o aduceți în fața literei și apoi opriți vizibilitatea imaginii Tipografie dosar în straturi panou.
Luați Instrumentul poligonal Lasso (L) și fusta în jurul marginilor clădirii pe care doriți să o tăiați, rămânând cât mai aproape de marginea adevărată a clădirii. Aduceți runda lasso pentru a îndeplini primul punct și apoi faceți clic pe Rafinați muchia în partea de sus a spațiului de lucru, în Controale panou.
Click pe Radius inteligent și reglați subtil pentru a face lasso mai strâns la marginea clădirii. Vrei ca marginea să fie cât mai aproape posibil de silueta clădirii. Mută Shift Edge glisor dacă este necesar, și adăugați un foarte mic Neted (aproximativ 1) și Pană (aproximativ 0.2).
De asemenea, puteți utiliza funcția Ștergeți îmbunătățirile și Rafinați uneltele de margine pentru a face lasso cât mai perfect posibil.
Atunci când ești fericit, dă clic pe O.K. Lovit Control-C (Windows) sau Command-C (Mac) pentru a copia selecția, apoi Control-V (Windows) sau Comandă-V (Mac) pentru al lipi pe un nou strat.
Prin mutarea stratului deasupra Tipografie dosarul și făcând dosarul vizibil, puteți vedea cum a tras clădirea înainte să stea pe partea de sus a "M".
Acum repetați procesul cu următoarea clădire mapată pe imprimantă. Opriți vizibilitatea Tipografie folder și faceți clic pe Original Cityscape strat pentru al activa.
Folosește Lasso Tool (L) pentru a alege următoarea secțiune a clădirii, apoi faceți clic pe Rafinați muchia din nou. În funcție de nivelul de contrast din diferite părți ale fotografiei, poate fi necesar să aplicați niveluri ușor diferite Radius, Smooth, Feather și Shift Edge pentru a alege adevărata siluetă a clădirii.
Copie și Pastă selecția pe un nou strat și mutarea stratului deasupra Tipografie pliant. Puteți vedea aici cum am făcut selecția un pic prea mare ...
... așa că am luat pur și simplu Lasso Tool (L), trageți o cale în jurul secțiunii pe care vreau să o scot și o lovesc Șterge.
Pentru a ordona secțiuni ale straturilor de tip cut-out care arată puțin fuzzy, faceți clic pe stratul respectiv din straturi panou, apoi utilizați Lasso Tool (L) pentru a izola secțiunile situate în afara marginii clădirii și a lovi Șterge.
Dacă există părți ale clădirilor decupate care nu sunt ușor de selectat, dar arata puțin "oprit", puteți folosi Gamă de culori funcţie (Selectați> Gama de culori) să faceți clic pe anumite tonuri, cum ar fi tonul ușor roz în jurul margini al acestei clădiri, pentru a le selecta.
Rafinați selecția în Gamă de culori care se deschide, apoi faceți clic pe O.K și lovit Șterge pentru a scăpa de selecție. De asemenea, puteți da clic pe Rafinați muchia , ca și înainte, pentru a rafina calea.
Pentru a face efectul să arate 3D, va trebui să adăugăm o umbră subtilă fiecărei secțiuni. Pentru a face acest lucru, faceți clic pe stratul care conține clădirea lipită, apoi faceți dublu clic pe strat pentru a deschide Stratul de stil fereastră.
Click pe Umbra în partea de jos a meniului din stânga. Adu Opacitate până în jur 45% și reglați unghiul astfel încât umbra să stea mai mult peste litera albă de mai jos.
Regla Distanță, răspândit și mărimea pentru a face umbra foarte subtilă. Apoi apasa O.K.
Repetați pentru celălalt strat lipit, adăugând o subtilă Umbra.
Deselectați Utilizați Lumina Globală pentru a vă permite să aveți mai multă flexibilitate în direcția umbrei.
Puteți vedea cum începe să se formeze efectul.
Continuați să vă deplasați prin imagine, trăgând secțiuni ale clădirii folosind Lasso Tool (L) și Rafinați muchia funcţie.
Pastă pe straturi noi și Șterge secțiuni nedorite ale selecției lipite.
Adauga o Umbra la fiecare selecție.
Trageți mai multe părți ale clădirilor mai detaliate, cum ar fi turnurile și turnurile, în același mod.
Folosiți-vă imprimatul pentru a vă ghida în tăierea unor secțiuni mai mari de clădiri pentru a permite "O" și "U" să circule în jur.
Continuați să vă deplasați în jos pe imagine, la "RNE".
Utilizați aceeași metodă - selectarea, copierea, lipirea, ștergerea secțiunilor nedorite și adăugarea unei umbre a picăturilor.
Când ați terminat întreaga imagine și sunteți mulțumit de rezultat, mergeți la Fișier> Salvare ca. Salvați imaginea ca a PSD fişier.
După ce ați creat imaginea 3D, o puteți folosi în tot felul de proiecte. Aici vom examina modul în care puteți muta imaginea în InDesign și puteți crea un design al posterului turistic.
minimaliza Photoshop și se deschide Adobe InDesign.
Mergi la Fișier> Nou> Document. Păstrează scop setat la Imprimare și Număr de pagini la 1. Deselectați Paginile cu care se confruntă.
Alege A3 pentru Mărimea paginii si adauga Margini de 15 mm la toate laturile. Includeți a Sângera de 5 mm de asemenea. Clic O.K.
Extindeți straturi panou (Fereastră> Straturi) și faceți dublu clic pe Stratul 1 pentru ao redenumi Grafică. Creați un al doilea strat nou și redenumiți-l Frontieră.
Blocați Frontieră layer și faceți clic pe Grafică strat.
Selectează Instrument cadru dreptunghi (F) și trageți în pagină pentru a crea un cadru de imagine care se extinde până la marginea sângerării pe toate laturile.
Fișier> Locul, alegeți-vă salvat PSD fișier și faceți clic pe Deschis. Permiteți imaginii să umple cadrul, textul fiind aproape central.
Luați Instrumentul tip (T) și trageți în pagină pentru a crea un cadru text deasupra caracterelor "EL" în partea stângă sus a paginii.
Introduceți 'VISIT' și, fie din Caracter panou (Fereastră> Tip și tabele> Caracter) sau în partea de sus Controale panou, setați Font la Bebas Neue Regular, Dimensiune 45 pt, Urmărire 100 și Culoare font la [Hârtie].
Extindeți Specimene panou (Fereastră> Culoare> Swatches) și faceți clic pe Noul Swatch butonul din partea inferioară a panoului. Modificați modelul la C = 20 M = 54 Y = 80 K = 9 și faceți clic pe O.K.
Copie și Pastă RAMUL "VISIT", plasându-l sub "RN". Editați textul pentru a citi "ACEASTA VARĂ", reduceți Font mărimea ușor și reglați Culoare font la noul dvs. model de portocale.
Folosește Instrumentul pentru linii (\) pentru a adăuga linii drepte orizontale în dreptul "VIZITĂ" și la stânga din "THIS SUMMER", extinzându-le peste marginea paginii. Setați linia de sus cu a [Paper] Culoare accident vascular cerebral și linia de jos a noului model de portocal.
Reveniți la straturi și blocați Grafică strat. Deblocați Frontieră strat.
Luați Instrumentul dreptunghiular (M) și creați o formă pe pagină care se potrivește strâns cu linia de margine. Seteaza Culoarea accidentului la [Hârtie].
Apoi, mergeți la Obiect> Opțiuni colț și adăugați un colț rotunjit 2 mm în mărimea la fiecare colț al dreptunghiului.
Apoi du-te la Obiect> Efecte> Transparență și reducerea Opacitate de forma la 55%.
Folosește Instrumentul pentru scule (C) pentru a tăia dreptunghiul și pentru a șterge secțiunile, astfel încât să rămână numai secțiunile din stânga și din dreapta sus ale marginii.
Și ați terminat! Designul posterelor este terminat și arată minunat. Buna treaba!
Tot ce trebuie să faceți este să îl exportați gata pentru imprimare.
Mergi la Fișier> Exportați. Alege Adobe PDF (Imprimare) de la Format meniul derulant.
De la Adobe PDF Preset meniul din partea de sus a ferestrei care se deschide, alegeți [Calitatea presei].
Faceți clic pe Mărturii și sângerări din meniul din stânga și faceți clic pentru a selecta Toate mărcile imprimantei și Utilizați setările de defect al documentului.
Clic O.K pentru a crea documentul pregătit pentru imprimare. Puteți trimite acest lucru direct la imprimante!
Lucru minunat - ați creat acest efect 3D dramatic, combinând tipul cu o fotografie urbanistică și arătați grozav.
Aceasta este o tehnică cu adevărat eficientă pentru a adăuga dramă și interes pentru publicitate, postere și alte materiale vizuale. Să revedem pașii de bază pentru integrarea tipului cu fotografii:
Doriți să descoperiți mai multe panorame de oraș pentru proiectele dvs. 3D? Căutați o imensă bibliotecă de imagini pe Envato Market și descoperiți următorul dvs. font preferat pentru desenele postere.
Dorești să iei desenele tale la următorul nivel, dar nu știi cum? Obțineți un pic de ajutor suplimentar de la echipa de la Envato Studio.
Accentsconagua