Cum să tăiați o imagine și să o lipiți pe alt fundal în Photoshop? Cum se inserează o imagine în Photoshop? Lucrăm cu imagini individuale.

Deoarece marea majoritate a tuturor cazurilor de lucru în Photoshop implică procesarea imaginilor gata făcute, cea mai mare parte a instrumentelor programului sunt concepute pentru a efectua această operație.

Filtrele (citiți despre ele în lecția anterioară) sunt o parte destul de mică și foarte ușor de utilizat. În acest articol ne vom uita la funcții mai complexe.

Deoarece există multe instrumente, nu voi enumera întregul arsenal al editorului, ci voi analiza pur și simplu un exemplu comun de lucru - decupând un fragment dintr-o imagine și lipindu-l în alta.

Avem marea.

Există un pescăruş.

Și vrem ca pescărușul să se avânte peste mare.

Să începem.

Pregătirea

În această etapă, trebuie să deschideți imaginile originale și să creați un document pentru a le combina.

1. Mai întâi deschideți un fișier cu o imagine a mării. Pentru a face acest lucru, apăsați combinația de taste Ctrl+O sau executați comanda Fișier -> Deschide, în fereastra Explorer care apare, găsiți fișierul cu mare, faceți clic pe el și apăsați butonul Deschidere.

2. Deschideți fișierul pescăruși în același mod.

3. Creați un nou document de 760x475 pixeli. Pentru a face acest lucru, apăsați combinația de taste Ctrl+N sau executați comanda Fișier -> Nou, în câmpurile Lățime și Înălțime, introduceți valorile specificate și faceți clic pe OK.

4. Acum avem trei documente deschise în Photoshop și puteți naviga între ele folosind file.

În mișcare

Imaginile din fișierele deschise trebuie plasate pe diferite straturi ale documentului de lucru.

1. Accesați imaginea mării făcând clic pe titlul acesteia.

2. Selectați întreaga imagine. Pentru a face acest lucru, fie executați comanda Selecție -> Toate din meniul principal al programului, fie apăsați pur și simplu combinația de taste Ctrl+A. Ca rezultat, imaginea va primi un cadru, care indică faptul că este selectată.

3. Copiați selecția apăsând combinația de taste Ctrl+C sau în meniul principal Photoshop executând comanda Editare -> Copiere.

4. Accesați documentul de lucru făcând clic pe titlul acestuia.

5. Lipiți imaginea copiată - fie apăsați Ctrl+V, fie selectați Editare -> Lipiți din meniul principal.

6. Programul a creat automat stratul pentru noul material. Redenumiți-l Sea făcând clic pe numele stratului din panoul Straturi, introducând un nume nou și apăsând Enter.

7. În același mod, copiați și lipiți imaginea cu un pescăruș în documentul de lucru: accesați imaginea făcând clic pe titlul acesteia, selectați întreaga imagine (Ctrl+A), copiați-o (Ctrl+C), mergeți la documentul de lucru și lipiți imaginea (Ctrl+v) . Stratul a fost și creat automat, redenumește-l Seagull.

Drept urmare, documentul nostru de lucru a dobândit două noi straturi pe care sunt plasate imaginile originale.

Transformare

Vom vorbi despre asta mai detaliat, dar deocamdată avem nevoie de un singur instrument simplu.

După cum probabil ați observat deja, desenul cu un pescăruș este mult mai mare ca dimensiune decât desenul cu marea. Și pescărușul în sine este, de asemenea, prea mare pentru peisajul ales - nu se va potrivi în scară.

Pentru a remedia acest lucru, trebuie să reduceți întreaga imagine cu pescărușul la o dimensiune acceptabilă.

Pentru a face acest lucru, vom folosi instrumentul Free Transform, care vă permite să schimbați forma și dimensiunea imaginii.

1. Folosind instrumentul Mutare, mutați imaginea cu pescărușul, astfel încât pasărea să nu rămână în spatele cadrului și să fie complet vizibilă.

3. Selectați stratul pescăruș: asigurați-vă că este activ și apăsați Ctrl+A.

4. În meniul principal, selectați Editare -> Transformare gratuită sau apăsați combinația de taste Ctrl+T.

5. Reduceți dimensiunea imaginii la o dimensiune acceptabilă, acordând atenție dimensiunii pescăruşului - ar trebui să se potrivească armonios în peisajul marin. Pentru a o micșora, trageți dreptunghiurile care apar în colțurile imaginii. Pentru a redimensiona proporțional, țineți apăsată tasta Shift.

