Cum să adăugați un obiect inteligent în Photoshop. Tot ce trebuie să știți despre obiectele inteligente din Photoshop

Adăugat: 10-09-2012; Modificat: 2012-09-14;

Se spune că două capete sunt mai bune decât unul. Illustrator și Photoshop dovedesc acest lucru atunci când lucrați cu obiecte inteligente ( Obiecte inteligente).

Obiectul inteligent poate fi transferat între Illustrator și Photoshop și permite editare nelimitată fără a degrada calitatea imaginii.

Să vedem cum funcționează.

Am o fotografie a unui fundal din Las Vegas în Photoshop și o ilustrație vectorială a lui Elvis în Illustrator. În Photoshop (presupunând că fundalul Las Vegas este deja deschis - aprox. per.), vom plasa fișier vectorial Elvis pe fundal - accesați meniul File Place, selectați un fișier și apăsați butonul Ok.

Imaginea vectorială va fi plasată în centru document Photoshop, în cadrul Transformare. Dacă apăsați enter, obiectul devine un obiect inteligent. Aruncă o privire la stratul din panoul Straturi. El are pictogramă micăîn miniatură, anunțându-vă că acest strat este într-adevăr „inteligent”.

Pe acest moment Puteți muta și redimensiona acest obiect inteligent. Nu arată ca un vector - punctele și căile nu sunt vizibile. Nu vă faceți griji. Un obiect vectorial este încorporat în Photoshop și redat într-un mod pe care Photoshop îl poate înțelege. Încercați să o măriți - faceți-o uriașă - și imaginea va rămâne clară și clară. Dacă ar fi un obiect pixelat, ai vedea fiecare pixel la acea mărire.

Acum să ne uităm la ce face acest strat atât de inteligent. Faceți dublu clic pe pictograma de previzualizare sau selectați Editați conținutul din meniul pop-up al stratului. Photoshop va afișa un mesaj care vă va reaminti să salvați fișierul în Illustrator după ce ați făcut modificările. Dacă utilizați „Salvare ca...” sau mutați fișierul vectorial într-o altă locație, conexiunea fișierului vectorial la Photoshop va fi întreruptă.

După ce faceți clic pe butonul Ok, fișierul vectorial se va deschide în Illustrator. Acest fișier poate fi editat și apoi salvat. În acest exemplu, culorile din vector au fost schimbate și fișierul a fost salvat. Să revenim la Photoshop și să vedem toate modificările aduse fișierului vectorial.

Atâta timp cât acest strat este un obiect inteligent, poate fi scalat, mutat, deformat, rotit sau distorsionat din nou și din nou, fără a pierde calitatea. Cele mai bune proprietăți fișier vectorial disponibil direct din Photoshop. Și puteți reveni oricând la Illustrator pentru a face modificări și a le vedea actualizate în Photoshop.

În exemplul următor, un filtru Twirl este aplicat unui obiect inteligent, vectorul este recolorat în Illustrator și când este revenit la Acțiuni Photoshop Filtrele de învârtire sunt păstrate, dar culoarea se schimbă.

Tipurile de obiecte live pot fi folosite și ca obiecte inteligente. Acest lucru poate fi foarte util atunci când același design este utilizat pentru publicare în format tipărit și online. Introduceți textul în Illustrator și apoi plasați-l în Photoshop, așa cum se arată mai devreme. Puteți schimba fontul, adăuga efecte, corectați textul - obiectul rămâne complet editabil.

Ce sa nu faci?

Nu puteți utiliza Paint, Dodge, Burn, Clone - orice operațiuni care modifică datele pixelilor direct pe stratul obiect inteligent. Mai întâi trebuie să îl convertiți într-un strat obișnuit și să îl rasterizați. Alternativ, puteți duplica stratul de obiect inteligent și îl puteți rasteriza sau puteți duplica stratul de obiect inteligent și îl puteți modifica în Illustrator.

Ce altceva?

În loc să plasați un fișier vectorial în Photoshop, îl puteți lipi.

Acest lucru vă oferă câteva opțiuni suplimentare:

Smart Object - dacă ați citit până aici, știți ce înseamnă asta;

