Jak utworzyć obramowanie w Photoshopie



Projektowanie nie jest czasami tak proste, jak dodanie obramowania, zwłaszcza w Photoshopie. Wydaje się to trochę żmudne, ale kiedy już się w tym opanuje, dodawanie obramowań może naprawdę ożywić elementy. Niezależnie od tego, czy chodzi o obraz, kształt, czy tekst – każde wymaga nieco innego podejścia. Czasami wystarczy czysty kontur lub ramka, a innym razem domyślne opcje nie wystarczają. Oto kilka realistycznych sposobów, które sprawdziły się u mnie (i być może sprawdzą się u Ciebie) na dodawanie obramowań w Photoshopie, w tym szczegółowe informacje, takie jak polecenia, ścieżki menu i ustawienia. Oczywiście Photoshop musi to nieco bardziej komplikować, niż powinien.

Jak dodać obramowanie wokół obrazu w programie Photoshop

Tworzenie obramowania poprzez rozszerzenie płótna

Ta metoda sprawdza się, gdy chcesz uzyskać precyzyjną, jednolitą ramkę, która nie przycina żadnego fragmentu obrazu. Jest trochę staromodna, ale bardzo niezawodna. Celem jest więc zwiększenie rozmiaru płótna, a następnie wypełnienie tej rozszerzonej przestrzeni kolorem. Działa dobrze, jeśli nie chcesz bawić się stylami warstw ani pociągnięciami pędzla.

Zacznij od otwarcia obrazu w Photoshopie: Plik > Otwórz. Po załadowaniu sprawdź, czy ma wiele warstw. Jeśli to spłaszczony obraz, nie ma problemu. Jeśli nie, łatwiej jest pracować na spłaszczonej wersji, aby uniknąć późniejszych problemów z ditheringiem i dezorientacją.

Następnie musimy przekształcić tło w zwykłą warstwę, aby łatwiej nim manipulować. Przejdź do Warstwa > Nowa > Warstwa z tła. Możesz też po prostu kliknąć dwukrotnie tło w panelu Warstwy, nadać mu dowolną nazwę (domyślnie Warstwa 0) i nacisnąć OK.

Aby zrobić miejsce na obramowanie, przejdź do Obraz > Rozmiar płótna. Upewnij się, że zaznaczone jest pole „Względne” – dzięki temu łatwiej będzie dodać stałą liczbę pikseli. Ustaw kotwicę na środku, aby obramowanie było równe na całej długości. Jeśli chodzi o rozmiar, zastanów się nad grubością, jaką chcesz uzyskać. Na przykład, jeśli chcesz obramowanie o szerokości 100 pikseli, zwiększ szerokość i wysokość o 200 pikseli (aby uwzględnić obie strony).Spodziewaj się, że obramowanie będzie równomiernie wyśrodkowane na zewnątrz, więc zaplanuj to odpowiednio.

Ścieżka polecenia: Obraz > Rozmiar płótna

Dodawanie i dostosowywanie warstwy wypełnienia kolorem

Gdy obszar roboczy będzie większy, czas dodać wypełnienie jednolitym kolorem – teraz zobaczysz dużą białą przestrzeń, prawda? Kliknij przycisk „Utwórz nową warstwę wypełnienia lub dopasowania” w panelu Warstwy (ikona w połowie wypełnionego koła) i wybierz „ Kolor jednolity”. Ta warstwa będzie kolorem obramowania. Wybierz żądany kolor w selektorze kolorów (wielokolorowe pole) i kliknij OK.

Oto najtrudniejsza część – przeciągnij warstwę wypełnienia kolorem pod warstwę obrazu w stosie warstw. Przeciągnij i upuść ją lub skorzystaj ze skrótu w panelu Warstwy. Gdy warstwa znajdzie się pod spodem, zobaczysz obraz z kolorem obramowania prześwitującym przez rozszerzony obszar płótna.

W niektórych konfiguracjach to proste podejście czasami dziwnie zawodzi przy pierwszej próbie, ale potem działa po przełączeniu warstw lub ponownym zastosowaniu wypełnienia. Więc jeśli na początku nie jest idealnie, po prostu spróbuj ponownie lub uruchom ponownie Photoshopa. Dziwne, ale prawdziwe.

  • Upewnij się, że wybrałeś właściwe ścieżki menu, do których masz łatwy dostęp w obszarze Obraz > Rozmiar płótna
  • Użyj panelu Warstwy, aby uporządkować swoje warstwy; przeciągnij warstwę wypełnienia pod warstwę obrazu
  • Dostosuj rozmiar płótna w wielokrotnościach szerokości obramowania — 200 pikseli dla obramowania o szerokości 100 pikseli itd.

Pamiętaj, aby zapisać jako… ponieważ nadpisywanie oryginału nigdy nie jest dobrym pomysłem, jeśli nie masz całkowitej pewności.

Zabawa kolorem i grubością obramowania

