Obiecte inteligente în Adobe Photoshop CS5. Illustrator și Photoshop lucrează împreună: Obiecte inteligente

Odată cu introducerea recentă a obiectelor inteligente (SO) în Photoshop (PS) au devenit mult mai puternice, mai utile. Vă vom împărtăși 10 lucruri pe care ar trebui să le știți când lucrați cu SO în PS. Sa incepem!

1. Creați obiecte inteligente (SO). Ele pot fi create în mai multe moduri, în general tipul de SO depinde în mare măsură de cum și unde le dezvoltați. De exemplu, puteți crea obiecte inteligente legate sau obiecte inteligente încorporate. Acest lucru se poate face folosind panoul Straturi sau pur și simplu trăgând și plasând elemente pe pânză.

2. Salvarea imaginilor raster. Menținerea calității straturilor este o proprietate foarte importantă a SO. Lucrul cu straturi de imagini pixel este foarte complex și necesită îngrijire. Chiar și lucruri simple, cum ar fi rotirea unui strat cu Instrumentul de transformare gratuită, pot duce la pierderea calității. Când includeți un strat de pixeli în SO, PS salvează un fișier încorporat sau legat care stochează informațiile necesare pentru imaginea originală. Prin urmare, nu poate menține calitatea originală a imaginii, indiferent de câte ori redimensionați stratul obiect inteligent. Acest lucru este similar cu lucrul cu vectori, dar diferența este că scalarea SO este mai mare decât dimensiunea lor originală. Acest lucru va duce în continuare la pierderea calității și a pixelării.

3. Setări de transformare gratuită salvate(Setări transformabile în mod liber). Dacă deformați SO prin aplicarea unei transformări, transformarea originală va fi disponibilă dacă trebuie să o modificați mai târziu.

4. Sursă comună. Dacă copiați SO în mod normal într-un document PS, aceleași fișiere sursă încorporate vor fi utilizate în ambele cazuri. Aceasta înseamnă că puteți face copii ale SO de mai multe ori și puteți păstra totul actualizat cu o singură înlocuire a fișierului original.

5. Obiecte inteligente prin copiere. Dacă trebuie să duplicați obiecte inteligente și doriți să vă asigurați că cele două exemple nu sunt legate de fișierul original, ar trebui să utilizați funcția Smart Objects Via Copy, care poate fi folosită pentru a separa stratul duplicat de SO original. Singurul dezavantaj al acestui lucru este creșterea dimensiunii fișierului.

6. Înlocuirea conținutului.Înlocuirea conținutului în SO este foarte ușoară. Tot ce trebuie să faceți este să faceți clic pe butonul strat și să editați sursa. Aici este foarte util instrumentul Free Transform pentru distorsionarea și rotirea SO.

7. Obiecte inteligente înrudite. Această caracteristică PS a permis utilizarea fișierelor sursă externe pentru obiecte inteligente. Există avantaje în acest sens și unul dintre ele este posibilitatea de a utiliza o imagine sau un fișier vectorial în mai multe documente PS ca SO aferente. Dacă modificați obiectul original mai târziu, acesta se va actualiza automat în toate fișierele PSD. Un alt mare avantaj este că SO-urile conectate nu vor crește dimensiunea fișierului.

8. Convertiți straturile de text în obiecte inteligente. Straturile de text pot fi scalate, rotite, distorsionate fără a fi rasterizate, dar nu pot fi distorsionate fără a fi distruse implicit. Cea mai bună metodă de salvare a straturilor pentru editare este să le convertiți în SO. Acest lucru vă va ajuta să le distrugeți cu înțelepciune, oferind acces la text editabil din sursa SO. Aceeași tehnică poate fi utilizată pentru obiectele inteligente Illustrator.

9. Utilizare filtre (Smart Filter). Un alt avantaj pentru SO este că transformă filtrele în filtre inteligente imuabile. Aceste efecte editabile pot fi combinate și controlate individual. Dar există filtre care nu pot fi folosite ca filtre inteligente. Una dintre ele este Vanishing Point.

