Photoshop'ta yuvarlak kenarlar yapın. Photoshop'ta yuvarlatılmış köşeler nasıl yapılır. Bir fotoğrafı yuvarlaklaştırmanın hızlı bir yolu

Fotoğraftaki yuvarlatılmış köşeler oldukça ilginç ve çekici görünüyor. Çoğu zaman, bu tür görüntüler kolajları derlerken veya sunumlar oluştururken kullanılır. Ayrıca köşeleri yuvarlatılmış resimler sitedeki gönderiler için küçük resim olarak kullanılabilir. Pek çok kullanım durumu vardır ve böyle bir fotoğrafı elde etmenin yalnızca bir (doğru) yolu vardır. Bu eğitimde, size Photoshop'ta köşeleri nasıl yuvarlayacağınızı göstereceğiz.

Photoshop'ta Köşeleri Yuvarlama

Sonuca ulaşmak için grubun araçlarından birini kullanıyoruz. "Şekiller", ve sonra gereksiz olan her şeyi kaldırın.

1. Düzenlemek istediğiniz fotoğrafı Photoshop'ta açın.

   

2. Ardından şelale katmanının bir kopyasını oluşturun. "Arka plan". Zaman kazanmak için kısayol tuşlarını kullanın CTRL+J. Orijinal görüntüyü olduğu gibi bırakmak için bir kopya oluşturulur. (Aniden) bir şeyler ters giderse, başarısız olan katmanları silebilir ve baştan başlayabilirsiniz.

   

3. Devam etmek. Ve sonra bir araca ihtiyacımız var "Yuvarlarılmış dikdörtgen".

   

   Bu durumda, yalnızca ayarlardan biriyle ilgileniyoruz - yuvarlama yarıçapı. Bu parametrenin değeri görüntü boyutuna ve ihtiyaçlara bağlıdır. Değeri 30 piksel olarak ayarlayacağız, böylece sonuç daha iyi görünür olacaktır.

   

4. Ardından, tuval üzerine herhangi bir boyutta bir dikdörtgen çizin (daha sonra ölçeklendireceğiz).

   

5. Şimdi ortaya çıkan şekli tüm tuvale yaymanız gerekiyor. Bir işlevi çağırmak "Serbest dönüşüm" kısayol tuşları CTRL+T. Şekilde, nesneyi taşıyabileceğiniz, döndürebileceğiniz ve yeniden boyutlandırabileceğiniz bir çerçeve görünecektir.

   

6. Ölçeklendirme ile ilgileniyoruz. Ekran görüntüsünde gösterilen işaretçileri kullanarak şekli uzatın. Ölçekleme tamamlandıktan sonra, GİRMEK.

   

   Tavsiye: Mümkün olduğu kadar doğru ölçeklendirmek için, yani tuvalin ötesine geçmeden, sözde etkinleştirmeniz gerekir. "Patlatmak". Ekran görüntüsüne bakın, bu işlevin nerede olduğunu gösterir. Nesnelerin, tuvalin yardımcı öğelerine ve kenarlıklarına otomatik olarak "yapışmasına" neden olur.

   

7. Ardından, ortaya çıkan rakamı seçmemiz gerekiyor. Bunu yapmak için tuşuna basın CTRL ve dikdörtgen katman küçük resmine tıklayın.

   

8. Gördüğünüz gibi şeklin etrafında bir seçim oluştu. Şimdi kopya katmanına gidin ve şekil içeren katmandan görünürlüğü kaldırın (ekran görüntüsüne bakın).

   

9. Şelale katmanı artık aktif ve düzenlenmeye hazır. Düzenleme, resmin köşelerindeki fazlalıkları gidermektir. Seçimi kısayol tuşlarıyla tersine çevir CTRL+ÜST KARAKTER+I. Artık seçim yalnızca köşelerde kalıyor.

   

Uzun zamandır Adobe Photoshop kullanarak köşeleri nasıl yuvarlayacağımı arıyordum, ancak her yerde bir yerde yazmayı bitirmiyorlar veya yanlış yazılmışlar. Anlaşıldığı üzere, herhangi bir resmin köşelerini yuvarlamak, nasıl yapılacağını öğrendikten sonra elbette 30 saniyeden fazla sürmeyecektir.

Ve böylece, bu kadar basit bir işlemi gerçekleştirmek için, uygulamayı çalıştırıp ihtiyacımız olan resmi programın içine atmanız veya Menu->File->Open->Desired picture.jpg'yi kullanmanız gerekiyor. doğanın.

Sağ alt köşeye dikkat edin, "Katmanlar" da bir arka plan görüntüsü belirdi, bir katmana dönüştürülmesi gerekiyor. Bunu yapmak için arka plana sağ tıklayın ve "Arka plandan katman" seçeneğini seçin.

Bu işlem sonucunda arka planımız bir katmana dönüşecektir.

