W projektowaniu graficznym prostym sposobem na wyróżnienie czegoś jest dodanie obramowania wokół tego. W tym artykule pokażemy, jak dodać obramowanie w Photoshopie^(Photoshop) do obrazów, kształtów i tekstu.

Najlepszym sposobem na podniesienie swoich umiejętności w Photoshopie^(Photoshop) jest ćwiczenie^(practice) , ćwiczenie^(practice) , ćwiczenie^(practice) . Spróbuj dodać obramowanie w Photoshopie^(Photoshop) , wykonując poniższe czynności.

Jak dodać obramowanie^(Border) wokół obrazu w Photoshopie^(Photoshop)

Wyobraź sobie^(Imagine) , że masz zdjęcie lub obraz, do którego chcesz dodać obramowanie w Photoshopie^(Photoshop) . Planujesz wydrukować obraz i oprawić go w ramkę. Dodanie obramowania do obrazu sprawi, że będzie wyglądał tak, jakbyś dodał matę wewnętrzną. 

Wyobraźmy sobie również, że nie chcesz, aby obramowanie zakrywało nawet jeden piksel samego obrazu, więc najpierw musisz zwiększyć rozmiar płótna^(canvas) — obszar roboczy wokół obrazu w oknie obrazu — a następnie dodać obramowanie w tej dodatkowej przestrzeni. Na szczęście jest to proste w Photoshopie^(Photoshop) . 

1. Otwórz swój obraz w Photoshopie. 

1. Jeśli obraz ma wiele warstw, spłaszcz obraz, wybierając Warstwa^(Layer) > Spłaszcz obraz^{(Flatten Image)} . 

1. Następnie zmienimy warstwę tła na zwykłą warstwę, którą można przenieść w inne miejsce w kolejności układania warstw, dzięki czemu można zmienić jej tryb mieszania lub jej krycie. Wybierz Warstwa^{(Layer )} > Nowa^(New) > Warstwa z tła^{(Layer from Background)} . Alternatywnie, kliknij dwukrotnie warstwę w panelu Warstwy^(Layers) . Zauważ, że jego nową nazwą będzie Warstwa 0^{(Layer 0)} . Wybierz przycisk OK .

1. Teraz powiększymy płótno. Wybierz Obraz^(Image) > Rozmiar płótna^{(Canvas Size)} . Chcesz zwiększyć rozmiar płótna, aby pomieścić obramowanie, które chcesz dodać. Upewnij^(Make) się, że pole Względne^(Relative) jest zaznaczone, a kotwica jest ustawiona na środku siatki. Następnie wprowadź liczbę pikseli, o jaką chcesz powiększyć płótno. Pamiętaj^(Remember) , że połowa pikseli zostanie dodana do każdej krawędzi płótna, więc jeśli chcesz mieć obramowanie o szerokości 100 pikseli, musisz zwiększyć szerokość i wysokość płótna o 200 pikseli każda. 

1. Teraz mamy obraz z rozszerzonym płótnem.

6. Aby dodać obramowanie, wybierz przycisk Utwórz nową warstwę wypełnienia lub dopasowania^{( Create a New Fill or Adjustment Layer)} w panelu Warstwy^(Layers) i wybierz z listy  Jednolity kolor .^{(Solid Color)}

7. W oknie Color Picker wybierz kolor obramowania i kliknij przycisk OK .

8. Na koniec w panelu Warstwy^(Layers) przeciągnij właśnie utworzoną warstwę wypełnienia kolorem poniżej warstwy obrazu.

Teraz twój obraz powinien być otoczony ramką. Możesz go zapisać, ale pamiętaj, aby zapisać jako…^{(Save as…)} , aby nie zapisywać nad oryginalnym obrazem.

Pobaw się kolorem obramowania, klikając dwukrotnie warstwę Wypełnienie kolorem^{(Color Fill)} i wybierając inny kolor, a następnie spróbuj zmienić grubość obramowania, ponownie dostosowując rozmiar płótna ( Obraz^(Image) > Rozmiar płótna^{(Canvas Size)} ). Wprowadź^(Enter) liczby ujemne, aby zmniejszyć płótno.

Jak dodać obramowanie^(Border) do kształtu w Photoshopie^(Photoshop)

Następnie nauczmy się, jak dodać obramowanie do kształtu w programie Photoshop^(Photoshop) . 

1. Otwórz plik lub utwórz nowy dokument w Photoshopie^(Photoshop) .
2. Utwórz nową warstwę za pomocą przycisku na dole panelu Warstwy^(Layers) lub wybierając Warstwa^{(Layer )} > Nowa^{( New)} > Warstwa^{( Layer )} lub używając skrótu klawiaturowego Shift + Ctrl + N .

1. W Przyborniku^(Toolbox) wybierz narzędzie do zaznaczania konturów. Możesz wybrać narzędzie Prostokąt^{(Rectangle Tool)} , Narzędzie Zaokrąglony prostokąt^{(Rounded Rectangle Tool)} , Narzędzie Elipsa^{(Ellipse Tool)} , Narzędzie Wielokąt^{(Polygon Tool)} lub Narzędzie Kształt niestandardowy^{(Custom Shape Tool)} . 

