Cum sa realizezi imagini transparente (cu bakground transparent) in Photoshop CS4 sau CS3

January 4, 2010 by Catalin B.
No Comments

Acest tutorial Photoshop descrie modalitatea prin care pot fi obtinute imagini transparente, adica imagini ce au un bakground (fundal) transparent. Aceste tipuri de imagini sunt utilizate in realizarea de componenten (butoane, bannere, logo-uri) pentru site-uri Web sau alte productii mutimedia deoarece permit o combinare usoare a acestora tipuri de imagini cu alte elemente vizuale.

Trebuie retinut ca nu toate formatele de stocare digitala a imaginilor permit utilizarea unui background transparent. Dintre formatele cunoscute si des utilizate doar:

  • Graphics Interchange Format (GIF)
  • Portable Network Graphics (PNG)

permit salvarea unui fundal transparent. Acest lucru trebuie avut in vedere la salvarea imaginii rezultate.

1. Se dechide un nou proiect in Adobe Photoshop CS4 sau CS3 alegand File -> New din meniul aplicatiei. Din acest moment se poate decide daca imaginea are background (fundal) transparent alegand Transparent pentru optiunea Background Contents. Pentru GIF-uri nu se alege o adancime a culorii mai mare de 16 biti.

New Image with Transparent Background in Photoshop CS3

2. Daca proiectul initial nu a fost realizat cu background transparent sau la un moment dat, prin editare, s-a adaugat un layer de tip Fill (Solid coor, Gradient, Pattern) sau Adjustment (Hue/Saturation, Lvels, Black & White) atunci layer-ul care contine imaginea trebuie sa fie unul simplu (daca se foloseste optiunea Layer -> New -> Layer din meniul aplicatiei sau butonul Create a new layer din subsolul ferestrei Layers, se creeaza implicit un layer cu fundal transparent)

3. Se ascunde sau se sterge layer-ul cu background, astfel incat rezultatul sa aiba fundal transparent (indicat prin zona cu patrate albe-gri)

Image with Transparent Background in Photoshop CS3 / CS4
Image with Transparent Background in Photoshop CS3 / CS4

4. Imaginea se salveaza in format GIF sau PNG utilizand File -> Save for Web & Devices avand bifata optiunea Transparency

Save for Web & Devices option in Photoshop CS3 / CS4

O imagine cu background transparent este (poate fi salvata cu click-dreapta si Save Image As… in Firefox sau Save Picture As… in Internet Explorer):

Image with Transparent Background
Image with Transparent Background

5. Imaginea poate fi utilizata intr-un site Web sau poate fi importata in Flash prin Drag & Drop sau prin File -> Import -> Import To Stage din meniul aplicatiei Fash CS4

Tags: , ,