Pixeli – va fi inserat un obiect raster, dar se comportă similar unui obiect inteligent – ​​poate fi scalat, transformat sau mutat înainte de rasterizare;

Cale – va fi inserată ca o cale care poate fi editată folosind Instrumente stilou instrumente, instrumentul de selecție a căii sau instrumentul de selecție directă. Calea va fi lipită în stratul selectat curent din paleta Straturi. Deci, dacă doriți să-l puneți pe un strat separat, mai întâi creați strat nou;

Strat de formă - va fi inserat ca un strat nou care conține o cale umplută cu culoarea primului plan. Puteți folosi acest strat ca mască.

Illustrator și Photoshop au multe funcții inteligente. Individual, acestea sunt doar ghiduri inteligente, punctuație inteligentă, filtre inteligente etc. Dar când lucrează împreună folosind obiecte inteligente, este geniu!

  1. Cum se reduce numărul de straturi pentru un obiect vizual (butoane, de exemplu), păstrând în același timp capacitatea de a-l edita?
  2. Cum să reduceți numărul de straturi combinând antetul și subsolul într-un singur strat pe machete pagini interne, lăsând din nou posibilitatea de a le schimba?
  3. Cum să faci mai ușor pentru un designer de aspect să taie linii dintr-unul sau doi pixeli care alcătuiesc o singura linie, umbre, precum și butoane și pictograme?
  4. Cum să faci rapid modificări la toate elementele similare dintr-o pagină?
  5. Cum să reduceți o imagine raster fără a pierde calitatea și a menține proporțiile corecte ale efectelor (o umbră de 5px pentru un obiect de 200*200px arată complet diferit față de același obiect cu dimensiunea sa de 100*100px)
Lucrez ca designer și pentru mai mulți ultimele proiecte Folosesc Smart Object. Această funcție este prezentă de mult timp în Photoshop, dar ideea de a o folosi în web design, personal, mi-a venit recent. Aceasta poate fi o încercare de a o idee de bicicletă, dar cred că merită împărtășită.

Smart Object este un strat care conține imagini din raster sau vector Straturi Photoshop, care păstrează toate stilurile și efectele într-o stare editabilă sau straturi Illustrator. Straturile obiectelor inteligente sunt indicate prin cu o icoană specială(Fig. 1).

La dublu click se deschide butonul stâng al mouse-ului de pe această pictogramă fișier nou(cu rezoluție.psb), cu toate straturile imbricate în acest obiect inteligent. Puteți lucra cu ele în același mod ca și cu straturi obișnuite. Mărimea acestui fișier depinde de straturile din el (Fig. 2).


Fig.2

Dacă stratului nu se aplică umbre sau strălucire externă, dimensiunile obiectului inteligent corespund strict cu dimensiunile straturilor incluse în acesta; dacă este aplicată, atunci apare o indentație pe toate părțile, ceea ce vă permite să evitați tăierea accidentală a unui umbră care nu este vizibilă pe un monitor prost (Fig. 2). Această funcție facilitează tăierea umbrelor ca acestea (Fig. 3).
Designerul va răsufla ușurat - designerul de layout nu va tăia jumătate din umbră, care nu este vizibilă pe monitorul său, iar designerul de layout nu trebuie să dezactiveze fundalul și să caute limitele acestei umbre. Din acest fișier îl puteți salva imediat ca poza separata in.png.


Fig.3

Sunt de fapt mai multe capcanele. Este necesar să țineți cont de faptul că dacă scalați dimensiunea unui strat cu un Smart Object pe aspect, toate straturile din fișierul intern (.psb) vor fi la scară de 100%. Smart Object afișează un cadru special când este scalat (Fig. 4).


Fig.4

Și în al doilea rând, dacă includeți un strat de ajustare în obiectul inteligent, dimensiunea obiectului inteligent va fi aceeași cu dimensiunea întregului aspect al paginii și nu cu pictograma dorită, de exemplu.

O altă bucurie, când copiați un obiect inteligent, obțineți mai multe straturi care sunt o copie exacta unul pe altul, iar atunci când se fac modificări la unul dintre ele, toate se schimbă. Ce ne oferă asta? Aveți un aspect al paginii de catalog cu 9 butoane „Cumpărați”, clientul s-a uitat la el și a vrut să adauge o pictogramă coș la aceste butoane. Acest lucru nu necesită costuri semnificative cu forța de muncă, mergem la unul dintre straturile Smart Object, adaugă modificările necesare, salvează – și oh fericire! – avem toate butoanele noul fel.

