Utilizarea noilor obiecte inteligente conectate în Photoshop CC 2014

Ce veți crea

În versiunile anterioare ale obiectelor inteligente, am introdus date de imagine în fișierul PSD. Acum, Adobe a modernizat obiectele inteligente în Photoshop CC 2014, astfel încât să le putem conecta și la fișiere externe. În acest tutorial, vom folosi noi caracteristici din cele mai recente obiecte Linked Smart pentru a proiecta o broșură flexibilă. Vom folosi Photoshop ca instrument principal și Illustrator pentru a proiecta logo-ul.

Tutorial Active

Vom folosi câteva imagini gratuite. Le veți găsi în fișierele PSD completate. Puteți să-l utilizați pentru a compara activitatea finală. De asemenea, vom folosi fontul liber Alef din Google Fonts.

În acest proces, vom folosi Adobe Bridge pentru a căuta imaginile materialelor. Nu uitați să vă actualizați Adobe Photoshop, deoarece vom folosi cele mai recente caracteristici din versiunea CC 2014.

1. Pregătirea canvasului

Pasul 1

În primul rând, vom începe prin a face un nou dosar (Control-N) pentru broșura noastră. Selectați presetarea Cartea Internațională cu dimensiune A5.

Se utilizează setarea implicită 300 pixeli / inch pentru rezolvarea ei. Aceasta înseamnă că fiecare pătrat de 1 inch × 1 inch conține 300 de pixeli. Aceasta este setarea ideală pentru imprimare. Cu toate acestea, deoarece acesta este doar un simplu tutorial, este posibil să dorim să micșorăm rezoluția un pic. Setați-l la 150 de pixeli / inch. Rezoluția mai mică înseamnă mai puțini pixeli. Mai puțini pixeli înseamnă un timp de procesare mai rapid pentru Photoshop.

Iată pânza pe care o avem.

Pasul 2

Lovit Control-R pentru a dezvălui conducătorii de pe partea superioară și din stânga a pânzei. Aceste conducători ne vor ajuta să identificăm poziția cursorului și să plasăm cu exactitate elementele de proiectare. Click dreapta rigla și apoi selectați milimetri pentru a schimba unitatea.

Pasul 3

Activați funcția Marquee Tool. Faceți o nouă măsurătoare de selecție dreptunghiulară 11 mm × 11 mm în colțul din stânga sus al pânzei. Pentru a face o selecție perfectă dreptunghiulară, trageți cursorul în timp ce țineți apăsat Schimb cheie.

Pasul 4

Apasa si trage conducătorul pe marginea de selecție pentru a face un ghid nou la dreapta 11 mm orizontal și 11 mm pe verticală.


Pasul 5

Faceți același lucru în colțul din dreapta jos al pânzei. Desenați un dreptunghi de 11 mm × 11 mm în colțul din dreapta jos și creați ghidaje noi în jurul acestuia.

2. Adăugați un fundal

Pasul 1

Deschideți fotografia stoc disponibilă în interiorul fișierelor sursă. Această fotografie a fost furnizată de deathtothestockphoto. Clic Fișier> Salvare ca apoi salvați acest fișier ca fișier PSD. Selectați Photoshop în Salvați ca tip opțiune. Salvăm acest lucru într-un format PSD (nu JPG) pentru o modificare mai ușoară în viitor.


Pasul 2

Glisați fișierul PSD pe pânza creată în Photoshop. Tragem pentru a plasa fișierul în panza. Amintiți-vă că nu intenționăm să copiați imaginea și apoi să o lipiți, dar intenționăm să conectăm fișierul în panza. Putem numi acest canvas un fișier container.

De asemenea, puteți utiliza meniul, Fișier> Locul legat. În următoarea casetă de dialog, selectați fișierul pe care doriți să îl inserați.

Pasul 3

