Home
» Wiki
»
Jak utworzyć obramowanie cienia w programie Photoshop
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:
Oryginalny obraz otwarty w programie Photoshop
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:
Panel Warstwy programu Photoshop wyświetla obraz na warstwie Tło.
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:
Odblokuj warstwę tła.
Program Photoshop zmienia nazwę warstwy z Tło na Warstwa 0, a ikona kłódki znika:
Aby utworzyć obramowanie obrazu, użyjemy warstwy wypełnienia Jednolity kolor.
Kliknij ikonę Nowa warstwa wypełnienia lub dopasowania u dołu panelu Warstwy:
Kliknij ikonę Nowa warstwa wypełnienia lub dopasowania.
Następnie wybierz opcję Kolor jednolity z listy:
Dodaj warstwę wypełnienia jednolitym kolorem.
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 :
Wybierz kolor biały jako kolor obramowania obrazu z palety kolorów programu Photoshop
Wracając do dokumentu, biel z warstwy wypełnienia tymczasowo blokuje widok obrazu:
Wynik po dodaniu warstwy wypełnienia w jednolitym kolorze.
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:
Przeciągnij warstwę wypełnienia jednolitym kolorem pod obraz na panelu Warstwy programu Photoshop
Zwolnij przycisk myszy, aby umieścić ją na miejscu:
Panel Warstwy programu Photoshop wyświetla warstwę wypełnienia jednolitym kolorem znajdującą się pod obrazem.
A teraz wróćmy do oglądania obrazka, z ukrytą za nim warstwą wypełnienia:
Obraz zostanie ponownie wyświetlony w dokumencie programu Photoshop.
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 :
Wybierz polecenie Rozmiar płótna z menu Obraz w programie Photoshop.
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:
Wybierz opcję Względne i pole Kotwica na środku w oknie dialogowym Rozmiar Canva w programie Photoshop
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 :
Wprowadź wymiary obramowania obrazu w polach Szerokość i Wysokość w oknie dialogowym 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:
Po dodaniu obszaru roboczego w programie Photoshop pojawia się obramowanie obrazu
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 :
Wybierz polecenie Dopasuj do ekranu z menu Widok programu Photoshop.
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 :
Wybierz polecenie Cofnij rozmiar płótna z menu Edycja w programie Photoshop.
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 :
Ponownie wybierz polecenie Rozmiar płótna z menu Obraz w programie Photoshop
Krok 7: Wybierz warstwę obrazu
Dodaliśmy obramowanie, teraz musimy dodać cień. Na panelu Warstwy kliknij warstwę obrazu, aby ją zaznaczyć:
Wybierz warstwę obrazu na panelu Warstwy programu Photoshop
Krok 8: Dodaj efekt cienia
Następnie kliknij ikonę fx na dole:
Kliknij ikonę efektów warstwy w panelu Warstwy programu Photoshop
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, odległości i rozmiaru dla cienia rzucanego w oknie dialogowym Styl warstwy programu Photoshop
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:
Przeciągnij cień, aby ustawić kąt i odległość.
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:
Wprowadź wartości kąta i odległości w oknie dialogowym.
Oto dotychczasowe wyniki:
Wynik po ustawieniu kąta i odległości cienia.
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:
Ustaw wartość Rozmiar dla Cienia.
A oto efekt końcowy, teraz z łagodniejszymi krawędziami:
Wynik uzyskany po zwiększeniu wartości rozmiaru cienia rzuconego w celu zmiękczenia krawędzi.
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%:
Rozjaśnij cień poprzez obniżenie wartości Krycia.
Gdy będziesz zadowolony z rezultatów, kliknij przycisk OK , aby zamknąć okno dialogowe Styl warstwy :
Zamknij okno dialogowe Styl warstwy w programie Photoshop.
A oto efekt po zmniejszeniu krycia cienia:
Oryginalny efekt obramowania 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:
Kliknij dwukrotnie próbkę koloru warstwy wypełnienia Jednolity kolor.
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:
Przykładowy kolor obramowania z obrazka.
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:
Wyniki uzyskane przy użyciu niestandardowego koloru obramowania zdjęcia w programie Photoshop.
Krok 12: Otwórz ponownie ustawienia Drop Shadow
Następnie, aby wybrać nowy kolor cienia, kliknij dwukrotnie efekt warstwy Cień poniżej warstwy obrazu:
Otwórz ponownie efekt warstwy Cień rzucony w panelu Warstwy programu Photoshop
W oknie dialogowym Styl warstwy kliknij próbkę koloru cienia:
Kliknij próbkę koloru Cienia rzuconego w oknie dialogowym Styl warstwy programu Photoshop
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:
Pobiera próbkę koloru z obrazu, która będzie używana jako kolor cienia.
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ć:
Zwiększa nasycenie i zmniejsza jasność próbkowanego koloru.
Kliknij OK , aby zamknąć Selektor kolorów i gotowe! Oto końcowy efekt uzyskany przy użyciu niestandardowej ramki i nowego koloru cienia:
Obramowania i cienie obrazu korzystają z niestandardowych kolorów obrazu.
Samouczek wideo na temat tworzenia obramowania cienia w programie Photoshop