Încă o dată util - prin includerea unei imagini bitmap mare într-un obiect inteligent, o puteți scala liber fără a pierde calitatea imaginii. Exemplu de scalare cu folosind Smart Obiect și fără – Fig. 5 ()
Și în orice moment vă puteți rasteriza imaginea, dacă nu mai este planificată schimbarea scarii și nu are rost să transferați un fișier mare pentru lucrări ulterioare.


Fig.5

Cum se creează acest obiect inteligent util? Totul este pe cât de ușor, pe atât de ușor de lucrat. Selectați straturile necesare. Și în panoul de straturi faceți clic Click dreapta pe unul dintre straturile selectate – selectați Convertiți în obiect inteligent (Fig. 6) sau puteți introduce propria comandă rapidă de la tastatură.


Fig.6

Selectarea straturilor dorite este ușoară utilizând Instrumentul de mutare când funcția de selecție automată a straturilor este activată (Fig. 7). Adică, stratul pe care a fost făcut clic pe butonul stâng al mouse-ului este selectat, dar este la fel de convenabil pentru oricine - să-l pornească sau nu.


Fig.7

Folosirea Smart Object adaugă ceva greutate fișierului, dar rămâne la latitudinea dvs. să decideți dacă merită.
Pentru mine, am concluzionat - merită!

  1. Cum se reduce numărul de straturi pentru un obiect vizual (butoane, de exemplu), păstrând în același timp capacitatea de a-l edita?
  2. Cum să reduceți numărul de straturi combinând antetul și subsolul într-un singur strat pe aspectul intern al paginii, lăsând din nou posibilitatea de a le schimba?
  3. Cum poate fi mai ușor pentru un designer de aspect să decupeze linii dintr-unul sau doi pixeli care alcătuiesc o singură linie, umbre, precum și butoane și pictograme?
  4. Cum să faci rapid modificări la toate elementele similare dintr-o pagină?
  5. Cum să reduceți o imagine raster fără a pierde calitatea și a menține proporțiile corecte ale efectelor (o umbră de 5px pentru un obiect de 200*200px arată complet diferit față de același obiect cu dimensiunea sa de 100*100px)
Lucrez ca designer, iar pentru ultimele proiecte am folosit Smart Object. Această funcție este prezentă de mult timp în Photoshop, dar ideea de a o folosi în web design, personal, mi-a venit recent. Aceasta poate fi o încercare de a o idee de bicicletă, dar cred că merită împărtășită.

Un obiect inteligent este un strat care conține imagini din straturi raster sau vectoriale Photoshop, păstrând toate stilurile și efectele într-o stare editabilă, sau straturi Illustrator. Straturile Smart Object sunt indicate printr-o pictogramă specială (Fig. 1).

Când faceți dublu clic pe butonul stâng al mouse-ului pe această pictogramă, se deschide un fișier nou (cu rezoluție .psb), cu toate straturile încorporate în acest obiect inteligent. Puteți lucra cu ele în același mod ca și cu straturi obișnuite. Mărimea acestui fișier depinde de straturile din el (Fig. 2).


Fig.2

Dacă stratului nu se aplică umbre sau strălucire externă, dimensiunile obiectului inteligent corespund strict cu dimensiunile straturilor incluse în acesta; dacă este aplicată, atunci apare o indentație pe toate părțile, ceea ce vă permite să evitați tăierea accidentală a unui umbră care nu este vizibilă pe un monitor prost (Fig. 2). Această funcție facilitează tăierea umbrelor ca acestea (Fig. 3).
Designerul va răsufla ușurat - designerul de layout nu va tăia jumătate din umbră, care nu este vizibilă pe monitorul său, iar designerul de layout nu trebuie să închidă fundalul și să caute limitele acestei umbre. Din acest fișier îl puteți salva imediat ca imagine separată în format .png.


Fig.3