1. Wybierz narzędzie i przeciągnij je na płótno, aby obraz został oprawiony w ramkę. 

1. Wybierz narzędzie Przesuń^{(Move )} , aby dopasować krawędzie utworzonej ramki.

1.  Po wybraniu dowolnego narzędzia do zaznaczania konturu użytego w kroku 3 upewnij się, że na pasku opcji opcja Wypełnienie^{(Fill )} jest ustawiona na Brak .^(None)

1. Teraz dodamy Stroke do ramki, tworząc obramowanie. Na pasku opcji^(Options) wybierz rodzaj obrysu (jednolity kolor, gradient lub wzór) i jego kolor. W poniższym przykładzie wybraliśmy jednolity obrys na czerwono. Aby uzyskać dostęp do większej liczby opcji kolorów, wybierz Próbnik kolorów —^{(Color Picker—the)} wielokolorowe pole po prawej stronie.

1. Następnie wybierz grubość Obrysu^(Stroke) . Możesz wpisać liczbę pikseli lub użyć suwaka, aby wybrać grubość obrysu .^(Stroke)

1. Teraz powinieneś zobaczyć ramkę wokół utworzonej ramki.

Pamiętaj, aby zapisać jako…^{(Save as…)} , aby nie nadpisać oryginalnego obrazu. 

Jak dodać obramowanie^(Border) do tekstu w Photoshopie^(Photoshop)

W Photoshopie^(Photoshop) dodawanie obramowania do tekstu nazywa się obrysowywaniem. Proces tworzenia konturów jest podobny do dodawania obrysu do ramki, jak w powyższym przykładzie. 

1. Utwórz^(Create) lub otwórz nowy dokument w Photoshopie^(Photoshop) .
2. Wybierz narzędzie Tekst poziomy^{(Horizontal )} lub pionowy^{(Vertical Type)} i wpisz tekst.

1. W panelu Warstwy^(Layers) kliknij prawym przyciskiem myszy warstwę Tekst i wybierz ^(Text)Opcje mieszania^{(Blending Options)} lub wybierz Warstwa^(Layer) > Styl warstwy^{(Layer Style)} > Opcje mieszania^{( Blending Options)} . 
2. W wyświetlonym oknie dialogowym Styl warstwy wybierz ^{(Layer Style)}Obrys^(Stroke) z listy po lewej stronie. 

1. Po zaznaczeniu opcji Obrys^(Stroke) w oknie dialogowym Styl warstwy^{(Layer Style)} możesz dostosować wygląd konturów tekstu. Ustaw grubość konturu, wprowadzając liczbę pikseli lub używając suwaka Rozmiar .^{(Size )}
2. Ustaw pozycję^(Position) obrysu na Wewnątrz^(Inside) , Na zewnątrz^(Outside) lub Środek^(Center) . Jeśli zaznaczysz pole Podgląd^(Preview) , zobaczysz efekty swoich wyborów w dokumencie.

1. Wybierz tryb mieszania^{(Blend Mode )} i krycie^(Opacity) . ( Dowiedz się^(Learn) wszystkiego, co kiedykolwiek chciałeś wiedzieć na ten temat w naszym przewodniku po mieszaniu w Photoshopie^{(guide to blending in Photoshop)} .)
2. Następnie wybierz opcję Typ wypełnienia^{(Fill Type )} na Kolor^(Color) , Gradient lub Wzór^(Pattern) . Jeśli wybierzesz Kolor,^{(Color, )} użyj selektora kolorów, aby wybrać kolor konturów tekstu. Po zakończeniu wybierz OK .

Photoshop jest pełen funkcji i funkcjonalności. Aby kontynuować naukę, zapoznaj się z naszym artykułem na temat maskowania w Photoshopie^{(how to mask in Photoshop)} , a następnie wykorzystaj swoją nową wiedzę, wykonując zamianę twarzy w Photoshopie^{(face swap in Photoshop)} !

How To Add a Border in Photoshop

In graphic design, a simple way to make something ѕtand out іs to add a border around it. In this article, we’ll show you how to add a border in Photoshop to images, shapes, and text.

The best way to amp up your Photoshop skills is to practice, practice, practice. Try adding a border in Photoshop by following the steps below.

How To Add a Border Around an Image in Photoshop

Imagine you have a photo or image that you want to add a border around in Photoshop. You’re planning on printing the image and getting it framed. Adding a border to the image will make it look like you’ve added an interior matte. 

Let’s also imagine that you don’t want the border to cover up even one pixel of the image itself, so first you’ll need to increase the size of the canvas—the workspace around an image within an image window—and then add the border in that extra space. Fortunately, this is simple to do in Photoshop. 

1. Open your image in Photoshop. 

