Davanje fotografije zaobljenih uglova u Photoshopu

Napisao Steve Patterson.

U ovom Tutorial za Photoshop , pogledat ćemo koliko ga je jednostavno izraditi zaobljeni uglovi fotografija . Kao i kod većine stvari u Photoshopu, postoji oko 17 različitih načina za stvaranje zaobljenih kutova, ali mi ćemo stvari učiniti zanimljivima gledajući način kako to učiniti koristeći nešto u Photoshopu za što mnogi ljudi niti ne znaju - vektorske maske ! Što je vektorska maska? Pa, ako mislite da su maske slojeva zabavne (mislite da su maske slojeva zabavne, zar ne?), svidjet će vam se vektorske maske!



Svaki grafički dizajner zna da je jedan od načina da se ljudi osjećaju na određeni način kada gledaju dizajn korištenjem oblika. Različiti oblici imaju različite učinke na nas. Neki oblici djeluju toplo, prijateljski i zabavno, dok drugi djeluju hladno, kruto, ozbiljnije. Ipak, ne morate biti stručnjak za dizajn da biste to sami iskusili. Samo uzmite olovku i komad papira, nacrtajte si kvadrat, pa krug i zapitajte se koji vam se čini privlačnijim. Velike su šanse, osim ako niste tip osobe koja voli provoditi subotnje večeri reorganizirajući svoj ormar za dokumente (nije da u tome ima išta loše), da ćete odabrati krug. Ljudi vole krugove. Oni su 'topli, prijateljski i zabavni' oblici. Zapravo, to čak i ne mora biti cijeli krug. Možete uzeti kvadrat ili pravokutnik sa svojim oštrim, pravokutnim kutovima, koji nam inače ne izgledaju nimalo zabavni, umjesto toga mu dati zaobljene kutove, i odjednom će se činiti da je zabava zabava!



U redu, možda je to malo pretjerivanje, ali zaobljeni kutovi nam definitivno izgledaju privlačnije od oštrih pravih kutova. Pomalo je žalosno što svaki put kad se fotografiramo, čak i ako se radi o fotografiji dječjeg rođendana s balonima i kapama, fotografija ipak završi s oštrim kutovima. To može biti u redu ako samo ispisujemo fotografije, ali što ako želimo koristiti fotografiju u dizajnu ili kolažu? Kako te oštre kutove pretvoriti u zaobljene?

Odgovor? Vrlo jednostavno, pogotovo kada koristimo vektorsku masku! Zapravo, ne samo da možemo dati fotografiju
zaobljeni kutovi, imamo potpunu kontrolu nad time koliko su zaobljeni!

Evo slike koju ću koristiti za ovaj Photoshop vodič:



  Fotografija majke i sina odjevenih kao klaunovi. Izvorna slika.

Da vidimo kako je lako zaokružiti te kutove!

Korak 1: Dodajte masku sloja

Otvorio sam novi prazan Photoshop
dokument, ispunjen Pozadina sloj crnom bojom kako bismo lakše vidjeli što se događa, a zatim sam povukao svoju fotografiju u novi dokument. Ovdje možemo vidjeti dokument koji prikazuje fotografiju ispred crne pozadine:

  Adobe Photoshop tutorial slika: Fotografija na crnoj pozadini. Fotografija ispred crne pozadine.

A ako pogledamo u paletu slojeva, možemo vidjeti fotografiju kako se nalazi na vlastitom sloju, 'Sloj 1', iznad Pozadina sloj:



  Slika vodiča za Adobe Photoshop: Photoshop's Layers palette showing the photo on 'Layer 1' above the Background layer. Paleta slojeva u Photoshopu prikazuje fotografiju na 'Layer 1' iznad sloja Background, koji je ispunjen crnom bojom.

S odabranim 'Layer 1', ili bilo kojim slojem na kojem se vaša fotografija nalazi, kliknite na Maska sloja ikona na dnu palete slojeva:

  Slika vodiča za Adobe Photoshop: Klikom na'Layer Mask' icon. Dodajte masku sloja 'Layer 1' klikom na ikonu 'Layer Mask'.