Există într-adevăr mai multe capcane aici. Este necesar să țineți cont de faptul că dacă scalați dimensiunea unui strat cu un Smart Object pe aspect, toate straturile din fișierul intern (.psb) vor fi la scară de 100%. Smart Object afișează un cadru special când este scalat (Fig. 4).


Fig.4

Și în al doilea rând, dacă includeți un strat de ajustare în obiectul inteligent, dimensiunea obiectului inteligent va fi aceeași cu dimensiunea întregului aspect al paginii și nu cu pictograma dorită, de exemplu.

O altă bucurie este că atunci când copiați un obiect inteligent, obțineți mai multe straturi care sunt o copie exactă unul a celuilalt, iar când faceți modificări unuia dintre ele, toate se schimbă. Ce ne oferă asta? Aveți un aspect al paginii de catalog cu 9 butoane „Cumpărați”, clientul s-a uitat la el și a vrut să adauge o pictogramă coș la aceste butoane. Acest lucru nu necesită costuri semnificative cu forța de muncă, intrăm într-unul dintre straturile Smart Object, facem modificările necesare, economisim - și oh fericire! – toate butoanele noastre au un aspect nou.

Încă o dată util - prin includerea unei imagini bitmap mare într-un obiect inteligent, o puteți scala liber fără a pierde calitatea imaginii. Exemplu de scalare cu și fără Smart Object - Fig. 5 ()
Și în orice moment vă puteți rasteriza imaginea, dacă nu mai este planificată schimbarea scarii și nu are rost să transferați un fișier mare pentru lucrări ulterioare.


Fig.5

Cum se creează acest obiect inteligent util? Totul este pe cât de ușor, pe atât de ușor de lucrat. Selectați straturile necesare. Și în panoul de straturi, faceți clic dreapta pe unul dintre straturile selectate - selectați Convertiți în obiect inteligent (Fig. 6) sau puteți introduce propria comandă rapidă de la tastatură.


Fig.6

Selectarea straturilor dorite este ușoară utilizând Instrumentul de mutare când funcția de selecție automată a straturilor este activată (Fig. 7). Adică, stratul pe care a fost făcut clic pe butonul stâng al mouse-ului este selectat, dar este la fel de convenabil pentru oricine - să-l pornească sau nu.


Fig.7

Folosirea Smart Object adaugă ceva greutate fișierului, dar rămâne la latitudinea dvs. să decideți dacă merită.
Pentru mine, am concluzionat - merită!

Cu acest articol vreau să încep o serie de lecții dedicate straturilor inteligente. Sau, cum este mai corect să le numim - obiecte inteligente . Obiecte inteligente din Photoshop - cele mai uimitoare și Unealtă puternică, care vă va oferi avantaje incredibile în lucrul cu grafica. Ce este un strat inteligent, cum să-l folosești, ce poți face cu el vor fi discutate în noua serie a lecțiilor mele.

Înainte de a începe să scriu acest articol, am fost, desigur, la Yandex și am căutat articole pe această temă Straturi inteligente . Spre surprinderea mea, nu am reușit să găsesc mare lucru. Și ceea ce am găsit a fost scris într-un limbaj atât de complex și inert încât până și eu, utilizator activ Obiecte inteligente, nu înțeleg despre ce vorbim. Uneori te întrebi cât de abstru și inert încearcă mulți autori să descrie lucruri elementare. Photoshop nu este fizică nucleară.

Expresie Strat inteligent- poate fi tradus literal ca Strat inteligent. Dacă vă gândiți bine, acest strat este cu adevărat inteligent și poate fi de 100 de ori mai mare decât un strat obișnuit. Cu toate acestea, să nu ne devansăm, să începem să ne ocupăm de acest strat inteligent în ordine.

De ce ai nevoie de un obiect inteligent?

Obiectele inteligente au o duzină sau mai multe aplicații. Acesta este un vector, un raster și chiar obiecte RAW. Înțelegerea ideii unui obiect Smart este foarte simplă. Imaginează-ți cel mai obișnuit strat din Photoshop. De exemplu, voi deschide o fotografie și voi face dublu clic.

Ce poți face cu un astfel de strat raster? Tot ceea ce. De exemplu, pictați o mustață cu o pensulă sau aplicați corecția de culoare Imagine > Ajustare > Hartă gradient

