Maj
15
2014

Eksport warstw z .psd

Tworząc projekt w Photoshop’ie np.: szablon strony internetowej, makietę przycisku flash normalną rzeczą jest to, iż często te nasze projekty zawierają dużą ilość osobnych warstw. Przychodzi jednak moment, gdy zaakceptowany projekt trzeba przerobić na kilka, kilkanaście nawet osobnych plików np.: .jpg, czy .png, gdzie będą znajdować się osobno zapisane warstwy.

fordanserki

Istnieje do tego bardzo prosta, a za razem przydatna funkcja, którą można znaleźć w górnej zakładce plik -> skrypty -> eksportuj warstwy do plików.

1

W wersji CC Photoshopa jest to narzędzie bardziej rozbudowane. Mamy do dyspozycji różne formaty i podstawowe funkcje eksportu, których nie trzeba szczegółowo omawiać. Możemy wybrać sobie ścieżkę, gdzie nowe warstwy (pliki) będą zapisywane.

2

Prefiks nazwy pliku to oczywiście nic innego jak przedrostek w nazwie np.: jak wpiszemy tam słowo „przycisk”, to wszystkie nowe warstwy będą nazywać się: „przycisk_tlo”, „przycisk_napis” itp. Warto jest przed eksportem warstw nazwać je w Photoshopie, aby później móc je lepiej zdefiniować w innym programie.

—————————————————————————————————–

Zobacz kurs Photoshop dla web designera -> TUTAJ

—————————————————————————————————–

Ja w moim projekcie na potrzeby ćwiczenia spłaszczyłem trzy warstwy (górę, stopkę i tło). Oczywiście nie powinno się tego robić, gdy zależy nam na wszystkich warstwach osobno, ale proces zapisywania 100 warstw jest dłuższy niż 3, a chodzi tylko o demonstrację.

Wybrałem ścieżkę dostępu, zmieniłem prefiks i naddałem rozszerzenie plików .png-24 z przezroczystością:

4

Wskazane jest nie robienie niczego innego w programie do czasu finalizacji procesu. Po skokach i przeskokach jakie towarzyszą zapisywaniu warstw otrzymujemy pozytywny komunikat:

3

Moje warstwy zapisały się tak jak chciałem:

5

Każda osobno, każda w wybranym formacie gotowa do np.: umieszczania w kodzie html/css.

—————————————————————————————————–

Zobacz kurs Photoshop kodowanie HTML & CSS -> TUTAJ

—————————————————————————————————–

Jest jeszcze jedna rzecz, na którą warto zwrócić uwagę. Mianowicie różnica pomiędzy formatami .png-8 i .png-24. Png-8 jest lżejszym formatem, ale jego przeźroczystość jest zero-jedynkowa, tzn albo jest albo jej nie ma. W praktyce oznacza to iż każde półprzezroczyste gradieny zostaną zapisane jako zero – tło bez przezroczystości. Aby zapisać warstwy, gdzie wykorzystywana jest półprzezroczystość i nie martwić się o tło, zapisujemy nasze .png w formacie 24. Wiąże się to z większą wagą pliku – ale w końcu coś za coś.


Podobne wpisy

O autorze: Mariusz Strząbała

Jego pasje to grafika komputerowa, fotografia i siatkówka. Obecnie zajmuje się przygotowaniem do druku materiałów reklamowych, projektowaniem pełnego pakietu indywidualnego dla firm, np.: projekty wizytówek, ulotek, plakatów, logotypów, stron www.

Zostaw komentarz

Musisz być zalogowany aby dodać komentarz.

Polecane

Kategorie