Graafisessa suunnittelussa yksinkertainen tapa saada jotain erottumaan on lisätä reuna sen ympärille. Tässä artikkelissa näytämme, kuinka voit lisätä reunuksen Photoshopissa^(Photoshop) kuviin, muotoihin ja tekstiin.

Paras tapa vahvistaa Photoshop -taitojasi on harjoitella^(practice) , harjoitella^(practice) , harjoitella^(practice) . Kokeile reunuksen lisäämistä Photoshopissa^(Photoshop) noudattamalla alla olevia ohjeita.

Kuinka lisätä reunus^(Border) kuvan ympärille Photoshopissa^(Photoshop)

Kuvittele^(Imagine) , että sinulla on valokuva tai kuva, jonka ympärille haluat lisätä reunuksen Photoshopissa^(Photoshop) . Suunnittelet kuvan tulostamista ja sen kehystämistä. Reunuksen lisääminen kuvaan saa sen näyttämään siltä kuin olisit lisännyt sisäpinnan mattapintaiseksi. 

Kuvittele myös, että et halua reunuksen peittävän edes yhtä pikseliä itse kuvasta, joten ensin sinun on suurennettava kankaan^(canvas) kokoa – kuvan ympärillä olevaa työtilaa kuvaikkunassa – ja sitten lisättävä reuna tuossa ylimääräisessä tilassa. Onneksi tämä on helppo tehdä Photoshopissa^(Photoshop) . 

1. Avaa kuvasi Photoshopissa. 

1. Jos kuvassa on useita tasoja, tasoita kuva valitsemalla Taso^(Layer) > Tasoita kuva^{(Flatten Image)} . 

1. Seuraavaksi muutamme taustakerroksen tavalliseksi tasoksi, joka voidaan siirtää toiseen kohtaan tasojen pinoamisjärjestyksessä, jolloin voit muuttaa sen sekoitustilaa tai peittävyyttä. Valitse Taso^{(Layer )} > Uusi^(New) > Taso taustasta^{(Layer from Background)} . Vaihtoehtoisesti kaksoisnapsauta tasoa Tasot^(Layers) - paneelissa. Huomaa, että sen uusi nimi on Layer 0 . Valitse OK - painike.

1. Nyt teemme kankaasta suuremman. Valitse Kuva^(Image) > Kanvaskoko^{(Canvas Size)} . Haluat suurentaa kankaan kokoa lisättävän reunuksen mukaiseksi. Varmista^(Make) , että Suhteellinen^(Relative) - ruutu on valittuna ja ankkuri on asetettu ruudukon keskelle. Syötä sitten pikselien määrä, jolla haluat suurentaa kangasta. Muista^(Remember) , että puolet pikseleistä lisätään kankaan jokaiseen reunaan, joten jos haluat reunuksen, joka on 100 pikseliä leveä, sinun on lisättävä kankaan leveyttä ja korkeutta 200 pikseliä kutakin. 

1. Nyt meillä on kuva laajennetulla kankaalla.

6. Lisää reunus valitsemalla Tasot^(Layers) - paneelista Luo uusi täyttö- tai säätötaso^{( Create a New Fill or Adjustment Layer)} -painike ja valitsemalla luettelosta Solid Color . 

7. Valitse Värinvalitsin^{(Color Picker)} - ikkunassa väri, jonka haluat reunan olevan, ja napsauta OK - painiketta.

8. Lopuksi vedä Tasot^(Layers) - paneelissa juuri luomasi värillinen täyttökerros kuvakerroksen alle.

Nyt kuvan ympärillä pitäisi olla reunus. Voit tallentaa sen, mutta muista Tallenna nimellä…^{(Save as…)} jotta et tallenna alkuperäisen kuvan päälle.

Leiki reunuksen värillä kaksoisnapsauttamalla Color Fill -tasoa ja valitsemalla eri värin. Kokeile sitten muuttaa reunuksen paksuutta säätämällä kankaan kokoa uudelleen ( Kuva^(Image) > Kankaan koko^{(Canvas Size)} ). Syötä^(Enter) negatiivisia lukuja pienentääksesi kangasta.

Kuinka lisätä reunus^(Border) muotoon Photoshopissa^(Photoshop)

Seuraavaksi opitaan lisäämään reunus muotoon Photoshopissa^(Photoshop) . 

1. Avaa tiedosto tai luo uusi asiakirja Photoshopissa^(Photoshop) .
2. Luo uusi taso Tasot^(Layers) -paneelin alareunassa olevalla painikkeella tai valitsemalla Taso^{(Layer )} > Uusi^{( New)} > Taso^{( Layer )} tai käyttämällä pikanäppäintä Vaihto^{(Shift )} + Ctrl + N .

1. Valitse työkalulaatikosta^(Toolbox) ääriviivan valintatyökalu. Voit valita suorakulmiotyökalun^{(Rectangle Tool)} , pyöristetyn suorakulmiotyökalun^{(Rounded Rectangle Tool)} , ellipsityökalun , monikulmiotyökalun^{(Polygon Tool)} tai mukautetun ^{(Custom Shape Tool)}muototyökalun^{(Ellipse Tool)} . 

1. Valitse työkalu ja vedä se kankaalle niin, että kuvasi kehystetään. 