După ce fișierul imagine este plasat în interiorul pânzei, veți vedea o casetă de restricționare. Aveți posibilitatea să redimensionați dimensiunile fișierului imagine prin glisarea mânerelor în jurul acestuia. Nu trebuie să vă faceți griji că ați făcut o greșeală în timp ce o transformați. Deoarece fișierul imagine este salvat ca un obiect inteligent, puteți oricând să refaceți sau să aplicați o altă transformare fără a distruge calitatea imaginii.

Pentru a redimensiona în timp ce mențineți raportul de aspect al imaginii, glisați mânerele în timp ce țineți apăsată tasta Schimb cheie.

Pasul 4

Loveste introduce cheie pentru confirmarea procesului de transformare. Dacă încă nu sunteți mulțumit de rezultat, aplicați o altă transformare prin lovire Control-T. Acum, aruncați o privire la straturi panou. Stratul de fundal pe care l-am adăugat anterior are o pictogramă mică în colțul din dreapta jos. Această pictogramă indică faptul că stratul este conectat la un alt fișier.

3. Adăugați conținut

Pasul 1

Să adăugăm un subsol în designul nostru. Deschideți fișierul de logo disponibil cu acest tutorial. Fișierul de logo-uri vine de la deathtothestockphoto. Este un fișier EPS, deci ar trebui să îl deschideți în Adobe Illustrator pentru a-și păstra capabilitățile vectoriale. Selectați unul dintre logo-uri. Copiați-l lovind Control-C.

Pasul 2

Creați un fișier nou în Adobe Illustrator (Control-N).

Pasul 3

Lovit Control-V pentru a lipi sigla.

Pasul 4

Salvați fișierul cu logo-ul în același director ca și broșura noastră.

Pasul 5

Să ne întoarcem la fișierul PSD al broșurii. Plasați logo-ul vectorului în panza folosind meniul Fișier> Locul legat. În următoarea casetă de dialog, selectați fișierul. Deschideți-l ca un obiect inteligent cu Trageți la bording Box selectat.

Pasul 6

Modificați dimensiunea logo-ului vectorului. Plasați-l în colțul din dreapta jos al pânzei.

Pasul 7

Activați funcția Tip Tool apoi faceți clic și trageți pentru a face o nouă casetă de text. Completați-l cu două sau trei paragrafe scurte, urmate de adresa site-ului companiei în text mare. Pentru tipul de font, utilizați Alef din Fonturile Google.

Pasul 8

Adăugați o altă casetă text deasupra panzei. Utilizați același font pentru consistență. Setați dimensiunea fontului să fie mai mare, deoarece acesta este titlul principal al broșurii.

4. Editați Obiectul inteligent conectat

Pasul 1

Pentru moment, avem două obiecte inteligente, în logo și în fundal. De asemenea, suntem conștienți de faptul că stratul Smart Object este legat de fișierul original. Să încercăm să le modificăm și să vedem ce se întâmplă.

Mai întâi, modificați conținutul de fundal. Activați Obiectul inteligent fundal. Deschide Proprietăți panou. Clic Editați conținutul. Puteți, de asemenea, direct dublu click pentru a edita conținutul.

Puteți găsi această casetă de dialog. Photoshop vă va solicita să salvați fișierul în aceeași zonă. Doar click O.K.

Pasul 2

Stratul de fundal va fi deschis ca un fișier PSD separat. Următorul lucru pe care o vom face cu fundalul este să editați o porțiune a fotografiei pentru a adăuga un contrast mai mare în text. Uitați-vă la următoarea imagine. Textul neagră este foarte aproape de fereastră.

În fișierul stratului de fundal, selectați anumite părți din fundal și apoi apăsați Control-J să o duplicați.

Pasul 3

Lovit Shift-Up Arrow să o mișcăm în sus.

Pasul 4

Selectați partea inferioară a imaginii utilizând Marquee Tool.

Pasul 5

Lovit Control-T și apoi schimbați dimensiunea acesteia până când avem o suprafață de masă mai curată.

Pasul 6

Ștergeți zonele care nu sunt necesare folosind Radiera cu o perie moale, mare.

Pasul 7

Am terminat de editat fișierul cu stratul de fundal. Salvați și apoi închideți-o. Fundalul broșurii este actualizat automat.