1. If the image has multiple layers, flatten the image by selecting Layer > Flatten Image. 

1. Next, we’ll change the background layer into a regular layer that can be moved into a different spot in the layer stacking order and so you can change its blending mode or its opacity. Select Layer > New > Layer from Background. Alternatively, double-click on the layer in the Layers panel. Note that its new name will be Layer 0. Select the OK button.

1. Now we’ll make the canvas larger. Select Image > Canvas Size. You want to increase the size of the canvas to accommodate the border you want to add. Make sure the Relative box is checked and the anchor is set to the middle of the grid. Then enter the number of pixels by which you want to increase the canvas. Remember, half of the pixels will be added to each edge of the canvas, so if you want a border that’s 100 pixels wide, you’ll need to increase the width and height of the canvas by 200 pixels each. 

1. Now we have an image with an expanded canvas.

6. To add a border, select the Create a New Fill or Adjustment Layer button in the Layers panel and choose Solid Color from the list. 

7. In the Color Picker window, choose the color you want the border to be and select the OK button.

8. Finally, in the Layers panel, drag the color fill layer you just created below the image layer.

Now your image should have a border around it. You can save it, but remember to Save as… so you don’t save over your original image.

Play around with the color of the border by double-clicking on the Color Fill layer and choosing a different color, and try changing the thickness of the border by readjusting the size of the canvas (Image > Canvas Size). Enter negative numbers to make the canvas smaller.

How To Add a Border to a Shape in Photoshop

Next, let’s learn how to add a border to a shape in Photoshop. 

1. Open a file or create a new document in Photoshop.
2. Create a new layer using the button at the bottom of the Layers panel or by selecting Layer > New > Layer or by using the keyboard shortcut Shift + Ctrl + N.

1. In the Toolbox, select an outline selection tool. You could choose the Rectangle Tool, the Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, or the Custom Shape Tool. 

1. Select the tool and drag it over the canvas so your image is framed. 

1. Select the Move tool to adjust the edges of the frame you created.

1.  With whichever outline selection tool you used in step 3 selected, make sure Fill is set to None in the options bar.

1. Now we’ll add a Stroke to the frame, creating the border. In the Options bar, choose what kind of stroke you want (solid color, gradient or pattern) and its color. In the example below, we’ve selected a solid stroke in red. To access more color options, select the Color Picker—the multicolored box on the right.

1. Next, select the thickness of the Stroke. You can type in the number of pixels or you can use the slider to select the Stroke’s thickness.

1. Now you should see the border around the frame you created.

Be sure to Save as… so you don’t overwrite the original image. 

How To Add a Border to Text in Photoshop

In Photoshop adding a border to text is called outlining. The process of outlining is similar to adding a stroke to a frame like we did in the example above. 

1. Create or open a new document in Photoshop.
2. Select the Horizontal or Vertical Type tool and type your text.

1. In the Layers panel, right-click on the Text layer and select Blending Options or select Layer > Layer Style > Blending Options. 
2. In the Layer Style dialog box that appears, select Stroke from the list on the left. 

1. With Stroke selected in the Layer Style dialog box, you can then adjust the appearance of the text outlines. Set the thickness of the outline by entering a number of pixels or by using the Size slider.
2. Set the Position of the stroke to Inside, Outside, or Center. If you have the Preview box checked, you’ll see the effects of your choices on your document.

1. Select the Blend Mode and Opacity. (Learn everything you ever wanted to know on this topic in our guide to blending in Photoshop.)
2. Next, select the Fill Type to Color, Gradient, or Pattern. If you choose Color, use the color picker to select the color of the text outlines. When you’re finished, select OK.

Photoshop is packed with features and functionality. To continue learning, check out our article on how to mask in Photoshop and then put your new knowledge to use by doing a face swap in Photoshop!

Related posts

• Jak usunąć lub zastąpić tło w Photoshopie

• Jak wybielić zęby w Photoshopie

• Jak mieszać w Photoshopie

• Jak wtapiać i rozmywać w Photoshopie

• Jak wyciąć obiekt na obrazie w Photoshop CC

• Jak stworzyć zespół w Microsoft Teams

• Jak animować obraz w Photoshopie

• Jak zwektoryzować obraz w Photoshopie

• Jak zakrzywić tekst w Photoshopie

• Recenzja książki — przewodnik po systemie Windows 8 „Jak to zrobić”

• Jak korzystać z Photoshopa Zamień kolor do kreatywnej edycji

• Jak używać Chromebooka jako drugiego monitora

• Jak zmieniać rozmiar, łączyć i scalać warstwy w Photoshopie

• Jak zmienić twarz w Photoshopie

• Jak latać dronem dla początkujących?

• Jak zmierzyć odległość w Photoshopie

• Jak skonfigurować strony wzorcowe w programie Adobe InDesign CC

• Jak pobrać instalator Google Chrome offline (autonomiczny)

• Jak wyłączyć klawisz Windows

• Jak zeskanować wiele stron do jednego pliku PDF