Cu toate acestea, când lucrăm cu acest strat, întâlnim următoarea problemă. S-au făcut modificări ireversibile stratului. În timp ce Photoshop este deschis, putem oricând să derulăm înapoi Istoricul ( Panoul istoric), dar după oprire nu puteți face nimic. Cum se rezolvă această problemă? Este foarte simplu, pentru asta sunt concepute straturile în Photoshop. Puteți desena o mustață pe una nouă strat gol. Puteți aplica corecția culorii folosind un strat de corecție a culorii Strat > Strat de ajustări noi > Hartă gradient.

Cu toate acestea, lucrând cu grafică mai mult de 2 ore pe zi, începeți să înțelegeți că acest lucru nu este suficient. Și unele schimbări sunt cu adevărat ireversibile. Ce să faci dacă folosești filtre? Acestea trebuie aplicate direct pe strat. Nu există „straturi de filtrare” precum Straturile de corecție a culorilor (deși ar fi bine).

Într-o altă situație, poate doriți. De exemplu, schimbați-i forma, îndoiți-l, îndoiți-l, rotiți-l. Transformarea este o operațiune ireversibilă. Trebuie să-l aplicați pe strat. Cum puteți păstra grafica originală în aceste situații?

Se știe cum. Cel mai calea cea buna— duplicați stratul și salvați o copie a acestuia, dezactivând vizibilitatea, în cazul în care aveți nevoie brusc de el.

În urmă cu aproximativ 4-5 ani, aveam astfel de dublaje „pentru orice eventualitate” pentru jumătate din straturile din fișierul meu de lucru. Prin reducerea graficii, vom pierde pixeli, dar ce se întâmplă dacă într-o zi sau două trebuie să mărim obiectul înapoi? Nu mai este posibil să faceți acest lucru fără pierderea calității. Și, ca rezultat, trebuie să duplicați straturi „pentru orice eventualitate” la fiecare 5 pași. La urma urmei, atunci când lucrați la proiecte pentru un angajator sau client, trebuie să refaceți în mod constant aspectul sau designul în conformitate cu dorințele acestuia. Și dacă lucrați incorect imediat, va fi foarte dificil să faceți modificări în viitor la astfel de elemente de grafică care sunt „pierdute” și „deteriorate” de transformări și filtre.

Pe de altă parte, dacă duplicați în mod constant straturi „pentru orice eventualitate”, în proiect major Veți ajunge să supraîncărcați panoul de straturi cu straturi de rezervă. Ca să nu mai vorbim de creșterea dimensiunii PSD faila. Uneori, machetele mele de imprimare ajungeau la o dimensiune de până la 1 GB datorită abundenței de straturi.

În decizie probleme similare Un obiect inteligent te va ajuta. De fapt, el te va ajuta unde Mai mult situatii. Cu toate acestea, vom ajunge la ele mai târziu. Deocamdată, să începem cu ceva simplu.

Cum funcționează un obiect inteligent

Este foarte ușor de înțeles cum funcționează un obiect inteligent. Să revenim la fotografia noastră. ÎN în forma obișnuită este cel mai obișnuit strat. Și toată lumea știe perfect ce se poate face cu el. Acum voi converti acest strat într-un obiect inteligent Strat > Strat inteligent > Convent la obiect inteligent. A doua modalitate de a transforma un strat obișnuit într-un obiect inteligent este să faceți clic dreapta pe stratul din panoul de straturi și să selectați din meniul derulant. Convent la Smart Object

La prima vedere, nimic nu s-a schimbat. Dar pictograma stratului are un mic lacăt. Dacă facem clic pe un strat cu o pensulă, vom găsi o casetă de dialog în care ni se va spune că acest layer este un Smart Object. Puteți aplica o pensulă numai dacă stratul este rasterizat. Adică transformați-l într-un strat obișnuit. Nu pot înțelege nimic.

Gândiți-vă la stratul inteligent ca la un cadru de protecție în care ne introducem fotografia. Înainte de aceasta, fotografia era singură, dar acum este într-un cadru. Din exterior, putem scăpa rama pe podea cât ne place, să-l zgâriem și să lăsăm inscripții pe el. Nu se va întâmpla nimic cu Fotografia din interior. Iar modificările noastre vor afecta doar cadrul. Obiectul inteligent este acest cadru. Mai exact, un strat inteligent este un container în care este plasat fișierul sursă.