Pasul 8

Să încercăm alt mod de a edita stratul de fundal. Închideți fișierul broșurii. Știm că stratul de fundal este legat de un fișier PSD. Deci, de ce nu editați direct fișierul PSD? În Adobe Bridge, faceți dublu clic pe fișierul PSD de fundal pentru al deschide în Photoshop.

Pasul 9

Prindeți o altă imagine de la deathtothestockphoto - o veți găsi cu fișierele sursă ale acestui tutorial. Inserați-l în fișierul nostru PSD. Salvați PSD-ul.

Pasul 10

Să deschidem fișierul de broșură în Photoshop și să vedem ce se întâmplă în continuare.

Pasul 11

În straturi panou, veți găsi o pictogramă cu semnul exclamării în interiorul stratului inteligent al obiectului. Această pictogramă ne avertizează că există o problemă cu stratul. În Proprietăți panou, veți găsi, de asemenea, o pictogramă similară cu semn de exclamare.

Pasul 12

Știm că conținutul fișierului conectat este deja actualizat. Putem instrui Photoshop să actualizeze stratul de date făcând clic pe Strat> Obiect inteligent> Actualizați conținutul modificat.

Uitați-vă la pânză. Fundalul este actualizat automat.

Pasul 13

Apasă pe Editați conținutul pentru a edita fișierul.

Pasul 14

Efectuați o transformare (Control-T) în noua imagine.

Salvați fișierul de fundal. Reveniți la fișierul de broșură și apoi actualizați stratul inteligent de fundal.

Pasul 15

Pentru a adăuga contrast în subsol, adăugați un dreptunghi simplu în partea de jos. Utilizați aceeași culoare ca și culoarea logo-ului.

Până acum, iată designul pe care îl avem.

Dacă doriți, puteți să modificați fundalul și să mutați puțin imaginea.

5. Schema de culori diferite

Pasul 1

Am schimbat imaginea de fundal. Acum, să schimbăm schema de culori. În această versiune, culoarea logo-ului și a textului vor fi inversate. În primul rând, dorim să adăugăm un dreptunghi simplu pentru fundalul textului. Folosește Instrumentul de formare cu Formă opțiunea selectată în Bara de opțiuni. Seteaza Completati la # 231f20.

Apasa si trage pentru a desena un dreptunghi simplu în fundul pânzei.

Pasul 2

Modificați culoarea textului în alb.

Pasul 3

De asemenea, dorim să editați sigla vectorului și să-i schimbăm culoarea.

Putem face acest lucru prin activarea siglei vectorului Smart Object în straturi panou. De la Proprietăți panou, faceți clic pe Editați conținutul buton.


De asemenea, putem căuta fișiere asociate cu vectorul de logo și apoi le putem deschide în Photoshop.

Click dreapta fișierul de broșură și apoi selectați Afișați fișierele conectate.

Adobe Bridge vă va afișa o listă de fișiere care au legătură cu fișierul containerului. După cum puteți vedea mai jos, există două fișiere care sunt legate de acest PSD, fundal și logo-ul. Dublu click fișierul cu logo-ul pentru ao edita utilizând programul corespunzător, în acest caz Adobe Illustrator.

Pasul 4

Selectați toate formele de fundal.

Modificați culoarea lor în negru. Realizați din nou toate formele din spatele textului.

Treceți culoarea textului în alb. Salvați și apoi închideți fișierul vectorial.

Pasul 5

Să ne întoarcem la dosarul nostru de broșură. Acum avem un logo inversat care se potrivește cu schema actuală de culori.

6. Organizarea fișierelor

Pasul 1

Prin conectarea fișierelor, în loc să încorporăm fișiere, folosim mai multe fișiere conectate în proiectul nostru de proiectare. Desigur, nu vrem ca unul dintre ei să lipsească. Prin urmare, trebuie să le organizăm cu atenție. Asigurați-vă că ați pus toate într-un singur dosar. După cum puteți vedea mai jos, acestea sunt toate plasate într-un dosar numit pachet de broșuri.

