Warstwy w programach graficznych

Warstwa - photoshop, gimp

pasek palet photoshop, warstwy

W tym artykule opiszę jak wykorzystać warstwy w programach graficznych (photoshop, gimp). Paletę warstwy (leyers) w photoshop wywołujemy z zakładki OKNO (WINDOW), z bocznego paska tak jak na naszej ilustracji po prawej stronie lub klawiszem F7. W programie GIMP wchodzimy w zakładkę OKNA/DOKOWANE OKNA DIALOGOWE/WARSTWY bądź po prostu Ctrl+L. Podstawowe funkcje na palecie wyglądają tak:

 

paleta warstw photoshoppaleta warstw gimp

paleta warstw photoshop                            paleta warstw GIMP

PHOTOSHOP

Jeśli otworzymy plik ze zdjęciem CTRL+O lub utworzymy nowy dokument CTRL+N widzimy na palecie warstw jedną podstawową warstwę TŁO (BACKGROUND)

paleta warstw photoshop

Stwórzmy nową warstwę wciskając na palecie druga ikonę od prawej strony lub korzystając ze skrótu klawiaturowego CTRL+SHIFT+N. Powstała warstwa z charakterystyczną szachownicą, która informuje o jej przezroczystości, czyli braku pikseli. Dopiero, kiedy np. użyjemy pędzla i koloru malując na niej powstaje obraz.Niebieski kolor paska warstwy informuje nas, że to właśnie ta warstwa jest aktywna i wszelkie zmiany dokonywane są na niej. Ikona oka z lewej strony pozwala ukryć warstwę by była niewidoczna.

paleta warstw photoshop

Dziwacznie, ale narysuję kwiatek na pięciu warstwach. Oddzielna warstwa dla środka i cztery dla płatków. Każdą z tych warstw możemy oddzielnie edytować np. zmieniać kolor, gęstość.

paleta warstw photoshop

paleta warstw photoshop, warstwa aktywna

paleta warstw photoshop, ukryte warstwy

Kopiując zdjęcie na dokument lub inne zdjęcie automatycznie tworzymy warstwę. Zdjęcie, które chcemy przekopiować zaznaczmy w całości np. skrótem CTRL+A, później kopiujemy CTRL+C a następnie przechodzimy na nowe zdjęcie/dokument i wstawiamy CTRL+V.

paleta warstw photoshop, warstwa aktywna

Nową warstwę możemy skopiować i powstaną dwie identyczne warstwy CTRL+J. Ustawiamy warstwy względem siebie narzędziem PRZESUNIĘCIE/MOVE skrót klawiaturowy V. Otrzymujemy coś takiego:

paleta warstw photoshop, warstwa aktywna

Style warstwy - przycisk na stronę internetową

Znajdziecie je z lewej strony na dolnym pasku palety warstw. Nie będę się o nich rozpisywać tylko przedstawię ich działanie na przykładzie. Stworzymy przycisk, który można wykorzystać na stronę internetową.

style warstwy

1. Tworzymy nowy dokument CTR+N o rozmiarach 200x100 piksele. ZAWARTOŚĆ TŁA wybieramy KOLOR TŁA. Wcześniej został ustawiony na niebieski. Klikamy na górny kwadrat, otwiera się paleta koloru wybieramy ten, którym jesteśmy zainteresowani. Po zatwierdzeniu wybrany kolor ustawił się przy górnym kwadracie czyli kolor narzędzia, klawiszem X bądź połokrągłą strzałką zamieniamy miejscamy kwadraty i otrzymujemy żądany kolor w pozycji Kolor tła

paleta warstw photoshop, warstwa aktywna

style warstwy

style warstwy

2. Utworzony dokument ma jedną podstawową warstwę tło w wybranym niebieskim kolorze. Przygotowujemy kolejną warstwę CTL+SHIFT+N i na niej narzędziem ZAZNACZENIE PROSTOKĄTNE (skrót M) wykreślamy prostokąt. KOLOR NARZĘDZIA ustawiamy na biały (np.wciskamy klawisz D a następnie X) i używając wiadra (G) wylewamy biały kolor przycisku

style warstwy

style warstwy

style warstwy

3. Obszar przycisku jest zdefiniowany na warstwie 1, teraz przejdziemy do styli warstwy, które są tematem ćwiczenia. Wciskamy przycisk na palecie warstw tak jak pokazuje górna ilustracja, rozwinie się lista tak jak widzimy poniżej. Pierwszy styl jaki wybierzemy to
faza i płaskorzeźba Otwiera się okno ze wszystkimi stylami i z ustawieniami, które stosujemy dowolnie. Jak widać na podglądzie nasz biały prostokąt stał się trójwymiarowy, wypukły i dużo ciekawszy.

style warstwy

style warstwy

Do fazy i płaskorzeźby... dodajmy kolejny styl cień wewnętrzny... Można tych styli łączyń wiele, ja narazie poprzestanę na tych dwóch.

style warstwy

4. Dzięki stylom warstwy , przycisk jest atrakcyjniejszy. Teraz utworzymy nową warstwę, tym razem tekstową. Z paska narzędzi wybieramy ikonę z literą T, automatycznie powstaje nowa warstwa. Na górnym pasku narzędzia dobieramy odpowiednie parametry i tworzymy napis. Ponownie na panelu warstw wybieramy style , a konkretnie cień. Możemy ustawić np. kąt padania cienia, odległość, zasięg i rozmiar.

style warstwy

style warstwy

style warstwy

style warstwy

Połączymy teraz warstwę tekstową przycisk z warstwa 1 w tym celu, mając aktywną warstwę tekstową wchodzimy w zakładkę WARSTWA/SCAL W DÓŁ skrót CTRL+E

5. Wypełnione na niebiesko tło nie jest już nam potrzebne. Oczywiście tworząc dokument mogłam ustawić tło na przezroczystość, ale trzeba Wam trochę utrudnić życie żebyście nabierali wprawy pracując z warstwami. Przechodzimy, zatem na warstwę tła klikamy dwukrotnie, pokaże się okno Nowa warstwa, zatwierdzamy i tło jest już warstwą, którą możemy np. usunąć przez przeciągniecie jej do kosza, który znajduje się w prawym dolnym rogu palety warstw

style warstwy

6. Teraz przycisk to jedna warstwa z przezroczystym tłem, o czym informuje nas szaro-biała szachownica wokół przycisku. Tak przygotowany plik możemy zapisać jako gif bądź, png, które zachowują przezroczystość (jpg nie zachowuje przezroczystości). Wchodzimy w zakładkę /ZAPISZ DLA INTERNETU I URZĄDZEŃ….. lub skrót ALT+SHIF+CTRL+S.Tak jak na ilustracji poniżej wybieramy z listy gif, zaznaczmy przezroczystość i zapisujemy gotowy plik.

style warstwy

Gotowy przycisk wyglada tak:

style warstwy

Ćwiczenia z zastosowaniem warstw:

  1. Zdjęcie retro - sepia, ramka
  2. Retusz twarzy
  3. Maska warstwy - czarno - Kolorowe zdjęcie z elementami czarno-białymi
  4. Pocztówka, zaproszenie w photoshop

 

1 Votes left

Programy

Chcę poznać możliwości porogramu

27

Votes

GIMP
Vote
44

Votes

Adobe Photoshop
Vote
36

Votes

Adobe Lightroom
Vote

jVoteSystem developed and designed by www.joomess.de.

Udostępnij :

© Aidifoto - Kilka słów o fotografii | Design by: LernVid.com