10. Mască inteligentă cu filtru. Când începeți să utilizați pentru prima dată filtre inteligente, veți observa un dreptunghi alb suplimentar sub miniatura stratului din paleta Straturi - aceasta este masca de filtru inteligent. Este folosit pentru a masca efectele filtrelor aplicate unui anumit strat.

Deci, așa sunt instrumentele puternice ale Photoshop. Acestea sunt folosite nu numai pentru a accelera munca, ci și pentru a păstra calitatea imaginilor și, de asemenea, vor ajuta la reducerea dimensiunii fișierului. Sperăm că aceste sfaturi vă vor face munca mai productivă.

Pentru mulți utilizatori de Photoshop, în special pentru începători, instrumentul obiecte inteligente este un mare mister. Acest lucru este facilitat de disponibilitatea limitată a informațiilor pe Internet și în manuale, precum și de procesul complex de stăpânire ale instrumentului la întâmplare. Acum, asta este în trecut, în acest articol voi spune tot ce trebuie să știi despre obiectele inteligente din Photoshop.

Acest instrument aparține paletei de straturi și este un tip special de strat. Vă amintiți ce este afișat în această paletă? - În principal imaginile pe care le edităm. Obiectele inteligente sunt la fel ca imaginile, dar au caracteristici importante și utile.

Obiecte inteligente sunt containere care stochează toate informațiile necesare pentru a le edita. Ele se umflă la infinit din acest flux de date, spre deosebire de straturile simple de imagine.

Ce dă asta? Dacă o imagine obișnuită, de exemplu, la redimensionarea în jos, își pierde ireversibil pixelii (deficiența lor este clar vizibilă dacă decidem brusc să readucem o astfel de imagine la dimensiunea inițială), atunci obiectele inteligente nu pierd nimic. Afișează acei pixeli care sunt necesari pentru a afișa corect reducerea, dar dacă mărim la original, atunci pixelii lipsă vor fi restaurați dintr-un astfel de container. Aceasta înseamnă că imaginea va fi din nou clară, fără o singură distorsiune.

Astfel, aceste containere stochează toate modificările și sunt gata în orice moment să readucă totul la starea anterioară fără pierderi de calitate. Acest lucru este foarte necesar atunci când utilizatorul, de exemplu, este angajat în . Într-o astfel de muncă, trebuie să utilizați o mulțime de imagini originale, care trebuie modificate din când în când în dimensiune și aplicate diferite efecte și filtre.

Un dezavantaj evident este imediat vizibil aici - astfel de containere vor crește în greutate, ceea ce afectează dimensiunea finală a fișierului.

Orice imagine poate fi realizată ca obiect inteligent. În paleta Straturi, această imagine de strat este afișată cu o pictogramă mică în colțul din dreapta jos al miniaturii:

Principalele proprietăți utile ale obiectelor inteligente Photoshop

1. Redimensionați fără a pierde calitatea

Exemplul de mai sus demonstrează o proprietate folosită frecvent legată de redimensionarea unei imagini fără a pierde calitatea. Să vedem cum arată asta cu un exemplu. Să efectuăm o operațiune standard pe care a întâlnit-o orice utilizator de Photoshop: reduceți imaginea și apoi încercați să o măriți înapoi.

Mai întâi, să facem această operație cu un strat de imagine obișnuit:

După cum puteți vedea, după ce a încercat să readuceți desenul la dimensiunea inițială, acesta a devenit foarte deteriorat (a devenit neclar). Acest lucru s-a întâmplat din cauza faptului că la reducere, Photoshop a pierdut pixeli de care nu avea nevoie în formă redusă. Și când l-am întins înapoi, Photoshop însuși nu poate desena ceea ce lipsește, așa că pur și simplu întinde ceea ce a rămas și acolo apare efectul de estompare.

Acum să convertim imaginea într-un obiect inteligent și să repetăm ​​experimentul:

După mărire, imaginea nu s-a schimbat deloc și a rămas aceeași. Acest lucru s-a întâmplat din cauza faptului că containerul de obiecte inteligente a păstrat acei pixeli pe care Photoshop i-a pierdut atunci când a fost redus, iar când a fost necesar să se mărească, programul a restabilit totul la locul inițial.

2. Filtre inteligente

Filtrele pot fi aplicate straturilor obișnuite de imagine. Totuși, dacă vorbim despre obiecte inteligente, atunci filtrele devin nu chiar obișnuite, ci inteligente!