1. Säädä luomasi kehyksen reunoja valitsemalla Siirrä -työkalu.^{(Move )}

1.  Kun olet valinnut vaiheessa 3 käyttämäsi ääriviivan valintatyökalun, varmista, että Täyttö^{(Fill )} - asetuksena on Ei mitään^(None) asetuspalkissa.

1. Nyt lisäämme viivan^(Stroke) kehykseen luoden reunuksen. Valitse Asetukset^(Options) - palkista millainen viiva haluat (yhdenvärinen, liukuväri tai kuvio) ja sen väri. Alla olevassa esimerkissä olemme valinneet yhtenäisen viivan punaisella. Jos haluat käyttää lisää värivaihtoehtoja, valitse Color Picker -^{(Color Picker—the)} monivärinen ruutu oikealla.

1. Valitse seuraavaksi viivan^(Stroke) paksuus . Voit kirjoittaa pikselien määrän tai valita vedon^(Stroke) paksuuden liukusäätimellä.

1. Nyt sinun pitäisi nähdä reunus luomasi kehyksen ympärillä.

Muista Tallenna nimellä…^{(Save as…)} jotta et ylikirjoita alkuperäistä kuvaa. 

Kuinka lisätä reunus^(Border) tekstiin Photoshopissa^(Photoshop)

Photoshopissa^(Photoshop) reunusten lisäämistä tekstiin kutsutaan ääriviivaksi . Piirustusprosessi on samanlainen kuin viivan lisääminen kehykseen, kuten teimme yllä olevassa esimerkissä. 

1. Luo^(Create) tai avaa uusi asiakirja Photoshopissa^(Photoshop) .
2. Valitse Vaaka-^{(Horizontal )} tai Pystytyyppi^{(Vertical Type)} -työkalu ja kirjoita teksti.

1. Napsauta Tasot^(Layers) - paneelissa hiiren kakkospainikkeella tekstitasoa^(Text) ja valitse Sekoitusasetukset^{(Blending Options)} tai valitse Taso^(Layer) > Tasotyyli^{(Layer Style)} > Sekoitusasetukset^{( Blending Options)} . 
2. Valitse näkyviin tulevan Tasotyyli^{(Layer Style)} - valintaikkunan vasemmalla olevasta luettelosta  Viiva .^(Stroke)

1. Kun Viiva^(Stroke) on valittuna Tasotyyli^{(Layer Style)} - valintaikkunassa, voit säätää tekstin ääriviivojen ulkoasua. Aseta ääriviivojen paksuus antamalla pikselien määrä tai käyttämällä Koko^{(Size )} - liukusäädintä.
2. Aseta viivan sijainniksi ^(Position)Sisällä^(Inside) , Ulkopuolella^(Outside) tai Keskipisteessä^(Center) . Jos Esikatselu^(Preview) - ruutu on valittuna, näet valintojesi vaikutukset asiakirjassasi.

1. Valitse sekoitustila^{(Blend Mode )} ja peittävyys^(Opacity) . ( Opi^(Learn) kaikki mitä olet koskaan halunnut tietää tästä aiheesta Photoshop-sekoitusoppaastamme^{(guide to blending in Photoshop)} .)
2. Valitse seuraavaksi täyttötyyppi^{(Fill Type )} väriksi , liukuväriksi^(Gradient) tai kuvioksi ^(Color). ^(Pattern)Jos valitset Värin,^{(Color, )} valitse tekstin ääriviivojen väri värivalitsimella. Kun olet valmis, valitse OK .

Photoshop on täynnä ominaisuuksia ja toimintoja. Jatka oppimista tutustumalla artikkeliimme naamioinnista Photoshopissa^{(how to mask in Photoshop)} ja sitten hyödyntämällä uutta tietoasi tekemällä kasvojen vaihto Photoshopissa^{(face swap in Photoshop)} !

How To Add a Border in Photoshop

In graphic design, а simple way to make something stand out is to add a border around it. In this article, wе’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

• Kuinka poistaa tai korvata tausta Photoshopissa

• Kuinka valkaista hampaita Photoshopissa

• Kuinka sulautua Photoshopiin

• Kuinka höyhentää ja sumentaa Photoshopissa

• Objektin leikkaaminen kuvasta Photoshop CC:ssä

• 8 parasta teknistä ideaa itseeristyksen selvittämiseksi

• Chromebookin käyttäminen toisena näytönä

• Kuinka muuntaa dynaamisen levyn peruslevyksi

• Kuinka rakentaa oma kannettava tietokone

• Kuinka lisätä musiikkia Google Slidesiin

• Kuinka luoda tiimi Microsoft Teamsissa

• Kuinka tehdä taustasta läpinäkyvä Photoshopissa

• Kuinka nähdä välimuistissa olevat sivut ja tiedostot selaimesta

• Windows.old-kansion poistaminen Windows 7/8/10:ssä

• Kuinka palauttaa Xbox One- tai Xbox Series X -laitteen tehdasasetukset

• 7 teknistä SEO-optimointivinkkiä mille tahansa verkkosivustolle

• Perussivujen määrittäminen Adobe InDesign CC:ssä

• Kasvojen vaihto Photoshopissa

• Reunuksen tai kehyksen asettaminen valokuvan ympärille Photoshopissa

• Kuinka vektoroida kuva Photoshopissa