Home
» Wiki
»
Jak tworzyć obrazy o zaokrąglonych rogach w programie Photoshop
Jak tworzyć obrazy o zaokrąglonych rogach w programie Photoshop
W tym samouczku dowiesz się, jak najlepiej zaokrąglać rogi obrazów przy użyciu programu Photoshop. W artykule dowiesz się także, jak dodać obramowanie do zdjęcia po zaokrągleniu rogów. I wreszcie najważniejszy krok, czyli jak zapisać wynik z zachowaniem przezroczystości w rogach.
Po otwarciu obrazu w programie Photoshop przejdź do panelu Warstwy, gdzie na warstwie Tło znajduje się obraz.
Kliknij ikonę kłódki warstwy, aby ją odblokować. Program Photoshop zmieni nazwę warstwy na Warstwa 0, a ikona kłódki zniknie.
Odblokuj warstwę tła.
Krok 2: Wybierz narzędzie Prostokąt
Na pasku narzędzi wybierz narzędzie Prostokąt.
Jeśli dostępne jest inne narzędzie do kształtowania, kliknij i przytrzymaj ikonę tego narzędzia, a następnie wybierz narzędzie Prostokąt z listy.
Wybierz narzędzie Prostokąt z paska narzędzi w programie Photoshop
Krok 3: Ustaw opcje kształtu
Na pasku opcji kliknij próbkę Kolor obrysu.
Wybierz kolor obrysu na pasku opcji w programie Photoshop
Ustaw kolor na Brak , aby nie wyświetlać obrysu.
Następnie naciśnij Enter ( Return na Macu), aby zamknąć opcje kolorów.
Wybierz opcję Brak dla koloru obrysu.
Po lewej stronie koloru obrysu znajduje się próbka koloru wypełnienia .
Kształt może mieć dowolny kolor, dlatego w tym przykładzie pozostawimy go czarnym (domyślny kolor kształtu).
Wybierz kolor wypełnienia.
Na pasku opcji znajduje się również opcja Promień narożnika, w której można wprowadzić wymiary narożników przed narysowaniem kształtu.
Na razie zostaw wartość 0, ponieważ zaokrąglimy rogi po narysowaniu kształtu.
Opcja Promień narożnika dla narzędzia Prostokąt w programie Photoshop
Krok 4: Narysuj prostokąt
Kliknij i przytrzymaj dokument, a następnie przeciągnij kształt poza niego. Nie przejmuj się rozmiarem ani położeniem kształtu, bo zmienimy je później.
Narysuj początkowy kształt.
Na panelu Warstwy kształt pojawi się na osobnej warstwie kształtu nad obrazem.
Nowa warstwa kształtu w panelu Warstwy.
Krok 5: Wyśrodkuj i zmień rozmiar kształtu
Przed zmianą rozmiaru kształtu należy wyśrodkować go na płótnie.
Na pasku opcji kliknij ikonę Wyrównanie ścieżki .
Ikona wyrównania ścieżki na pasku opcji.
Zmień opcję Wyrównaj do z Zaznaczenie na Płótno .
Opcja Wyrównaj do jest ustawiona na Płótno.
Kliknij ikony Wyrównaj środki w poziomie i Wyrównaj środki w pionie .
Następnie kliknij w dowolnym miejscu paska opcji, aby zamknąć okno.
Ikony Wyrównaj środki w poziomie i Wyrównaj środki w pionie.
Teraz kształt jest wyśrodkowany. Możesz zmienić rozmiar obiektu od środka, przytrzymując klawisz Alt na komputerze z systemem Windows lub klawisz Option na komputerze Mac i przeciągając dowolny uchwyt przekształcania.
Zmienia rozmiar kształtu od jego środka.
Krok 6: Zaokrągl rogi kształtu
Zwróć uwagę na małe kółka na każdym rogu kształtu. Oto elementy sterujące promieniem narożnika .
Kontrolka Promień narożnika znajduje się w lewym górnym rogu kształtu.
Aby zaokrąglić rogi, po prostu przeciągnij jedno z kół.
Przeciągnij okrąg, aby zaokrąglić rogi.
Wszystkie cztery rogi kształtu są zaokrąglone w tym samym stopniu.
Przeciągnięcie okręgu spowoduje zaokrąglenie wszystkich rogów na raz.
Zaokrąglone rogi z panelu Właściwości
Innym sposobem zaokrąglania rogów jest skorzystanie z panelu Właściwości. Druga metoda jest przydatna, gdy znasz dokładną wartość promienia, której potrzebujesz.
W panelu Właściwości przejdź do opcji Promień narożnika . Aby je znaleźć, konieczne może być przewinięcie strony w dół.
Tutaj możesz wprowadzić wartości kątów w lewym górnym, prawym górnym, prawym dolnym i lewym dolnym rogu kształtu.
Opcje promienia narożnika w panelu Właściwości.
Aby ustawić promień dla wszystkich czterech narożników jednocześnie, najpierw upewnij się, że ikona łącza jest zaznaczona.
Ikona łącza.
Następnie wprowadź wartość do dowolnej komórki. Na przykład w lewym górnym rogu wprowadzimy 800 px.
Wprowadź wartość promienia jednego z narożników.
Naciśnij Enter ( Return na Macu), aby zaakceptować i ustawić tę wartość dla wszystkich 4 rogów.
Teraz wszystkie cztery rogi mają tę samą wartość promienia.
Jak zaokrąglić róg oddzielnie od pozostałych
Oprócz zaokrąglania wszystkich czterech rogów jednocześnie, możesz zaokrąglić każdy róg osobno.
Najłatwiejszym sposobem jest przytrzymanie klawisza Alt na komputerze z systemem Windows lub klawisza Option na komputerze Mac, a następnie przeciągnięcie okręgu, aby uzyskać kąt, który chcesz dostosować.
Jeśli więc chcesz, aby prawy górny róg był spiczasty, a pozostałe rogi pozostały zaokrąglone, możesz przytrzymać klawisz Alt (Win) / Option (Mac) i przeciągnąć okrąg tego rogu z powrotem do jego pierwotnej pozycji.
Zaokrągla jeden róg kształtu niezależnie od pozostałych rogów.
Przytrzymaj klawisz Alt (Win) / Option (Mac), aby przeciągnąć okrąg bez wpływu na pozostałe rogi.
I teraz mamy jeden ostry kąt (w prawym górnym rogu) i trzy zaokrąglone rogi.
Wyniki po osobnej regulacji jednego kąta.
Innym sposobem indywidualnej regulacji narożnika jest skorzystanie z opcji Promień narożnika w panelu Właściwości.
Najpierw należy rozłączyć narożniki, odznaczając ikonę łącza.
Odłącz rogi.
Następnie wprowadź wartość promienia narożnika. Jeśli więc chcesz, aby lewy dolny róg również był ostry, możesz wpisać wartość 0 px.
Naciśnij Enter ( Return na Macu), aby zaakceptować.
Ustaw promień lewego dolnego rogu na 0.
Teraz mamy dwa zaokrąglone rogi i dwa ostre rogi.
Ustaw promień lewego dolnego rogu na 0.
Wynik po dostosowaniu jedynie lewego dolnego rogu.
Zwróć jednak uwagę, że jeśli teraz przeciągniesz okrąg (bez przytrzymywania klawisza Alt lub Option ), aby dostosować wszystkie cztery rogi jednocześnie, rogi w prawym górnym i lewym dolnym rogu nadal będą mniej zaokrąglone niż pozostałe rogi.
Rogi są zaokrąglone w różnym stopniu.
Zresetuj rogi
Przeciągnij okręgi z powrotem do narożników, aby przywrócić im oryginalne ostre narożniki.
Przeciągnij okręgi, aby wyostrzyć rogi.
Następnie przeciągnij jedno z kółek, aby zaokrąglić je wszystkie do żądanej wartości.
Zaokrągl wszystkie cztery rogi.
Krok 7: Utwórz maskę przycinającą
Teraz, gdy zaokrągliłeś rogi kształtu, musisz przesunąć obraz do środka kształtu. Aby to zrobić należy użyć maski przycinającej.
Na panelu Warstwy przeciągnij warstwę obrazu nad warstwę kształtu.
Przeciągnij obraz na warstwę kształtu w panelu Warstwy.
Następnie, gdy warstwa obrazu jest aktywna, kliknij ikonę menu na panelu Warstwy.
Ikona menu panelu Warstwy.
Kliknij ikonę menu.
Wybierz opcję Utwórz maskę przycinającą .
Wybierz polecenie Utwórz maskę przycinającą w programie Photoshop.
Polecenie to umieszcza obraz wewnątrz kształtu, przez co wydaje się, że ma zaokrąglone rogi.
Wszystko, co znajduje się poza kształtem, stało się przezroczyste i przedstawione jako wzór szachownicy.
Zdjęcia mają teraz zaokrąglone rogi.
Krok 8: Dokonaj ostatecznych korekt narożników
W razie potrzeby nadal możesz dostosować rogi, nawet jeśli zdjęcie znajduje się wewnątrz kształtu.
Wystarczy ponownie wybrać warstwę kształtu w panelu Warstwy.
Wybierz warstwę kształtu.
Dopóki narzędzie Prostokąt (lub inne narzędzie do tworzenia kształtów) będzie zaznaczone na pasku narzędzi, okręgi na rogach będą się ponownie pojawiać.
Przeciągnij okrąg, aby dostosować jego okrągłość, aż uzyskasz satysfakcjonujący efekt.
Okręgi promienia narożnika pojawiają się ponownie po wybraniu warstwy kształtu.
Aby wyświetlić obraz bez blokowania go przez elementy sterujące kształtem, wybierz warstwę obrazu w panelu Warstwy.
Aby przywrócić kontrolę, wybierz warstwę kształtu.
Przełączaj się między warstwami kształtu i obrazu, aby pokazać/ukryć kontrolki kształtu.
Krok 9: Wytnij przezroczyste obszary
Zanim przejdziemy dalej, usuńmy zbędne przezroczyste obszary wokół obrazka, gdyż tak naprawdę potrzebujemy przezroczystości tylko w rogach.
Przejdź do menu Obraz i wybierz Przytnij .
Wybierz polecenie Przytnij z menu Obraz w programie Photoshop
W oknie dialogowym Przycinanie wybierz opcję Przezroczyste piksele u góry i upewnij się, że opcje Góra, Dół, Lewo i Prawo są zaznaczone u dołu.
Następnie kliknij OK.
Okno dialogowe Przytnij w programie Photoshop
Program Photoshop usuwa całą przezroczystość poza tą, która pozostaje w rogach.
Wynik po usunięciu większości przezroczystej części.
Krok 10: Dodaj obramowanie wokół zdjęcia (opcjonalnie)
Jeśli chcesz dodać obramowanie wokół obrazu, upewnij się, że warstwa kształtu na panelu Warstwy jest zaznaczona.
Wybierz warstwę kształtu.
Kliknij ikonę efektów warstwy (fx) znajdującą się na dole panelu Warstwy.
Ikona efektu warstwy.
Wybierz Stroke z listy.
Dodaj efekt warstwy obrysu do kształtu.
W oknie dialogowym Styl warstwy kliknij próbkę koloru , aby wybrać kolor obrysu.
Wybierz kolor obrysu.
Następnie wybierz kolor z Próbnika kolorów. W przykładzie zostanie wybrany kolor biały (z wartościami R, G i B wynoszącymi 255).
Po zakończeniu kliknij przycisk OK , aby zamknąć Selektor kolorów.
Wybierz kolor biały z Palety kolorów.
Wróć do okna dialogowego Styl warstwy i upewnij się, że opcja Pozycja obrysu jest ustawiona na Wewnętrzna.
Następnie przeciągnij suwak Rozmiar , aby ustawić szerokość obrysu. Rozmiar, którego potrzebujesz, zależy od rozmiaru obrazu.
Po zakończeniu kliknij przycisk OK , aby zamknąć okno dialogowe Styl warstwy .
Opcje położenia i rozmiaru obrysu.
To jest obraz z dodaną kreską (konturiem).
Do obrazu dodano obramowanie.
Krok 11: Zapisz obraz
Aby zapisać obraz z zachowaniem zaokrąglonych rogów, należy zapisać obraz w formacie obsługującym przezroczystość. Format JPEG nie będzie działać. Zamiast tego zapisz obraz jako PNG .
Przejdź do menu Plik i wybierz opcję Zapisz kopię (nie Zapisz jako).
Przejdź do Plik > Zapisz kopię
W oknie dialogowym Zapisz kopię:
Przejdź do miejsca na komputerze, w którym chcesz zapisać plik.
Zmień typ pliku na PNG .
Nadaj plikowi nazwę. Przykład będzie nosił nazwę „rounded-corners”.
Kliknij Zapisz .
Zapisz plik jako PNG.
W opcjach formatu PNG wybierz Najmniejszy rozmiar pliku i kliknij OK .
Obraz został zapisany z zaokrąglonymi rogami.
Opcja formatu PNG.
I to wszystko! Oto jak zaokrąglić rogi zdjęć za pomocą Photoshopa.