Să ne uităm din nou la comparații pentru claritate. Când aplicăm filtre, stratul este schimbat ireversibil. De exemplu, am folosit estompare gaussiană - imaginea a devenit neclară, punct. Dacă ceva nu merge bine, putem doar să o facem. Dacă ne-am da seama prea târziu de greșeala noastră, când am adăugat deja multe alte lucruri imaginii? Cum se remediază acest filtru? - În nici un caz. Reface totul din nou.

Este o altă chestiune dacă folosim filtre inteligente. Amintește-ți ce am spus, ce sunt obiectele inteligente? — Acestea sunt containere care stochează toate informațiile. Aceasta înseamnă că vor stoca și informații despre imagine înainte de a aplica filtrul, ceea ce înseamnă că puteți reveni la aceste informații fără durere.

Când aplicați orice filtru, stratul obiect inteligent din paletă va afișa pictograma de vizibilitate a filtrului. Astfel, poate fi dezactivat în orice moment.

3. Editarea conținutului

Există anumite limitări atunci când editați obiecte inteligente. Am spus că puteți schimba dimensiunea, aplica filtre inteligente, puteți și transforma, deforma și selecta. Alte acțiuni, de exemplu, desenul cu o pensulă, utilizarea unei radiere etc. nu se poate face .

Dar dacă chiar vrei, atunci trebuie să treci la modul Editarea Conținutului.

Faceți clic dreapta pe stratul cu obiectul inteligent, selectați o comandă din meniul care apare sau faceți dublu clic pe miniatura stratului. Ca rezultat, această imagine se va deschide separat într-o filă nouă. Acolo va fi ca o imagine obișnuită care poate fi editată după cum doriți.

Cel mai important, că după ce salvați toate modificările, imaginea pe care ați desemnat-o ca obiect inteligent se va schimba și ea.

Asta s-a intamplat: Când creați un obiect inteligent, Photoshop creează un fișier separat de acesta, care este stocat în folderele de sistem ale programului. Acest fișier are extensia PSB. Adică, un obiect inteligent este un fișier separat (acest lucru este important).

Alegerea unei echipe Editarea Conținutului, ați trecut la editarea fișierului în sine în extensia PSB. Prin urmare, toate modificările sunt scrise mai întâi în acest fișier. Și deoarece alte file ale documentelor conțin acest fișier, acestea sunt actualizate automat și arată întotdeauna conținutul curent al fișierului.

Acest mecanism poate fi aplicat fie unui obiect inteligent, fie unui grup. Selectați două sau mai multe straturi din paletă, faceți clic dreapta pe ele și selectați comanda Convertiți în obiect inteligent. Drept urmare, veți obține un singur strat, care pare să fie al lor, dar, de fapt, dacă treceți în modul de editare a conținutului, veți vedea toate aceste straturi separat.

4. Creați copii legate

Nu degeaba am descris mecanismul fișierului PSB. De fapt, toate proprietățile funcționează pe baza acestui lucru. Dacă înțelegeți cum funcționează, atunci nu va fi dificil să înțelegeți principiul de funcționare a următoarei proprietăți - crearea de copii legate.

Photoshop vă permite să faceți copii ale unui obiect inteligent în paleta Straturi, iar atunci când editați conținutul originalului, orice modificări vor apărea automat pe copiile dvs. Astfel de copii sunt create folosind combinația de taste Ctrl+J sau trăgând stratul pe o pictogramă mică Creați un nou strat.

De asemenea, puteți face copii nelegate, ceea ce înseamnă că acestea nu vor reflecta toate modificările aduse originalului. Pentru a face acest lucru, faceți clic dreapta pe stratul cu obiectul inteligent și selectați comanda Creați un obiect inteligent prin copiere.

5. Exportați și importați conținut

Indiferent ce facem, conținutul unui obiect inteligent este întotdeauna o imagine. Deci această imagine, separat de întreaga imagine, poate fi salvată într-un fișier. Selectați o echipă Exportați conținut, va apărea o fereastră în care vi se va cere să selectați unde doriți să salvați fotografia și în ce locație de pe computer.