6. Pentru a finaliza conversia, schimbați instrumentul (de exemplu, selectați instrumentul Mutare) și în fereastra de întrebări, faceți clic pe butonul Aplicați.

Selectați și tăiați

Acum rămâne cel mai important lucru - să tăiați pescărușul astfel încât să plutească deasupra mării. Adevărat, de fapt, nu vom tăia pescărușul, ci întreg cerul din jurul lui, adică pasărea, dimpotrivă, va rămâne, dar totul din imaginea sa va fi șters.

Pentru a tăia, mai întâi trebuie să selectați, iar acesta este cel mai greu lucru de făcut. Există multe instrumente de selecție în Photoshop: diverse tipuri de lasso, Selecție rapidă, Selecție de fragmente etc. Fiecare are propria sa specializare îngustă și propriile subtilități.

Vom folosi instrumentul Magic Wand, care găsește automat zone cu pixeli de culoare similară și le selectează.

1. În paleta Instrumente, faceți clic pe pictograma Baghetă magică.

2. Acordați atenție panoului de opțiuni.

Numărul din câmpul Toleranță determină lățimea spectrului de culori alocat. De exemplu, dacă valoarea este zero, Bagheta Magică va selecta doar acei pixeli din imagine care au culoarea identică cu cea selectată. Dacă este setată la 16, instrumentul va selecta pixeli cu 8 unități mai întunecați și cu 8 unități mai deschisi decât cel selectat. În cazul nostru (fondul contrastează bine cu pescăruşul), valoarea poate fi chiar egală cu 100, iar excesul tot nu va fi evidenţiat.

Butonul face ca marginile zonei selectate să fie mai fine;

Dacă butonul este apăsat, programul va selecta pixeli numai în zonele adiacente zonei selectate, adică va elimina posibilitatea de a evidenția o zonă cu nuanțe similare în altă parte a imaginii.

Dar este mai bine să nu apăsați butonul, pentru că atunci Bagheta Magică va selecta zona pe toate straturile, și nu doar pe unul.

3. Asigurându-vă că stratul pescăruş este activ, instrumentul Baghetă magică este selectat, iar selecţiile anterioare sunt deselectate (Selectare -> Deselectare). Când sunteți sigur, faceți clic pe pasărea însăși cu butonul mouse-ului.

4. S-a remarcat. Dar nu trebuie să-l eliminăm, ci tot ceea ce îl înconjoară, așa că în meniul principal, executați comanda Selectați -> Inversați, astfel încât tot ce înconjoară pescărșul să fie selectat.

5. Acum pur și simplu ștergeți selecția apăsând tasta Delete. A mai rămas un singur pescăruș deasupra mării.

6. Executați comanda Selectare -> Deselectare.

7. Faceți clic pe pictograma instrument Mutare și selectați stratul pescăruș (Ctrl+A).

8. Mutați pescărușul în orice loc, dacă este necesar sau pur și simplu doriți, și deselectați-l.

Economisire

Cel mai important lucru rămas este să salvați rezultatul într-un fișier. Exportați imaginea rezultată în formatul dvs. preferat folosind comanda Fișier -> Export (am vorbit deja despre asta mai detaliat în prima lecție). În cazul în care doriți să reveniți brusc la editarea imaginii în viitor, salvați-o în format .PSD.

După câteva luni de utilizare a Photoshop, pare incredibil că pentru un utilizator începător o procedură atât de simplă precum deschiderea sau inserarea unei imagini poate fi o sarcină foarte dificilă.

Această lecție este destinată începătorilor.

Există mai multe opțiuni pentru plasarea unei imagini în zona de lucru a programului.

Efectuat în următoarele moduri:

1. Faceți dublu clic pe o zonă de lucru goală (fără imagini deschise). Se va deschide o casetă de dialog Conductor, în care puteți găsi imaginea dorită pe hard disk.

2. Accesați meniu „Fișier – Deschidere”. După această acțiune se va deschide aceeași fereastră Conductor pentru a căuta un fișier. Apăsarea unei combinații de taste va aduce exact același rezultat CRTL+O pe tastatură.

3. Faceți clic dreapta pe fișier și în meniul contextual Conductor găsi articol "Deschide cu". Selectați Photoshop din lista derulantă.

Trageți și plasați

Cea mai simplă metodă, dar cu câteva nuanțe.

Tragând o imagine într-o zonă de lucru goală, obținem același rezultat ca atunci când pur și simplu o deschidem.