Čini se da se ništa nije dogodilo u vašem dokumentu, ali ako pogledamo sloj u paleti slojeva, možemo vidjeti da sada imamo sličica maske sloja desno od minijature pregleda sloja:

  Slika vodiča za Adobe Photoshop: Paleta slojeva sada prikazuje sličicu maske sloja desno od sloja 1's preview thumbnail. Nakon klika na ikonu 'Layer Mask', sličica maske sloja se pojavljuje na 'Layer 1'.

Nećemo pokrivati ​​maske slojeva u ovom vodiču jer ih nećemo koristiti, ali ako želite saznati više o maskama slojeva, svakako pogledajte naš cijeli Razumijevanje maski slojeva udžbenik u našem Osnove Photoshopa odjeljak.



Korak 2: Dodajte vektorsku masku

U redu, ako nećemo koristiti masku sloja, zašto smo je samo dodali? Pa, mi ćemo učiniti nešto što mnogi ljudi nikad ne učine. Vidjet ćemo nešto što mnogi ljudi nikad ne vide. Zašto? Jer mi nismo 'mnogi ljudi'. Mi smo drugačiji od njih. Ti ljudi jednom kliknu na ikonu, vide što radi i zatim odrijemaju. Ne pada im na pamet da bi možda, samo možda, kliknuli na tu istu ikonu a drugi vrijeme, pa, postoji barem mala šansa da nešto drugo moglo bi se dogoditi! A šteta za njih jer u ovom slučaju nešto drugo htjeti dogoditi se!

Znam da zvuči ludo, ali sada kada smo dodali masku sloja, kliknite još jednom na istu Maska sloja ikona:



  Slika vodiča za Adobe Photoshop: Klikom drugi put na'Layer Mask' icon. Kliknite drugi put na ikonu 'Layer Mask' na dnu palete slojeva.

Ako ste u postavkama Photoshopa omogućili 'Prikaži savjete za alate', možda ste već primijetili nešto malo drugačije kada ste pokazivačem miša prešli preko ikone. Savjet alata više ne kaže 'Dodaj masku sloja' kao inače. Umjesto toga, sada piše 'Dodaj vektorsku masku' , a čim kliknemo na ikonu, ako pogledamo sloj u paleti slojeva, dobivamo ono što se čini kao sličica maske drugog sloja desno od prvog. Razlika je u tome ne sličica maske drugog sloja. To je sličica vektorske maske :

  Slika vodiča za Adobe Photoshop: sličica vektorske maske pojavljuje se desno od sličice maske sloja. Sličica 'vektorske maske' pojavljuje se desno od sličice maske sloja.

I sličica maske sloja s lijeve strane i sličica vektorske maske s desne strane izgledaju potpuno isto, ali postoji velika razlika između maske sloja i vektorske maske. Oba se koriste za prikazivanje i skrivanje različitih dijelova sloja, ali način na koji to rade je potpuno drugačiji. S maskom sloja, slikamo po njoj, obično s Brush Toolom, kako bi različiti dijelovi maske bili bijeli, crni ili neka nijansa sive između. Bijela čini taj dio sloja vidljivim, crna ga skriva, a siva čini to područje djelomično vidljivim ovisno o tome koliko je nijansa sive svijetla ili tamna.

Vektorske maske, s druge strane, ne zahtijevaju nikakvo bojanje. Zapravo ti ne mogu slikajte po njima jer vam Photoshop to ne dopušta. Umjesto toga koristimo oblicima za kontrolu koji su dijelovi sloja vidljivi ili skriveni. Zapravo, sada ćemo upotrijebiti oblik za stvaranje naših zaobljenih kutova!



Korak 3: Odaberite Rounded Rectangle Tool