Există, de asemenea, o comandă care face opusul - Înlocuiește conținutul. Selectați-l pentru a insera una complet diferită în loc de o imagine. Mai mult, toate setările, filtrele, corecțiile și așa mai departe vor rămâne neschimbate.

Fotografii creează astfel un șablon de container cu setări de corecție în care încarcă doar fotografii noi.

Când nu mai aveți nevoie de caracteristicile obiectelor inteligente sau doriți doar să treceți la modul obișnuit de editare a imaginii, selectați comanda - Rasterizați stratul.

Cum se creează obiecte inteligente în Photoshop

Obiectele inteligente sunt foarte ușor de creat. Există mai multe moduri în care se poate face acest lucru.

1 Metoda

Faceți clic dreapta pe stratul care conține imaginea dorită. Va apărea un meniu din care selectați comanda Convertiți în obiect inteligent.

2 Metoda

Puteți deschide orice imagine ca obiect inteligent prin meniu Fișier - Deschideți ca obiect inteligent...

3 Metoda

În cazurile în care trebuie să adăugați o altă imagine la o imagine deja deschisă, puteți utiliza comanda de meniu Fișier - Locație. Se va deschide o fereastră în care specificați calea către imagine. Această imagine va fi adăugată ca obiect inteligent, iar Photoshop se va oferi imediat să-i editeze dimensiunea, înclinarea și locația.

Dacă observați o eroare în text, selectați-o și apăsați Ctrl + Enter. Mulțumesc!

Rezultat final

Obiectele inteligente sunt una dintre cele mai puternice caracteristici ale Photoshop. În acest tutorial, veți pregăti o machetă a mai multor ecrane de computer și apoi veți adăuga straturi de obiecte inteligente la acestea. Odată ce totul este configurat, puteți modifica imaginile de pe toate ecranele actualizând doar stratul original. Fiecare obiect inteligent poate consta din mai multe straturi. Astfel, este ușor și rapid să vă schimbați prezentarea.

1. Pregătirea aspectului

Pasul 1

Voi începe cu trei ecrane diferite. Puteți găsi fotografii individuale ale fiecăruia pe PhotoDune sau GraphicRiver și puteți utiliza orice număr de dispozitive în compoziția dvs. Fișierul pentru acest tutorial este împărțit în straturi pentru dispozitivele în sine, umbrele și luminile lor.

Nota traducătorului : Ca alternativă gratuită, puteți utiliza aspectul de pe 365psd.com.

Pasul 2

Pregătiți un strat separat pentru fiecare ecran. Selectați un instrument Dreptunghi(Instrumentul dreptunghi) și desenați un dreptunghi de aceeași dimensiune ca ecranul însuși. Alternativ, puteți utiliza instrumentul Zona dreptunghiulara(Rectangular Marquee Tool) și completați selecția cu pixeli. Nu contează ce metodă alegeți, principalul lucru este că dreptunghiul este pe un strat separat.

Desenați un dreptunghi de aceeași dimensiune ca și ecranul. Umpleți-o cu orice imagine și plasați-o pe un strat separat.

Prefer să folosesc straturi de formă, deoarece sunt mai ușor de editat cu instrumentul Transformare liberă(Transformare libera). Îl poți activa făcând clic Ctrl+T.

Pasul 3

Faceți același strat pentru fiecare ecran. Puteți completa formularele cu orice culoare. Vom folosi aceste forme ca măști pentru obiecte inteligente. Acum ar trebui să aveți un rezultat cam așa:

Pasul 4

Acum ar fi bine să ne organizăm aspectul. Redenumirea și organizarea straturilor va economisi mult timp în viitor. În captura de ecran de mai jos, am marcat straturile cu culori diferite pentru fiecare dispozitiv. Pentru a schimba culoarea stratului, faceți clic dreapta pe pictograma ochiului și selectați culoarea dorită.

De asemenea, puteți crea grupuri de straturi pentru fiecare produs. Selectați toate straturile aparținând unui dispozitiv și din meniul drop-down din panoul de straturi selectați Un grup noudin straturi(Grup nou din straturi). Setarea culorii grupului este foarte simplă. Faceți clic dreapta pe grup și selectați culoarea dorită.

