Jak utworzyć obramowanie cienia w programie Photoshop

W tym samouczku dowiesz się, jak dodać przestrzeń na płótnie i cień do zdjęcia w programie Photoshop, aby utworzyć prostą, a jednocześnie stylową ramkę do zdjęcia. Zacznijmy od stworzenia podstawowego efektu za pomocą białego konturu i czarnego cienia. W tym samouczku dowiesz się, jak dostosować efekt, wybierając kolory obramowania i cienie bezpośrednio ze zdjęcia.

Krok 1: Otwórz obraz w programie Photoshop

Zacznij od otwarcia zdjęcia. W przykładzie wykorzystamy ten obraz z Adobe Stock:

Krok 2: Odblokuj warstwę tła

Na panelu Warstwy obraz pojawia się na warstwie Tło. W tym momencie warstwa tła jest zablokowana, o czym informuje ikona kłódki po prawej stronie nazwy warstwy:

Aby utworzyć obramowanie wokół obrazu, musimy dodać nową warstwę pod obrazem. Ale nie możemy tego zrobić, gdy warstwa tła jest zablokowana. Aby odblokować, kliknij ikonę kłódki.

Jeśli używasz starszej wersji programu Photoshop i kliknięcie ikony kłódki nie działa, naciśnij i przytrzymaj klawisz Alt (Win) / Option (Mac) na klawiaturze i kliknij dwukrotnie ikonę kłódki:

Program Photoshop zmienia nazwę warstwy z Tło na Warstwa 0, a ikona kłódki znika:

Krok 3: Dodaj warstwę wypełnienia jednolitym kolorem

Aby utworzyć obramowanie obrazu, użyjemy warstwy wypełnienia Jednolity kolor.

Kliknij ikonę Nowa warstwa wypełnienia lub dopasowania  u dołu panelu Warstwy:

Następnie wybierz opcję Kolor jednolity z listy:

Następnie w Selektorze kolorów wybierz kolor biały, ustawiając wartości R, G i B na 255. Na razie użyjemy bieli jako koloru obramowania, później pokażemy, jak go zmienić. Po zakończeniu kliknij przycisk OK :

Wracając do dokumentu, biel z warstwy wypełnienia tymczasowo blokuje widok obrazu:

Krok 4: Przesuń warstwę wypełnienia pod obraz

Aby to naprawić, kliknij warstwę wypełnienia jednolitym kolorem w panelu Warstwy i przeciągnij ją pod obraz:

Zwolnij przycisk myszy, aby umieścić ją na miejscu:

A teraz wróćmy do oglądania obrazka, z ukrytą za nim warstwą wypełnienia:

Krok 5: Otwórz okno dialogowe Rozmiar płótna

Następnie musimy dodać więcej miejsca na płótnie wokół obrazu. Dodatkowa przestrzeń stanie się obramowaniem. Ponieważ chcemy, aby rozmiar obramowania był taki sam ze wszystkich czterech stron, najlepszym sposobem na osiągnięcie tego będzie użycie polecenia Rozmiar płótna w programie Photoshop.

Przejdź do menu Obraz na pasku menu i wybierz Rozmiar płótna :

Krok 6: Zwiększ szerokość i wysokość płótna

W oknie dialogowym Rozmiar płótna kliknij opcję Względny . Ta opcja powoduje, że program Photoshop rozpoczyna pracę od bieżącego rozmiaru obszaru roboczego, a wartości wprowadzone dla szerokości i wysokości zostaną do niego dodane.

W siatce zakotwiczenia upewnij się, że zaznaczone jest środkowe pole, dzięki czemu dodatkowe odstępy zostaną dodane równomiernie u góry, u dołu, po lewej i po prawej stronie:

Następnie wprowadź wymiary obramowania w polach Szerokość i Wysokość. Ale pamiętaj, że wprowadzone przez Ciebie wartości zostaną równo podzielone pomiędzy obie strony. Przykładowo, wprowadzenie 2 cali w polu Szerokość spowoduje utworzenie obramowania o szerokości 1 cala po lewej i prawej stronie zdjęcia. Wpisanie 2 cali w polu Wysokość spowoduje utworzenie obramowania o szerokości 1 cala u góry i u dołu.

W przypadku przykładowego obrazu, 1-calowa ramka byłaby odrobinę za szeroka. Fajnie by było, gdyby obramowanie miało szerokość 3/4 cala. Aby dodać obramowanie o szerokości 3/4 cala po lewej i prawej stronie zdjęcia, należy ustawić szerokość na dwukrotność tej wartości, czyli 1,5 cala. Aby zachować ten sam rozmiar obramowania w każdym miejscu, wysokość należy ustawić na 1,5 cala.

Po zakończeniu kliknij przycisk OK , aby zamknąć okno dialogowe Rozmiar płótna :

Program Photoshop dodaje dodatkową przestrzeń wokół obrazu, tworząc obramowanie zdjęcia. Mimo że dodatkowa przestrzeń jest w rzeczywistości przezroczysta, wydaje się biała, ponieważ warstwa wypełnienia jednolitym kolorem znajdująca się pod obrazem jest przez nią widoczna:

Jak dostosować obramowania obrazu na ekranie

Jeśli ramka jest za duża, aby zmieścić się na ekranie, przejdź do menu Widok na pasku menu i wybierz opcję Dopasuj do ekranu :