Ar trebui să înțelegeți, de asemenea, modul în care Photoshop gestionează toate fișierele asociate. De pe site-ul oficial de ajutor, Photoshop va căuta mai întâi fișierele în ultima poziție absolută. Dacă Photoshop nu a reușit, va căuta din nou în același director ca și fișierul container.

Pasul 2

Să vedem ce se întâmplă dacă lipsește unul dintre fișierele conectate. Rețineți că în prezent avem două fișiere legate de fișierul principal PSD.

Dacă am elimina din greșeală emblema de la locul de origine, care se află în același folder ca și containerul de fișiere?

Pasul 3

Click dreapta fișierul principal PSD și apoi selectați Afișați fișierele conectate. Apare un mesaj de avertizare și ne reamintește că lipsesc fișiere.

Dacă deschidem fișierul container în Photoshop, se va afișa o casetă de dialog și ne vom spune despre fișierele care lipsesc.

Apasă pe Alege pentru a încerca să căutați fișierul lipsă. După ce ați găsit-o, selectați-o și apoi faceți clic pe Loc buton.

O pictogramă indică faptul că au fost găsite fișierele lipsite.

Puteți alege să ignorați caseta de dialog de avertizare. Dacă faceți acest lucru, în interiorul straturi panou și Proprietăți panou, veți găsi o pictogramă cu semnul întrebării care vă spune despre pierderea fișierului asociat.

Apasă pe Editați conținutul butonul sau dublu click și apoi încercați să găsiți manual fișierul lipsă.

Asigurați-vă că plasați întotdeauna fișierul container și fișierele asociate în același folder. Un alt avantaj al utilizării fișierului asociat este o dimensiune mai mică a fișierului. După cum puteți vedea în bara de stare, dimensiunea fișierului containerului este de 14,43 MB.

Pasul 4

Puteți folosi întotdeauna metoda anterioară cu Smart Objects, care este de a încorpora fișierele. Embedding înseamnă că plasați datele de imagine direct în fișierul containerului.

Puteți încorpora toate obiectele inteligente dând clic pe Layer> Obiecte inteligente> Embed All Linked.

Nu veți vedea o pictogramă de legătură în miniatură a stratului sau în Proprietăți panou. În schimb, veți vedea o pictogramă veche obișnuită Smart Object.

De asemenea, veți observa diferența în dimensiunea fișierului dintre obiectele încorporate și obiectele inteligente conectate. Deoarece încorporat înseamnă că plasați toate informațiile de imagine într-un fișier container, veți obține o dimensiune foarte mare a fișierului. În acest caz, obiectele inteligente încorporate generează 70 MB, în timp ce obiectele inteligente conectate generează 14 MB.

7. Conectarea unui fișier la mai multe fișiere de proiectare

Pasul 1

În acest tutorial, am conectat două fișiere, PSD (Photoshop) și AI (Illustrator), la un fișier de broșură. De fapt, puteți, de asemenea, să le conectați la un alt fișier pentru un proiect de proiectare multiple, cum ar fi legarea logoului vector într-un fișier de carte de vizită.

Pasul 2

În acest fel, putem edita pur și simplu logo-ul vectorului, iar rezultatul va fi automat actualizat atât în ​​fișierele container, broșură și cartea de vizită. În acest caz, schimbăm logo-ul textului A la s.

Sigla vectorului din broșură este actualizată automat.

Concluzie

Din acest tutorial de lungă durată, putem vedea că noile Obiecte Linkate Smart în Adobe Photoshop ne oferă mai multă libertate de a lucra nedistructiv. Această funcție nouă va fi foarte utilă pentru cei care lucrează în echipă. De exemplu, se poate concentra pe aspect, celălalt pe siglă, iar celălalt se poate concentra asupra manipulării fotografiilor pentru fundalul imaginii. Sper că puteți găsi trucuri noi pentru a utiliza această caracteristică nouă. Dacă reușiți, anunțați-mă în zona de comentarii.