2. Configurarea obiectelor inteligente

Pasul 1

Acest tutorial folosește o captură de ecran de pe site-ul web Tuts+. Trageți-l în documentul cu aspectul nostru. Plasați un nou strat deasupra stratului cu forma pentru ecranul computerului (nota traducătorului - în captură de ecran se numește „Ecran de birou”). Există trei moduri de a-l converti într-un obiect inteligent:

1. Accesați meniu Straturi> Obiect inteligent> Convertiți în obiect inteligent(Layers > Smart Objects > Convert to Smart Object).
2. Faceți clic pe meniul drop-down din panoul de straturi și selectați Convertiți în obiect inteligent(Conversie în obiect inteligent).
3. Faceți clic dreapta pe strat și selectați Convertiți în obiect inteligent(Conversie în obiect inteligent).

Pasul 2

Acum puteți redimensiona obiectul inteligent pentru a se potrivi cu dimensiunea ecranului dispozitivului dvs. Clic Ctrl+Tși folosiți puncte în jurul marginilor imaginii. Când lucrați cu obiecte inteligente, este posibil să observați un mic indiciu: punctele pentru un obiect inteligent sunt umplute cu negru, dar când editați o imagine obișnuită sunt goale. Nu atingeți partea de jos a capturii de ecran deocamdată. Schimbați numele stratului dacă doriți.

Pasul 3

Duplicați obiectul inteligent trăgându-l pe pictograma specială a stratului nou din partea de jos a panoului de straturi.

Pasul 4

Trageți o copie a obiectului inteligent pentru a o plasa deasupra ecranului laptopului. Ca și în pasul anterior, utilizați Transformare liberă(Transformare gratuită) pentru a redimensiona captura de ecran. Nici aici, nu atingeți partea de jos a fotografiei.

Pasul 5

Faceți o altă copie și plasați-o deasupra ecranului tabletei. Redimensionați-l din nou. Nu vă faceți griji pentru lungimea excesivă a obiectelor inteligente.

Pasul 6

Acum că toate straturile sunt la locul lor, puteți elimina excesul. Acest lucru va ascunde părțile proeminente ale imaginilor, dar nu va decupa captura de ecran în sine. Mai întâi selectați stratul obiect inteligent, apoi faceți clic pe meniul derulant și selectați Creați mască de tăiere(Creează o mască de tăiere). Puteți utiliza o comandă rapidă de la tastatură Alt + Ctrl + G.

Există și o cale alternativă. Faceți clic între două straturi în timp ce țineți apăsată tasta Alt. Dacă vedeți că cursorul și-a schimbat aspectul, sunteți în punctul potrivit.

Țineți apăsat Alt/Option și faceți clic între straturi pentru a crea o mască de tăiere. Veți vedea cum cursorul se schimbă într-o pictogramă cu cerc dublu.

Odată ce masca de tăiere este creată, captura de ecran va umple proporțiile ecranului. Veți observa, de asemenea, că miniatura stratului este ușor decalată spre dreapta și există o mică săgeată lângă ea. Aceasta indică faptul că obiectul inteligent este „tuns” de stratul de sub el. De aceea am creat straturi speciale la început.

Ar trebui să ajungeți cu un aspect de genul acesta:

3. Editarea unui obiect inteligent

Pasul 1

Acum că obiectele inteligente și copiile lor sunt la locul lor, puteți modifica imaginea pe toate cele trei ecrane actualizând stratul original. Faceți dublu clic pe miniatura obiectului inteligent pentru ao edita. Veți vedea următorul mesaj. Odată ce te obișnuiești să lucrezi cu obiecte inteligente, poți să bifați caseta și să o dezactivați.

Obiectul inteligent se deschide ca fișier separat, special, cu extensia .psb:

Pasul 2

Pentru a edita obiectul inteligent, voi face pur și simplu o nouă captură de ecran și o voi plasa deasupra celei existente. Nu este nevoie să înlocuiți imaginea originală, deoarece obiectele inteligente acceptă straturi.

Pasul 3

Închideți și salvați fișierul .psb. Acum va apărea o nouă captură de ecran pe toate cele trei ecrane. Nu este nevoie să editați celelalte două straturi inteligente, deoarece acestea sunt o copie a originalului.