Jak zmienić rozmiar obramowania

Wadą polecenia Rozmiar płótna w programie Photoshop jest brak możliwości podglądu nowego rozmiaru przed jego zaakceptowaniem. Jeśli więc obramowanie jest zbyt szerokie lub zbyt wąskie, przejdź do menu Edycja i wybierz opcję Cofnij rozmiar płótna :

Następnie wróć do menu Obraz , wróć do Rozmiaru płótna i spróbuj ponownie, podając inne wartości Szerokości i Wysokości :

Krok 7: Wybierz warstwę obrazu

Dodaliśmy obramowanie, teraz musimy dodać cień. Na panelu Warstwy kliknij warstwę obrazu, aby ją zaznaczyć:

Krok 8: Dodaj efekt cienia

Następnie kliknij ikonę fx na dole:

Następnie wybierz opcję Cień rzucony z listy:

Krok 9: Dostosuj ustawienia cienia rzucanego

Opcje cienia rzuconego otwierają się w oknie dialogowym Styl warstwy w programie Photoshop. A trzy główne opcje to Kąt, Odległość i Rozmiar . Kąt kontroluje kierunek źródła światła, odległość określa, jak daleko cień sięga od obiektu, a rozmiar kontroluje miękkość krawędzi cienia:

Opcje kąta i odległości

Najszybszym sposobem ustawienia kąta i odległości cienia jest po prostu kliknięcie wewnątrz dokumentu, przytrzymanie przycisku myszy i przeciągnięcie cienia w odpowiednie miejsce. Podczas przeciągania wartości Kąta i Odległości w oknie dialogowym będą się zmieniać.

Tutaj przykładem jest przeciągnięcie cienia w dół i w prawo:

Możesz też wprowadzić konkretne wartości kąta i odległości. W tym przykładzie kąt zostanie ustawiony na 135 stopni, a odległość na 80 px. Wartości, których potrzebujesz, zwłaszcza Odległość i Rozmiar, będą zależeć od Twojego obrazu:

Oto dotychczasowe wyniki:

Opcje rozmiaru

Następnie zwiększ wartość Rozmiar, aby zmiękczyć krawędzie cienia. W tym przykładzie wartość zostanie ustawiona na 60 px, ale to również będzie zależało od obrazu:

A oto efekt końcowy, teraz z łagodniejszymi krawędziami:

Opcja krycia

Intensywność cienia można również dostosować suwakiem Krycie. Wyższe wartości krycia przyciemnią cień, a niższe wartości rozjaśnią go. Przykład obniży wartość o 30%:

Gdy będziesz zadowolony z rezultatów, kliknij przycisk OK , aby zamknąć okno dialogowe Styl warstwy :

A oto efekt po zmniejszeniu krycia cienia:

Jak dostosować kolor obramowania i cień

W tym momencie główny efekt jest kompletny. Dodaliśmy obramowanie wokół obrazu i cień za obrazem. Zamiast jednak stosować białą ramkę i czarny cień, możemy dostosować efekt, wybierając kolory bezpośrednio ze zdjęcia. Oto jak to zrobić.

Krok 10: Kliknij dwukrotnie próbkę koloru warstwy wypełnienia

Aby zmienić kolor obramowania, kliknij dwukrotnie próbkę koloru warstwy wypełnienia w panelu Warstwy:

Krok 11: Pobierz próbkę nowego koloru obramowania z obrazu

Spowoduje to ponowne otwarcie palety kolorów. Zamiast wybierać nowy kolor z Palety kolorów, przesuń kursor myszy nad obraz i kliknij kolor, aby go pobrać.

Przykładem może być kliknięcie w ramię kobiety:

Kolor, który pobierzesz, natychmiast staje się nowym kolorem konturu. Możesz klikać w różnych obszarach obrazu, aby znaleźć najlepiej dopasowane kolory. Po zakończeniu kliknij przycisk OK , aby zamknąć Selektor kolorów.

Oto wynik po ustawieniu obramowania na nowy kolor:

Krok 12: Otwórz ponownie ustawienia Drop Shadow

Następnie, aby wybrać nowy kolor cienia, kliknij dwukrotnie efekt warstwy Cień poniżej warstwy obrazu:

W oknie dialogowym Styl warstwy kliknij próbkę koloru cienia:

Krok 13: Pobierz próbkę nowego koloru cienia z obrazu

Po otwarciu narzędzia do wybierania kolorów przesuń kursor myszy nad obraz i kliknij kolor, aby go pobrać. Przykładem może być kliknięcie w ramię kobiety:

Krok 14: Dostosuj jasność i nasycenie koloru

Kolor cienia powinien być ciemny i bardzo nasycony. Dlatego przed zamknięciem Selektora kolorów zwiększ wartość Nasycenia (S) koloru do 100% lub wartości zbliżonej do tej liczby.

Następnie przyciemnij kolor zmniejszając wartość Jasności (B) koloru. Przykład zmniejszy wartość do 30%, dzięki czemu cień nie będzie wyglądał zbyt ciemno, ale w zależności od obrazu możesz chcieć go jeszcze bardziej przyciemnić:

Kliknij OK , aby zamknąć Selektor kolorów i gotowe! Oto końcowy efekt uzyskany przy użyciu niestandardowej ramki i nowego koloru cienia:

Samouczek wideo na temat tworzenia obramowania cienia w programie Photoshop