S našom vektorskom maskom koja je sada dodana, prijeđite na Paleta alata i odaberite Alat za zaobljeni pravokutnik . Prema zadanim postavkama, ugniježđen je s uobičajenim alatom za pravokutnik, pa kliknite na alat za pravokutnik i držite miš sekundu ili dvije. Vidjet ćete da se pojavljuje padajući izbornik. Odaberite Rounded Rectangle Tool s popisa:

  Slika vodiča za Adobe Photoshop: odabir Rounded Rectangle Tool iz palete Tools u Photoshopu. Kliknite i držite tipku miša na 'Alat za pravokutnik' u paleti alata, zatim odaberite 'Alat za zaobljeni pravokutnik' iz padajućeg izbornika koji se pojavi.

Nemojte brkati ove alate s alatima Marquee Tools na vrhu palete Tools, kao što su Rectangular Marquee ili Elliptical Marquee Tool. To su alati za selekciju i koriste se za izvlačenje odabira. Alati koje ovdje biramo su Alati za oblikovanje i koriste se za crtanje oblika.



S odabranim alatom Rounded Rectangle Tool idite do trake s opcijama na vrhu zaslona. Vidjet ćete grupu od tri ikone s lijeve strane. Ove tri ikone određuju kako će naš alat za oblik raditi. Želimo crtati oblike s našim alatom za oblik (zvuči prilično očito, zar ne?), pa kliknite na ikonu s lijeve strane, koja je Slojevi oblika ikona:

  Slika vodiča za Adobe Photoshop: Klikom na'Shape layers' icon in the Options Bar in Photoshop. Kliknite na ikonu 'Slojevi oblika' na traci s opcijama.

Zatim, ako se pomaknete dalje udesno, doći ćete do Radius opcija. Ova opcija određuje koliko će naši kutovi biti zaobljeni. Što je veći broj, to će biti zaobljeniji. Niži broj, manje zaobljeno. Jednostavne stvari. Problem je u tome što nikada nećete sa sigurnošću znati koji broj unijeti za vrijednost polumjera sve dok ga ne isprobate, počnete crtati oblik, pogledate koliko su kutovi zaobljeni, a zatim odlučite jeste li zadovoljni rezultatom ili treba li kut biti više ili manje zaobljen. Obično počinjem s vrijednošću od negdje između 10-20 piksela, zatim razvlačim svoj oblik i odlučujem sviđaju li mi se kutovi. Obično neću, a vjerojatno nećete ni vi u prvom pokušaju, pa samo unesite vrijednost za početak, povucite oblik i ako niste zadovoljni zaobljenošću uglova, jednostavno pritisnite Ctrl+Z (pobjeda) / Command+Z (Mac) za poništavanje oblika, zatim unesite drugu vrijednost u opciju Radijus i pokušajte ponovo.

Već sam eksperimentirao s ovim nekoliko puta i znam da će mi vrijednost polumjera od oko 30 piksela dati kutove koje želim, pa ću unijeti '30 px' ('px' označava 'piksela') u opciju Radijus:

  Slika vodiča za Adobe Photoshop: Unos vrijednosti od 30 px u opciju Radijus na traci s opcijama. Unesite vrijednost u opciju 'Radijus' kako biste odredili koliko će kutovi biti zaobljeni.

Korak 4: Odaberite sličicu vektorske maske u paleti slojeva

Odabrali smo Rounded Rectangle Tool, odabrali smo opciju 'Shape layers' u paleti Layers i unijeli smo vrijednost 'Radijus' koja će odrediti koliko će naši kutovi biti zaobljeni. Spremni smo za izvlačenje našeg oblika. Najprije se moramo uvjeriti da je vektorska maska ​​odabrana, pa se vratite u paletu slojeva, kliknite na sličica vektorske maske da ga odaberete. Vidjet ćete bijeli okvir za označavanje koji se pojavljuje oko minijature, što nam daje do znanja da je vektorska maska ​​odabrana:

  Slika vodiča za Adobe Photoshop: Kliknite sličicu vektorske maske da biste je odabrali u paleti slojeva u Photoshopu. Kliknite sličicu vektorske maske u paleti slojeva da biste je odabrali. Oko minijature pojavit će se bijeli isticani rub.

Korak 5: Izvucite oblik