Puteți adăuga sau edita o imagine de câte ori doriți. De asemenea, puteți stoca mai multe capturi de ecran într-un strat inteligent pentru a prezenta rapid diferite fotografii într-un document Photoshop.

concluzii

Modelele ca acestea sunt o modalitate excelentă de a prezenta diferite modele. Deoarece straturile inteligente sunt copii ale originalului, toate cele trei ecrane sunt actualizate simultan. Și cu capacitatea de a stoca mai multe capturi de ecran într-un singur strat, puteți organiza totul într-un singur fișier PSD.

În acest tutorial, vom explora obiectele inteligente și vom analiza unele dintre beneficiile uimitoare ale utilizării obiectelor inteligente în Photoshop.

Obiectele inteligente sunt parte integrantă, dar independentă, a procesului de editare a straturilor din Photoshop. În esență, Smart Objects poate fi gândit ca un fișier Photoshop separat care este plasat în fișierul curent. Acestea. sunt un strat de „grupare” care poate conține alte imagini raster sau vectoriale. Și care vă permite să salvați imaginea originală cu toate caracteristicile sale inițiale.

Utilizarea obiectelor inteligente, de exemplu în design web, facilitează inserarea conținutului, actualizarea acestuia și nu rupe un singur aspect sau întregul design.

Avantajele obiectelor inteligente

Există mai multe beneficii ale utilizării obiectelor inteligente, dar cele mai importante sunt următoarele trei:

• Conținut ușor de actualizat

Dacă transformați un obiect inteligent, de exemplu, și aplicați o transformare, transformarea inițială va fi în continuare disponibilă dacă trebuie să ajustați transformarea mai târziu. Când înlocuiți conținutul unui obiect inteligent, toate scalarea, deformarea și efectele aplicate primului obiect inteligent sunt păstrate.

Dacă duplicați obiecte inteligente în mod normal într-un document Photoshop, linkul va afecta fișierul original. Aceasta înseamnă că puteți duplica un obiect inteligent de mai multe ori și le puteți actualiza pe toate împreună ulterior, prin simpla schimbare a unui fișier sursă. Aceasta se numește obiecte inteligente legate. Sunt utile în special atunci când sursele trebuie reutilizate în alte proiecte.

Înlocuirea conținutului unui obiect inteligent este destul de simplă. Tot ce trebuie să faceți este să faceți dublu clic pe pictograma stratului și să editați fișierul original.

• Editați o imagine fără a pierde datele sau calitatea originale.

Lucrul cu imagini raster în Photoshop este destul de complex, deoarece chiar și cele mai simple manipulări, cum ar fi utilizarea „ Transformare Gratuită", poate duce la pierderea calității sursei. Când „comutați” un strat raster într-un obiect inteligent, Photoshop salvează un fișier încorporat sau legat în care stochează informațiile de care are nevoie pentru imaginea originală. În acest fel, calitatea originală a imaginii va fi păstrată, ceea ce nu va depinde de câte ori aplicați transformări layer. Acest lucru este similar cu lucrul cu vectori, cu diferența că scalarea obiectelor inteligente dincolo de dimensiunea lor originală va duce în continuare la o anumită pixelare și pierderea calității. Dar dacă lucrați în dimensiunea originală, nu există niciun risc de pierdere a calității!

• Filtre inteligente

Utilizarea filtrelor inteligente în obiecte inteligente este mult mai bună decât filtrele obișnuite, „distructive”. Aceste efecte editabile pot fi combinate și ajustate individual. Când aplicați un filtru unui obiect inteligent, filtrul inteligent (cu mască) va fi încorporat. Filtrele în sine pot fi schimbate și editate.

Crearea obiectelor inteligente

Un obiect inteligent poate fi creat dintr-un strat în mai multe moduri: de exemplu, din panoul Straturi, faceți clic dreapta pe strat și selectați „ Convertiți în obiect inteligent” (“Convert to Smart Object”), sau prin meniul Layer - Smart Objects - Convert to Smart Object, sau la importul fișierului, selectând comanda „Open as Smart Object”. Un indicator că acest strat este un obiect inteligent este un mic dreptunghi în colțul din dreapta jos al pictogramei stratului.