Katman 0'a sağ tıklayarak ve "Katmanı Çoğalt" seçeneğini seçerek kopya bir görüntü oluşturun.

Şekil 2

"Katman 0"ı çalışma alanından gizleyin. Bir katmanı gizlemek için katman adının yanındaki GÖZLER simgesine tıklayın.

Görüntünün istediğiniz bölümünü seçin.

Resmin istediğiniz bölümünü bir dikdörtgenle işaretlediğiniz anda, seçimin içine sağ tıklayın ve "Seçim Oluştur" seçeneğini seçin.

İletişim kutusunda, Tamam düğmesine basın, geçiş yumuşatmaya dokunmayın.

Çok önemli bir nokta! Katman 0'ı (Kopyala) seçin, ardından klavyedeki SİL düğmesine basın. Katman 0 (kopya) normal bir fare tıklaması ile seçilmelidir.

Her şey doğru yapılırsa, Photoshop'ta bu resme benzer bir şey göreceksiniz. Artık görüntüyü, örneğin png formatında kaydedebilir ve sanat eserinin keyfini çıkarabilirsiniz.

Bir şey daha var, kesilen parça orijinal görüntüden iki hatta 3 kat daha küçükse, büyük bir boş alan olur, silinmesi gerekir. Bunu yapmak için iç içe yerleştirme aracını seçin ve görüntünün boş alanı olmayan bir alanını seçin.

Ardından Düzenle->Kopyala menüsüne gidin.

Dosya->Yeni menüsüne gidin ve Tamam'a tıklayın. Program, görüntünün seçilen alanının tuvalinin genişliğini ve yüksekliğini otomatik olarak ayarlayacaktır.

"Adsız 1" adlı yeni projede kendimizi otomatik olarak içinde bulacağız, Düzenle->Ekle menüsüne gidin.

Bir görüntüyü kaydetmenin en iyi yolu, "Web için Kaydet" seçeneğini kullanmaktır. İlk olarak, görüntü kalitesini yüzde olarak manuel olarak seçebilirsiniz ve ikincisi, görüntü boyutu, normal şekilde kaydettiğinizden birkaç kat daha küçük olacaktır.

Ve sonunda ne elde ettik.

Köşeleri dönmeyi nasıl başardığımı anlamayanlar için, bu basit görevde size yardımcı olacak özel bir video kaydettim.

Bu hızlı eğitimde, basit maskeleme teknikleri ve filtreler kullanarak Photoshop'ta nasıl yuvarlatılmış köşeler yapabileceğinizi göstereceğim.

Şeklinizin, metninizin vb. kenarlarını yuvarlamak için köşe yarıçapını ayarlayabilirsiniz. Bu, yuvarlatılmış köşeler oluşturmak için hızlı ve kolay bir yöntemdir. Bunları oluşturmak için bir katman maskesi kullanabilirsiniz.

Photoshop'ta bir dizi basit adımı kullanarak köşeleri yuvarlatılmış bir dikdörtgen oluşturabileceksiniz. Photoshop'ta hemen yuvarlak bir köşe yapmak için bir filtre veya araç yoktur, ancak bunu Illustrator ile yapabilirsiniz. Hemen hemen her nesnede yuvarlatılmış köşe efekti oluşturmanıza olanak tanır. İçinde menüye gitmeniz gerekiyor Efektler > Şekillendirme > Yuvarlatılmış Köşeler(Efektler > Stilize Et > Yuvarlak Köşeler).

Aşama 1

Bu hızlı öğreticide, rasterleştirilmiş metin, şekil veya görüntü kullanarak Photoshop'ta yuvarlatılmış köşeler elde etmenin basit bir yöntemini göstereceğim. Keskin köşeleri olan bir yıldızın vektör görüntüsünü alalım (bu yöntem dik açılarda da işe yarayacaktır).

Adım 2

Şimdi katmanı rasterleştirmeniz gerekiyor. Bunu yapmak için, katmanlar paletinde yıldız katmanının küçük resmine sağ tıklayın ve Rasterleştirme katmanı(Katmanı Rasterleştir). Bir metin katmanı kullanıyorsanız aynısını yapmalısınız.

Aşama 3

menüye git Filtre > Bulanıklaştır(Filtre > Bulanıklaştır) ve öğesini seçin. Gauss bulanıklığı(Gauss Bulanıklığı). Bulanıklık yarıçapı, görüntünüzün boyutuna ve elde etmek istediğiniz sonuca bağlı olacaktır. 5 piksellik bir yarıçap seçeceğim.

Adım 4

Görüntü seçimini etkinleştirmek için Ctrl tuşunu basılı tutun ve katman küçük resmine tıklayın. Ardından, menüye gidin seçim ve Seç Kenar rafine(Seçin > Kenarı İncelt). Seçenekleri deneyebilirsiniz yumuşatma(Pürüzsüz) ve Tüyler(Tüy) öğesine basarak istediğiniz efekti seçin. Zıtlık(Kontrast) 100 yapın.