Acum voi aplica o mască pentru a ascunde piesa imagine inutilăși va continua să lucreze cu obiectul inteligent. Apropo, sfaturi utile. Dacă intenționați să reduceți/măriți și mai mult obiectul inteligent, atunci este mai bine să aplicați masca pe un strat obișnuit și abia apoi să o închideți împreună cu stratul din interiorul obiectului inteligent. Din cauza transformării excesive, marginile măștii sunt neclare și își pierde calitatea.

Dacă nu știi să folosești o mască, citește și seria de articole, precum și.

Transformarea unui obiect inteligent

După aceasta, vreau să transform puțin obiectul. De exemplu, extindeți puțin sau reduceți mult. Puteți aplica orice transformare, rotiți, reduceți, distorsionați. Toată transformarea se aplică numai containerului exterior Obiect inteligent. A imaginea originală rămâne în siguranță în interior. Vom vorbi în detaliu despre transformarea obiectelor inteligente în articolele următoare.

După ce ați plasat obiectul după cum doriți, îl puteți mări oricând înapoi sau îl puteți extinde diferit. De exemplu, dacă micșorați un strat obișnuit, veți pierde pur și simplu pixeli. Dar dacă reduceți stratul inteligent, pixelii nu vor merge nicăieri. Imaginea originală este în siguranță în interiorul obiectului Smart, iar reducerea este pur vizuală.

Dacă cu un strat obișnuit, întoarcerile și rotațiile distorsionează pixelii de fiecare dată și degradează calitatea, atunci în cazul unui strat inteligent, transformarea se aplică Obiectului extern. Obiectul, la rândul său, se referă în mod constant la fișierul original (care se află în interior) și pe baza acestuia creează o imagine vizuală a unei noi transformări. În acest fel, transformi în mod constant obiectul ca și cum ar fi pentru prima dată. Și deformarea treptată a calității nu se acumulează.

Filtre live

După ce mă joc cu aspectul, voi dori să aplic câteva filtre. Acest lucru este ușor de făcut, deoarece obiectul inteligent acceptă filtre live care sunt atașate la el, cum ar fi . Ei lucrează la fel. Fiecare filtru poate fi șters, ascuns și modificat în orice moment.

De exemplu, voi aplica un filtru Filtru > Textura > Patchwork. Veți vedea Filtrul Live în panoul Straturi de sub Stratul inteligent și Masca de filtru care apare implicit.

Pentru a ascunde o parte din efectul filtrelor live, voi aplica câteva mișcări de perie închisă, cu margini moi, pe mască.

Și nu vorbesc despre faptul că puteți crea cele mai inimaginabile combinații de filtre live, le puteți ascunde cu o mască, le puteți aplica moduri de amestecare și, desigur, puteți transforma un obiect inteligent fără a pierde calitatea. Vă voi spune mai multe despre toate acestea în articolele următoare, unde voi vorbi în detaliu despre filtrele live și caracteristicile transformării straturilor inteligente.

Cum se schimbă conținutul unui obiect inteligent

Desigur, ești interesat de cum să intri în container și să te uiți la grafica originală. Faceți dublu clic pe pictograma stratului inteligent. După aceasta se va deschide fereastra suplimentara- un document în cadrul unui document. Aceasta este sursa noastră neatinsă.

Dacă doriți, puteți crea noi straturi în interior. De exemplu, am deschis o altă imagine cu o floare și am așezat floarea pe hainele fetei. Acum aveți 2 straturi în interiorul recipientului. Pentru a salva modificările, închideți pur și simplu această fereastră, iar în fereastra care vă solicită să salvați, faceți clic pe Salvare.

După aceasta, toate transformările externe și toate filtrele externe sunt aplicate noilor straturi din interiorul obiectului inteligent.

Vă voi spune mai multe despre toate acestea în următoarele articole. Între timp, l-am prins revizuire generalăși ați învățat tot ce aveți nevoie pentru a începe să lucrați cu obiecte inteligente acum. Până la următoarele articole!

Dacă ți-a plăcut acest articol, abonează-te la feedul nostru la