Convertiți straturi de text în obiecte inteligente

Straturile de text pot fi scalate, distorsionate și rotite fără a le rasteriza, iar cel mai bun mod de a face acest lucru este să le transformați în obiecte inteligente. Acest lucru vă va permite să le manipulați fără a pierde accesul la textul editabil din sursa Smart Object.

Un mic exemplu: crearea unei modele de prezentare a designului responsive

Sarcina noastră este să prezentăm site-ul nou creat folosind un aspect mic de prezentare, pe care vizualizăm afișarea site-ului pe diverse dispozitive. Cu alte cuvinte, vom arăta că site-ul nostru web este receptiv și se afișează bine pe diferite dispozitive.

În acest scop, am decis să folosim capturi de ecran ale aspectului site-ului și să folosim Smart Objects în Photoshop. Vom avea nevoie și de o machetă (manchinică, goală) cu o imagine a acelorași dispozitive (am decis să folosim un laptop Mock-Up). Studiați articolul pentru a vă găsi propria machetă.

1. Deschideți macheta dispozitivului și utilizați instrumentele preferate (de exemplu, Selecție dreptunghiulară - tasta rapidă M) pentru a-i selecta ecranul și a-l copia într-un nou strat. Deoarece ecranul nostru nu este tocmai dreptunghiular, am folosit Instrumentul Pen (P). Mai târziu vom folosi stratul ecran ca mască pentru obiectul inteligent.

1. Deschideți o captură de ecran a site-ului. Trageți captura de ecran în aspectul PSD. Așezați-l deasupra stratului ecranului. Faceți clic dreapta pe strat și selectați Convertiți în obiect inteligent. Important: nu redimensionați stratul înainte de a-l converti într-un obiect inteligent.
2. Acum puteți redimensiona captura de ecran pentru a se potrivi cu lățimea ecranului desktopului. Utilizați instrumentul Transformare gratuită - Ctrl+T. Sau, dacă ecranul dispozitivului nu este în unghi drept, instrumentul Înclinare ( Editare – Transformare – Înclinare ).
3. Acum să decupăm captura de ecran astfel încât să se potrivească pe deplin cu dimensiunea ecranului. Pentru a face acest lucru, vom folosi stratul ecran ca mască. Țineți apăsată tasta Alt și mutați cursorul mouse-ului între straturile Ecran și Captură de ecran. Când apare săgeata cu un pătrat, faceți clic stânga - aceasta va crea o mască de tăiere și tot ceea ce se extinde dincolo de dimensiunile stratului Ecran va fi ascuns. De asemenea, puteți crea o mască de tăiere Alt+Ctrl+G.

Asta e tot! Dacă aveți mai multe dispozitive în aspectul prezentării, utilizarea Smart Objects vă va permite să păstrați calitatea capturii de ecran originale și să o transformați de un număr nelimitat de ori.

Obiectele inteligente sunt un instrument incredibil de puternic în Photoshop. Acestea pot fi folosite pentru a vă accelera fluxul de lucru, pentru a menține calitatea originală a imaginilor și pentru a reduce dimensiunea fișierului rezultat.

Sperăm că această lecție ți-a fost de folos și că ai învățat ceva nou pentru tine.

Acest tutorial Photoshop este dedicat descrierii a 10 proprietăți ale obiectelor inteligente care vă pot fi foarte utile atunci când lucrați cu acest program.

Fotografii de stoc

1. Crearea obiectelor inteligente
Obiectele inteligente pot fi create în mai multe moduri diferite, iar tipul de obiect inteligent depinde direct de exact cum și în ce loc îl creați. De exemplu, puteți crea un obiect inteligent de referință sau un obiect inteligent legat. Un obiect inteligent poate fi creat din paleta de straturi apelând meniul contextual sau poate fi creat pur și simplu trăgând o imagine pe pânză.