Dacă trageți un fișier pe un document deja deschis, imaginea deschisă va fi adăugată în zona de lucru ca obiect inteligent și va fi ajustată la dimensiunea pânzei dacă pânza este mai mică decât imaginea. Dacă imaginea este mai mică decât pânza, dimensiunile vor rămâne aceleași.

Încă o nuanță. Dacă rezoluția (numărul de pixeli pe inch) a documentului deschis și a celui care se plasează este diferită, de exemplu, poza din zona de lucru are 72 dpi, iar imaginea pe care o deschidem este de 300 dpi, atunci dimensiunile, cu aceeași lățime și înălțime, nu se potrivesc. O imagine cu 300 dpi va apărea mai mică.

Pentru a plasa o imagine nu într-un document deschis, ci pentru a o deschide într-o filă nouă, trebuie să o trageți în zona file (vezi captura de ecran).

Cameră din clipboard

Mulți utilizatori folosesc capturi de ecran în munca lor, dar nu mulți știu că apăsând o tastă Imprimare ecran plasează automat captura de ecran în clipboard.

Programele (nu toate) pentru crearea de capturi de ecran pot face același lucru (automat sau prin atingerea unui buton).

Imaginile de pe site-uri web pot fi, de asemenea, copiate.

Photoshop funcționează cu succes cu clipboard-ul. Pur și simplu creați un document nou apăsând o comandă rapidă de la tastatură CTRL+Nși se va deschide o casetă de dialog cu dimensiunile imaginii deja introduse.

Clic "BINE". După crearea documentului, trebuie să inserați o imagine din clipboard făcând clic CTRL+V.

De asemenea, puteți plasa o imagine din clipboard pe un document deja deschis. Pentru a face acest lucru, apăsați comanda rapidă de la tastatură de pe documentul deschis CTRL+V. Dimensiunile raman originale.

Interesant, dacă copiați un fișier cu o imagine din folderul Explorer (prin meniul contextual sau combinația CTRL+C), atunci nimic nu va funcționa.

Alegeți cea mai convenabilă metodă de inserare a unei imagini în Photoshop și utilizați-o. Acest lucru va accelera semnificativ munca.

În acest tutorial veți învăța cum să inserați o imagine într-o imagine în Photoshop și să aflați acest efect popular în doar câteva minute.
Aceste metode vă vor permite să creați singur colaje complexe și frumoase cu fotografiile dvs. în viitor.
În plus, în acest articol voi arăta cât de ușor este să adaugi efecte suplimentare: umbre, lovituri, străluciri etc. Aceste efecte vor adăuga un plus de viață și frumusețe colajului tău imagine în imagine.
Pentru a începe, deschideți un Photoshop gol fără a crea un document nou. Deschideți folderul cu fotografiile pe care le veți adăuga la colaj. Selectați prima fotografie și trageți-o în fereastra Photoshop. Se va deschide și stratul „Background” va fi creat din acesta. Prima fotografie va fi fundalul.
Apoi trageți o altă fotografie din folder în Photoshop (vezi videoclipul dacă nu funcționează). A doua fotografie va fi plasată deasupra primei și va apărea un cadru cu marcatoare de colț în jurul ei. Pentru a plasa a doua fotografie în locația dorită, pur și simplu țineți-o apăsat cu butonul din stânga și trageți-o. Dă drumul.

Redimensionarea și rotirea imaginilor
Puteți face a doua fotografie mai mică folosind marcatoarele de colț. Luați marcatorul din dreapta jos și trageți-l la stânga și în sus. În timp ce țineți apăsată tasta Shift, acest lucru vă va permite să redimensionați proporțional, fără distorsiuni. Reduceți la dimensiunea de care aveți nevoie. Apoi, puteți modifica unghiul de rotație al imaginii. Pentru a face acest lucru, mutați din nou indicatorul în colțul din dreapta jos. Indicatorul va lua forma unei săgeți bidirecționale unghiulare. Țineți apăsat butonul stâng al mouse-ului și rotiți imaginea la unghiul dorit.
În acest fel, puteți plasa câte fotografii doriți pe colajul dvs. inserând o imagine într-o imagine în Photoshop. Poți să schimbi ordinea imaginilor, să le faci translucide și așa mai departe, toate acestea au fost descrise în lucrul cu straturi în Photoshop și cu ajutorul trucurilor descrise în acea lecție îți vei face colajul și mai atractiv.