Sve što sada trebamo učiniti je razvući naš oblik. Iako će nam izgledati kao da crtamo oblik na samoj slici, ono što zapravo radimo je crtanje na vektorskoj maski, a kada završimo, jedini dio naše fotografije koji će ostati vidljivo je područje unutar oblika. Sve izvan oblika bit će skriveno. Samo naprijed i povucite svoj zaobljeni pravokutni oblik. Ako želite zadržati sve na fotografiji i jednostavno zaokružiti kutove, počnite od gornjeg lijevog kuta fotografije i povucite mišem prema dolje desno. Ako biste radije koristili oblik za izrezivanje dijela fotografije, kao i za zaobljenje kutova, jednostavno povucite svoj oblik oko područja koje želite zadržati.

Ako trebate promijeniti položaj svog oblika dok povlačite, držite pritisnut razmaknica , zatim povucite oblik na njegovu novu lokaciju. Otpustite razmaknicu kada ste gotovi i nastavite povlačiti oblik.

Ovdje sam izvukao svoj zaobljeni pravokutnik točno unutar rubova fotografije. Možete vidjeti zaobljene kutove oblika, koji će za trenutak postati zaobljeni kutovi same fotografije:

  Slika vodiča za Adobe Photoshop: Povlačenje oblika zaobljenog pravokutnika. Kliknite i povucite oblik zaobljenog pravokutnika unutar dokumenta. Sva područja fotografije koja su izvan oblika bit će skrivena od pogleda vektorskom maskom.

Otpustite tipku miša kada budete zadovoljni svojim oblikom i vaša će fotografija trenutno biti 'zamaskirana' u oblik zahvaljujući vektorskoj maski, a kutovi fotografije sada su zaobljeni:

  Slika vodiča za Adobe Photoshop: Fotografija je sada maskirana oblikom zaobljenog pravokutnika. Fotografija je sada maskirana oblikom zaobljenog pravokutnika zahvaljujući vektorskoj maski, a kutovi fotografije sada izgledaju zaobljeni.

Završimo stvari dodavanjem ruba našem obliku.

Korak 6: Dodajte bijeli potez za stvaranje obruba fotografije

Samo zato što su kutovi naše fotografije sada zaobljeni ne znači da joj još uvijek ne možemo dodati okvir fotografije. To samo znači da će uglovi obruba također biti zaobljeni! Da biste dodali obrub, kliknite na Stilovi slojeva ikona na dnu palete slojeva:

  Slika vodiča za Adobe Photoshop: Klikom na'Layer Styles' icon at the bottom of the Layers palette in Photoshop. Kliknite na ikonu 'Stilovi slojeva' na dnu palete slojeva.

Zatim odaberite Moždani udar s dna popisa stilova slojeva koji se pojavljuje:

  Slika vodiča za Adobe Photoshop: Odabir'Stroke' layer style. Odaberite 'Stroke' s popisa stilova slojeva.

Ovo će dovesti do Photoshopa Stil sloja dijaloški okvir postavljen na opcije 'Stroke' u srednjem stupcu. Pojačat ću hod Veličina do otprilike 16 piksela . Možda ćete željeti postaviti svoju na drugu vrijednost ovisno o veličini i razlučivosti vaše slike. Napustit ću Položaj opcija postavljena na Vani , koji će staviti potez u potpunosti na vanjsku stranu rubova oblika. Na kraju ću kliknuti na uzorak boje za Boja opciju na dnu, koja je prema zadanim postavkama postavljena na crvenu (jer Adobe misli da će svi prirodno željeti crvenu kao svoju boju poteza), a od Birač boja koji se pojavi, idem odabrati bijela kao moju boju poteza. Kliknite OK za izlazak iz alata za odabir boja nakon što odaberete bijelu:

  Slika vodiča za Adobe Photoshop: Postavljanje opcija za Potez u dijaloškom okviru Stil sloja. Promijenite opcije zaokružene crveno gore za potez.

Kada završite, kliknite OK za izlaz iz dijaloškog okvira Stil sloja i primijenite potez! Evo, nakon što sam primijenio potez za stvaranje okvira fotografije, moj je konačni rezultat:

  Slika vodiča za Adobe Photoshop: Konačni rezultat. Konačni rezultat 'zaobljenih kutova'.