2. Previzualizează calitatea imaginii rasterizate
Păstrarea calității straturilor dvs. este una dintre cele mai importante proprietăți ale obiectelor inteligente. Lucrul cu straturi care conțin o imagine pixelată în Photoshop poate fi foarte distructiv. Chiar și o simplă operațiune de rotire a conținutului unui strat folosind Free Transform poate duce la o pierdere parțială a calității imaginii. Dacă convertiți un strat de pixeli într-un obiect inteligent, Photoshop creează un fișier legat sau, cu alte cuvinte, de referință în care stochează toate informațiile despre imaginea originală. Acest lucru asigură menținerea calității imaginii originale indiferent de câte ori sau modul în care modificați stratul convertit într-un obiect inteligent. Acest lucru este foarte asemănător cu lucrul cu vectori, singura diferență fiind că scalarea unui obiect inteligent la o dimensiune mai mare decât imaginea originală are ca rezultat pixelarea și calitatea redusă.

3. Salvarea setărilor de transformare gratuită
Unul dintre cele mai tari lucruri despre obiectele inteligente este modul în care păstrează setările de transformare gratuită aplicate acestora. De exemplu, dacă deformați un obiect inteligent utilizând Transformare liberă, transformarea va fi salvată, astfel încât să puteți face ajustări la acesta dacă este necesar mai târziu.

4. Sursă comună
Dacă duplicați un obiect inteligent folosind metoda obișnuită folosită în Photoshop, atunci ambele copii vor fi asociate cu o singură sursă comună. Aceasta înseamnă că, prin crearea mai multor duplicate, le puteți corecta pe toate simultan, făcând modificări fișierului sursă.

5. Obiect inteligent prin copiere
Dacă trebuie să duplicați un obiect inteligent, dar nu doriți ca duplicatul să fie asociat cu aceeași sursă originală, atunci ar trebui să utilizați funcția Smart Object Via Copy. Acest lucru vă permite să separați stratul duplicat de obiectul inteligent original. Dezavantajul semnificativ al acestei metode este că mărește semnificativ dimensiunea fișierului.

6. Înlocuirea conținutului
Modificarea conținutului unui obiect inteligent este foarte ușoară. Tot ceea ce este necesar pentru aceasta este să faceți dublu clic pe pictograma stratului - un obiect inteligent și să faceți modificările necesare fișierului sursă. Veți putea aprecia comoditatea acestei opțiuni atunci când vă deformați obiectele inteligente folosind Free Transform.

7. Obiecte inteligente legate
Această opțiune este disponibilă în Photoshop CC 14.2. Vă permite să utilizați fișiere externe ca obiecte inteligente. Acest lucru este foarte convenabil, dar cel mai mare avantaj pe care îl oferă această opțiune este că puteți utiliza fișiere de imagine și vector din diverse documente Photoshop ca obiecte inteligente legate. Dacă ulterior modificați obiectul original, acesta va actualiza automat toate fișierele PSD asociate. Un alt avantaj al acestui principiu este că nu mărește dimensiunea documentului curent.

8. Convertiți straturile de text în obiecte inteligente
Straturile de text pot fi scalate, rotite și deformate fără a le rasteriza, dar în cazuri normale nu pot fi deformate nedistructiv. Cel mai bun mod de a menține straturile de text editabile este să le convertiți într-un obiect inteligent. Acest lucru vă permite să distorsionați textul, oferind în același timp acces la editarea fișierului sursă. Același lucru se poate face cu obiectele inteligente din Illustrator.

9. Aplicarea filtrelor inteligente
O altă mare proprietate a obiectelor inteligente este capacitatea lor de a transforma filtrele în filtre inteligente nedistructive. Aceste efecte editabile pot fi combinate într-un set și modificate individual. Există doar câteva filtre care nu pot fi convertite în filtre inteligente.

10. Mască inteligentă cu filtru
Când aplicați un filtru inteligent, un dreptunghi alb suplimentar apare sub pictograma stratului din paleta Straturi. Aceasta este masca de filtru inteligentă. Poate fi folosit pentru a masca efectul unui filtru asupra aceluia strat.

Concluzie
Obiectele inteligente sunt un instrument foarte puternic disponibil în Photoshop. Acestea pot accelera semnificativ fluxul de lucru, pot menține calitatea imaginii și, de asemenea, pot reduce dimensiunea fișierului. Sper că acest articol v-a fost util și puteți aplica singuri sfaturile oferite aici atunci când utilizați obiecte inteligente.