Adım 5

Şeklin rengini alın, bizim durumumuzda sarıdır ve tüm seçimi bu renkle doldurun. Bunu "Shift + F5" tuş kombinasyonuna basarak yapabilirsiniz.

Adım 6

Seçimi kaldırmadan, katmanlar paletinin altında bulunan simgeye tıklayarak katman maskesi eklemelisiniz. İşte bu, şimdi yıldızın köşeleri yuvarlatılmış.

Aşağıdaki resimde gösterildiği gibi köşeleri yuvarlatılmış metin oluşturmak için aynı yöntemi kullanabilirsiniz. Artık kendi yazı tipinizi oluşturabilirsiniz.

Web sitesi tasarımındaki geleneksel dikdörtgen köşeler uzun zamandır herkesi bıktırdı. Görüntülerin yardımıyla değil, border-radius özelliğinin kullanıldığı stiller aracılığıyla yapılan yuvarlatılmış köşeler revaçta. Bu özellik, tüm köşelerin veya her birinin ayrı ayrı yarıçapını belirleyen bir, iki, üç veya dört boşlukla ayrılmış değere sahip olabilir.

Masada. 1 farklı sayıda değeri ve bu durumda elde edilen blok tipini gösterir.

kod	Tanım	Görüş
div (sınır yarıçapı: 10 piksel; )	Aynı anda tüm köşeler için yuvarlama yarıçapı.
div ( sınır yarıçapı: 0 10px; )	İlk değer sol üst ve sağ alt köşelerin yarıçapını ayarlar, ikinci değer sağ üst ve sol alt köşeleri ayarlar.
div ( sınır yarıçapı: 20px 10px 0; )	Birinci değer sol üst köşenin yarıçapını, ikinci değer aynı anda sağ üst ve sol alt köşenin yarıçapını ve üçüncü değer sağ alt köşenin yarıçapını ayarlar.
div ( sınır yarıçapı: 20px 10px 5px 0; )	Sol üst köşenin, sağ üst köşenin, sağ alt köşenin ve sol alt köşenin yarıçapını sırayla ayarlar.

Örnek 1, köşeleri yuvarlatılmış bir bloğun nasıl oluşturulacağını gösterir.

Örnek 1. Blok köşeleri

HTML5 CSS3 IE 9+ Cr Op Sa Fx

Bu örneğin sonucu Şekil l'de gösterilmiştir. 1.

Pirinç. 1. Köşeleri yuvarlatılmış blok

Yuvarlama yarıçapı elemanın yüksekliğinin ve genişliğinin yarısından fazlasına ayarlanarak ilginç bir etki elde edilebilir. Bu durumda, bir daire elde edersiniz. Örnek 2, resimli bir yuvarlak düğmenin nasıl oluşturulacağını gösterir.

Örnek 2: Yuvarlak düğme

HTML5 CSS3 IE 9+ Cr Op Sa Fx

Bu örneğin sonucu Şekil l'de gösterilmiştir. 2.

Pirinç. 2. Yuvarlak düğme

Opera tarayıcısında, yuvarlama border özelliği aracılığıyla hiçbir kenarlık ayarlanmazsa yanlış uygulanır.

border-radius özelliği, bir öğeye gölge eklemek gibi diğer özelliklerle de birleştirilebilir. Örnek 3, biri box-shadow ile vurgulanan bir dizi daire yaptı. Böyle bir set, sayfalarda veya fotoğraflarda gezinmek için kullanılabilir.

Örnek 3 Kızdırma

HTML5 CSS3 IE 9+ Cr Op Sa Fx

Bu örneğin sonucu Şekil l'de gösterilmiştir. 3.

Pirinç. 3. Çemberin etrafında parlayın

Sınır yarıçapının yardımıyla, blok üzerinde sadece bir daire değil, aynı zamanda bir elips ve eliptik bir yuvarlama da yapabilirsiniz. Bunu yapmak için, bir değil, eğik çizgi boyunca iki değer yazmanız gerekir. 20px/10px yazmak, yatay yarıçapın 20 piksel ve dikey olarak 10 piksel olacağı anlamına gelir. Örnek 4, bir fotoğrafa çizgi roman başlığı eklemek için eliptik köşelerin nasıl oluşturulacağını gösterir.

Örnek 4. Elipsler

HTML5 CSS3 IE 9+ Cr Op Sa Fx

sen kendi öğretmeninsin

Bu örneğin sonucu Şekil l'de gösterilmiştir. 4.

Pirinç. 4. Oval köşelerin kullanımı

Örnek 5'te gösterildiği gibi, img seçiciye border-radius özelliğini ekleyerek resimlerin köşelerinin görünümünü de değiştirebilirsiniz.

Örnek 5 Görseller

HTML5 CSS3 IE 9+ Cr Op Sa Fx