Chcesz zmienić kolor lub grubość obramowania? Kliknij dwukrotnie ikonę warstwy wypełnienia kolorem w panelu Warstwy, aby dostosować kolor. Aby zmienić grubość, wystarczy wrócić do Obraz > Rozmiar płótna i dodać lub odjąć piksele. Wprowadź wartości ujemne, jeśli chcesz zmniejszyć rozmiar całkowity. Ponownie, to trochę metoda prób i błędów, ale jest prosta.

Jak dodać obramowanie do kształtu w programie Photoshop

Utwórz kształt, a następnie dodaj obrys

Jest to bardziej typowe dla kształtów wektorowych lub grafiki. Najpierw utwórz kształt za pomocą narzędzi do tworzenia kształtów (Prostokąt, Elipsa itp.).Na pasku opcji upewnij się, że wypełnienie kształtu jest ustawione na Brak, jeśli chcesz tylko obramowanie. Następnie wybierz styl obrysu (obramowania).Wybierz jednolity, gradientowy lub deseniowy i wybierz kolor. Dostosuj grubość — wpisz w pikselach lub przesuń suwak.

Na przykład, aby utworzyć prosty, obrysowany kwadrat:

  • Wybierz narzędzie Prostokąt z przybornika
  • Narysuj swój kształt na płótnie
  • Na górnym pasku opcji ustaw opcję Wypełnienie na Brak
  • Ustaw kolor obrysu, klikając pole koloru obrysu
  • Dostosuj rozmiar obrysu za pomocą suwaka lub pola wprowadzania

Bardzo przydatne do ikon i makiet interfejsu użytkownika. Pamiętaj tylko, żeby zapisać jako… gdy już będziesz zadowolony.

Jak dodać obramowanie do tekstu w programie Photoshop

Tworzenie konturów wokół tekstu za pomocą stylów warstw

W tym miejscu Photoshop błyszczy. Po zaznaczeniu tekstu kliknij prawym przyciskiem myszy warstwę tekstu i wybierz Opcje mieszania lub przejdź do Warstwa > Styl warstwy > Opcje mieszania. W oknie dialogowym znajdź Obrys. Możesz tu ustawić rozmiar (grubość), położenie (wewnątrz, na zewnątrz, na środku) i kolor konturu.

Poeksperymentuj z rozmiarem i położeniem – czasami zewnętrzna kreska wygląda czyściej, ale wewnętrzna może być lepsza dla nakładającego się tekstu. Dostosuj krycie i tryb mieszania, jeśli chcesz uzyskać subtelny lub złożony efekt. Kliknij OK i voilà, Twój tekst ma teraz obramowanie.

To trochę dziwne, ale zmiana ustawień obrysu często pomaga zobaczyć, co naprawdę działa, a co nie. Możesz też w dowolnym momencie zmienić kolor, klikając dwukrotnie obrys w oknie stylów warstwy.

Wskazówka: Zachowaj nieniszczący styl warstwy obrysu, bawiąc się stylami warstw zamiast przełączać się na warstwy rastrowe.Łatwiej będzie później to poprawić.

Ostatecznie Photoshop może być nieco przytłaczający, ale gdy przyzwyczaisz się do układu i opcji, dodawanie obramowań do obrazów, kształtów lub tekstu stanie się bardziej intuicyjne. Nie wiem, dlaczego to działa czasami, a czasami nie, ale odrobina eksperymentów często rozwiązuje zagadkę.

Podsumowanie

Mam nadzieję, że te metody dadzą dobry punkt wyjścia do dodawania obramowań, bez ryzyka zepsucia oryginalnego pliku. Niezależnie od tego, czy wolisz rozszerzać obszar roboczy, używać obrysów, czy stylów warstw, każde podejście ma swoje zastosowanie w zależności od tego, co chcesz osiągnąć. Po prostu eksperymentuj, dostosuj wartości i sprawdź, co najlepiej sprawdzi się w Twoim projekcie.

Streszczenie

  • Użyj opcji Rozmiar płótna, aby zrobić miejsce na obramowanie wokół obrazów
  • Dodaj warstwy wypełnienia kolorem pod obrazami, aby uzyskać proste obramowania
  • Zastosuj style warstwy > Obrys, aby szybko utworzyć obramowanie dla tekstu lub kształtów
  • Aby uzyskać najlepsze rezultaty, eksperymentuj z pozycją, rozmiarem i kolorem kreski
  • Pamiętaj o opcji Zapisz jako, aby zachować bezpieczeństwo oryginalnych plików

Podsumowanie

To nie zawsze wychodzi idealnie od pierwszego podejścia, ale z odrobiną poprawek i cierpliwości, obramowania mogą naprawdę podkręcić Twoje projekty. Trzymam kciuki, że komuś to pomoże skrócić czas pracy – u mnie sprawdziło się to nie raz.



Czy ten artykuł był pomocny?