Adăugarea de efecte de frumusețe
Și mergem mai departe. Să adăugăm acum câteva efecte și frumusețe colajului nostru. Pentru a face acest lucru, faceți dublu clic pe stratul foto (vezi videoclipul). Se va deschide fereastra Stiluri de straturi. În această fereastră putem adăuga multe efecte noi. De exemplu, să adăugăm o umbră. Bifați caseta „Umbră” și selectați-o, va fi evidențiată în albastru și setările pentru acest efect se vor deschide în dreapta. Răsuciți glisoarele „Offset” și „Dimensiune” - vă vor permite să reglați moliciunea umbrei și distanța acesteia față de fotografie. După ce am introdus poza în poză în Photoshop și am adăugat câteva efecte și dacă vă place rezultatul, puteți salva imaginea finală. Dar înainte de asta, este recomandabil să îmbinați toate straturile împreună. Dacă nu știți, citiți cum să îmbinați straturi în Photoshop în acest articol. După aceea, salvează.
Dacă credeți că rezultatul final pare plictisitor, adăugați efecte suplimentare precum „lovitură”, „strălucire interioară”, „strălucire exterioară”, etc. Toate aceste efecte sunt localizate acolo – în „stiluri de straturi”. Urmăriți tutorialul video dacă ceva nu este clar. Totul este arătat acolo în detaliu.
**********************************************************************
După ce ați făcut o umbră, contur, strălucire și alte efecte pe o fotografie și le-ați aplicat (apăsați OK). Apoi, faceți clic dreapta pe stratul cu această fotografie și selectați „Copiați stilul stratului”. Apoi, selectați o fotografie nouă și faceți clic dreapta pe ea din nou și selectați „lipire stilul stratului”. În acest fel, aveți toate efectele de la o fotografie aplicate la a doua fotografie

Mai întâi, selectați zona în care doriți să inserați o altă imagine.
Mai întâi, deschideți imaginea acceptor și creați o zonă selectată în ea în care va fi plasată a doua imagine. Alegerea instrumentelor pe care le utilizați va depinde desigur de forma zonei pe care trebuie să o evidențiați. În cazul meu, selecția va avea o formă pătrangulară simplă, așa că voi folosi instrumentul Lasso poligonal, care se află în spatele lassoului standard din bara de instrumente în mod implicit:

Selecția se face cam așa:

Deschide a doua imagine. aceste. cel pe care doriți să-l lipiți și apăsați Ctrl+A pentru a-l selecta complet. Un cadru „furnici în marș” va apărea în jurul întregii imagini:

Acum apăsați Ctrl+C pentru a o copia în clipboard.

Inserați a doua imagine în zona selectată

Acum combinația standard Ctrl+V, cunoscută și sub numele de Lipire, nu este potrivită pentru noi, deoarece... trebuie să nu inserăm doar o imagine, ci și să o inserăm într-o anumită zonă selectată. Vom lua un alt traseu.

Pentru a lipi o imagine într-o zonă din Photoshop CS6 există o comandă specială „Lipire în”, se deschide prin fila meniului principal Editare --> Lipire specială (Editare --> Lipire specială):

În plus, puteți rula această comandă folosind combinația de taste rapide Alt+Shift+Ctrl+V.

Nota. În Photoshop CS5 și mai jos, comanda „Lipire” se află imediat în meniul „Editare”, fără sub-articole intermediare și are o combinație de taste rapide Shift+Ctrl+V

După folosirea comenzii Paste In, se întâmplă trei lucruri:

• Photoshop adaugă un nou strat deasupra stratului de fundal din panoul Straturi
• plasează a doua imagine pe un nou strat
• și folosește selecția pentru a crea o mască de strat care va ascunde toate zonele imaginii lipite în afara selecției, lăsând vizibile doar zonele din selecție.

Să aruncăm o privire la panoul Straturi pentru a vedea ce avem. Putem vedea că acum am două straturi - un strat de fundal în partea de jos care conține imaginea TV și un nou strat „Layer 1” deasupra lui care conține imaginea sportivă. De asemenea, vedem o miniatură a măștii de strat care arată masca de strat creată. noi masca de strat care a fost creată. Zona albă din centrul miniaturii este zona de selecție, adică ecranul televizorului, iar zona neagră din jurul zonei albe este ceea ce nu a fost inclus în selecție:

Și așa arată imaginea în sine acum:

Rețineți că Photoshop a creat chiar și o perspectivă pentru imaginea transferată! Apropo, acest lucru se aplică numai versiunii CS6, versiunile anterioare nu ar fi creat perspectivă, dar totuși, să îmbunătățim puțin efectul de perspectivă, pentru a face acest lucru, utilizați instrumentul Transformare gratuită, țineți apăsate tastele Shift+Ctrl+Alt și coborâți colțul din stânga sus în jos. Deoarece tastele sunt ținute apăsate, colțul opus al imaginii se va deplasa în direcția opusă:

Când transformarea este completă, apăsați Enter. Iată cu ce am ajuns:

Ei bine, efectul final este adăugarea unui stil de strat „Umbra interioară” la mască pentru a adăuga volum imaginii. Puteți vedea parametrii stilului stratului în fișierul PSD finit, realizat folosind materialele din această lecție, care pot fi descărcate din linkurile din partea de jos a paginii.

Cu asta am ajuns:

Bună ziua, dragi cititori ai blogului. Articolul de astăzi va fi dedicat pregătirii fișierelor grafice în Photoshop () pentru publicare pe site-ul web. Am cel mai des și apoi am procesat (mai ales în).

Această publicație este neobișnuită, deoarece partea principală a fost scrisă de iubita și iubita mea soție, care, de fapt, pregătește fotografii pentru proiectul meu și al ei.

Eu însumi nu mă pricep la Photoshop sau nici măcar la versiunea sa online simplificată (mă mulțumesc cu capacitățile editorului încorporat), așa că a trebuit să apelez la iubita mea soție cu o solicitare pentru a descrie procesul de pregătire a fotografiilor mele cu toate nuanțele și subtilitățile.

Crearea unei imagini pentru un site web în Photoshop

În fereastra care se deschide, în stânga, vor fi afișate două versiuni ale imaginii noastre create: în partea de sus este versiunea originală, iar mai jos este ceea ce vom ajunge la optimizarea pentru Web. Prin modificarea setărilor de salvare, folosind opțiunea inferioară, putem obține o deteriorare a calității imaginii rezultate.

Aici puteti experimenta cu formatele in care vor fi salvate grafica pentru site (vezi articolul despre ele mai sus), calitatea sau cantitatea de culori folosite in imaginea finala. Scopul nostru este de a obține o greutate minimă cu o degradare minimă a calității imaginii. În general, găsiți o cale de mijloc.

Cum să inserați o imagine creată pe un site web

Ei bine, iată o imagine optimizată pentru Web, pe care am creat-o folosind editorul Photoshop sau Pixlr online gratuit. Acum această imagine trebuie să fie inserată cumva în site. De obicei, editorii vizuali ai motorului cu care lucrați sunt utilizați în aceste scopuri.

În acest caz, fișierul grafic este încărcat pe site folosind instrumentele editorului vizual. Destul de convenabil și simplu. Dar din anumite motive am preferat întotdeauna o metodă diferită de inserare. În primul rând, mă conectez la site prin FTP folosind clientul meu FTP preferat FileZilla, descris în detaliu.

Încarc un fișier grafic pe site în folderul desemnat pentru aceasta, iar apoi introduc în textul articolului o ștampilă pregătită cu eticheta Img și spații libere deja scrise pentru atribute, precum și pentru poziționarea ulterioară a acestuia sau orice alt design.

10.png" />

Pentru clasa img_center1 din fișierul meu de stil (din folderul cu tema curentă WordPress) este scrisă următoarea regulă:

Personal, scriu articole în WordPress folosind doar un editor HTML, în care, pentru comoditate, am adăugat butoane care vă permit să inserați rapid ștampile în text:

În acest fel, puteți insera foarte rapid fotografii pe blogul dvs. Butoane suplimentare pot fi adăugate la editorul HTML utilizând pluginul Butoane pentru editorul de articole. Într-o zi, voi descrie în detaliu cum să lucrați cu el, dar deocamdată puteți încerca să vă dați seama singur, mai ales că nu este nimic complicat acolo.

Mult succes pentru tine! Ne vedem curând pe paginile site-ului blogului

Puteți viziona mai multe videoclipuri accesând

S-ar putea să fiți interesat

De unde puteți descărca gratuit Photoshop - cum să obțineți și să activați gratuit PhotoShop CS2 de pe site-ul oficial Adobe
Cum să obțineți un site web rapid - optimizarea (comprimarea) imaginilor și scripturilor, precum și reducerea numărului de solicitări Http
Crearea de sprite-uri CSS în generatorul online Sprites Me pentru a reduce numărul de solicitări către server
Cum să faceți o captură de ecran utilizând Print Screen și programul de captură de ecran Snagit, setările și capacitățile acestuia