Cara membulatkan sudut gambar. Cara membulatkan sudut gambar menggunakan css tanpa photoshop

Pelajaran ini cukup sederhana, tetapi hasilnya akan enak dipandang - sudut-sudut foto Anda yang membulat rapi. Dan ini sangat mudah dicapai jika Anda memiliki versi Adobe Photoshop apa pun di gudang senjata Anda, dan foto yang perlu diproses.

Pembulatan sudut gambar terjadi dalam beberapa tahap:

1. Buka gambar di Photoshop. Untuk melakukan ini, klik “File” dan “Open” atau pintasan keyboard Ctrl + O.


2. Buat layer baru dengan mengklik Layers, lalu New Layer.


3. Di sisi kiri program terdapat toolbar vertikal. Di dalamnya Anda akan menemukan alat Rectangle. Kami tidak membutuhkannya saat ini, jadi klik kanan padanya dan pilih alat “Rounded Rectangle”.


4. Panel pengaturan untuk alat ini akan muncul di bagian atas program. Di sini Anda dapat mengatur radius sudut yang diinginkan, mis. Anda dapat menambah atau mengurangi pembulatan. Nilai defaultnya adalah 10 piksel. Harap dicatat bahwa untuk menggunakan alat ini, Anda harus mengaktifkan opsi “Garis Besar”, yang juga terletak di panel pengaturan.


5. Pilih seluruh gambar, dimulai dari pojok kiri atas dan berakhir di pojok kanan bawah.


6. Klik kanan pada gambar dan pilih opsi “Buat Pilihan”. Garis pilihan putus-putus akan muncul.


7. Sekarang buka toolbar horizontal dan buka tab "Seleksi" lalu pilih "Balik".




8. Sekarang semuanya sebaliknya - bukan gambar itu sendiri yang dipilih, tetapi sudut yang tidak perlu. Untuk menghapusnya, cukup tekan kombinasi tombol Ctrl+Delete pada keyboard Anda.


9. Sekarang batalkan pilihan dengan menekan Ctrl+D pada keyboard Anda. Nikmati hasilnya!


Jangan lupa untuk menyimpan foto yang sudah jadi ke komputer Anda.

Bekerja di Photoshop memungkinkan Anda mencapai hasil yang sama dengan cara yang berbeda. Namun tentu saja yang paling rasional adalah menggunakan jalur yang sesederhana dan seefektif mungkin. Perlu dicatat bahwa pemotongan foto persegi panjang di Photoshop dilakukan menggunakan alat "pangkas" sederhana. Pada saat yang sama, mencapai hasil yang serupa, tetapi dengan tepi membulat, cukup sulit bagi pengguna pemula, karena program ini tidak menawarkan solusi yang jelas.

Sebelum Anda membulatkan tepinya di Photoshop, Anda harus memahami mengapa hal itu perlu. Alasan utamanya adalah:

Memperoleh gambar atau detailnya yang mempunyai bentuk yang diinginkan, tanpa perlu penyuntingan lebih lanjut;

Mendapatkan desain orisinal dan indah untuk fotografi.

Jadi, setelah meluncurkan Photoshop, Anda perlu menambahkan file yang akan dipotong. Untuk melakukan ini, Anda dapat menggunakan item menu “File”, “Open”, atau cukup menyeret foto ke lingkungan kerja program. Untuk membulatkan tepinya di Photoshop, Anda harus terlebih dahulu memberikan ukuran gambar yang sesuai. Ini dapat dilakukan melalui "Gambar", "Ukuran" atau, setelah membuat dokumen baru dengan dimensi tertentu, pindahkan file yang diinginkan ke dalamnya. Di sana Anda dapat mengubah bentuknya sesuai kebijaksanaan Anda menggunakan "Pengeditan", "Transformasi".

Setelah menyiapkan sampel kerja dengan cara ini, Anda dapat melanjutkan langsung ke prosedur cara membulatkan tepinya di Photoshop. Untuk melakukan ini, Anda perlu menemukan salah satu alat di panel kiri, yang disebut "persegi panjang" (disebut dengan tombol "U"), dan pilih dari daftar jenisnya - "dengan tepi membulat". Pengguna dapat menyesuaikan sudut tepi yang membulat menggunakan opsi “radius”, yang tersedia di panel atas.

Maka Anda harus memilih bagian gambar yang diinginkan. Di sini Anda harus memperhatikan apakah persegi panjang yang dihasilkan tumpang tindih dengan foto aslinya. Jika demikian, maka pada panel lapisan yang terletak di sebelah kanan, Anda harus menurunkan lapisan yang baru dibentuk dengan pilihan ke posisi yang lebih rendah dari sampel yang berfungsi. Seleksi - dalam hal ini "persegi panjang bulat" - dapat dipindahkan menggunakan alat program yang biasa.

Untuk memahami cara membulatkan tepinya di Photoshop, Anda perlu mengklik kanan pada layer dengan persegi panjang yang dihasilkan dan memilih "Buat Pilihan". Kemudian, pada panel utama di bagian atas, klik “Pilih”, “Balik”. Kemudian tinggal menuju layer dengan gambar utama dan menerapkan perintah "Hapus", yang dilakukan dengan menekan tombol yang sesuai pada keyboard atau melalui tombol pintas "D". Hasilnya hanya dapat disimpan melalui menu “File”, “Save” untuk format PSD “native”. Atau Anda dapat menggunakan “Simpan Sebagai...” untuk mendapatkan hasilnya dalam format umum lainnya.

Ini adalah cara termudah dan tercepat untuk membulatkan tepian di Photoshop. Sekarang terserah imajinasi Anda untuk memutuskan di mana Anda dapat menerapkan pengetahuan baru Anda.

Cara membulatkan sudut foto di Photoshop menggunakan tool RECTANGLE WITH ROUND CORNERS

1. Luncurkan Photoshop, buka foto yang diinginkan

2. Pilih alat PERSEGI PANJANG DENGAN SUDUT BULAT

3. Pada pengaturan Tools, Anda dapat mengatur radius, seberapa besar pembulatan sudut di Photoshop. Saya memilih 50 piksel

4. Kita telah memilih alat RECTANGLE WITH ROUND CORNERS.
Sekarang kita gerakkan mouse ke pojok kiri atas, akan muncul tanda silang yang seharusnya berwarna putih, dan kita tarik mouse ke pojok kanan bawah agar tanda silang tersebut bertepatan dengan sudut gambar, dalam hal ini tanda silang tersebut akan berubah menjadi putih; .
Kita akan memiliki bentuk dengan sudut membulat.
Selanjutnya, seret gambar di lapisan tersebut ke lapisan atas, seperti yang ditunjukkan pada tangkapan layar

5. Pilih area yang membulat.
Pada gambar, klik kanan, pilih Buat area yang dipilih dan jangan ubah apa pun - klik OK.

Kami akan memiliki pilihan yang bulat

6.Pergi ke SELECT-INVERT atau cukup tekan Shift+Ctrl+I

7. Sekarang Anda perlu menghapus sudut yang dipilih menggunakan tombol Delete pada keyboard.

8.Sekarang hapus seleksi, Anda dapat melakukannya dengan Ctrl+D dan lihat hasilnya

Pelajaran dari Natalia Petrova: (blogs.mail.ru/mail/petrovanata11/62219DB24CD43D05.html)

1 suara

Selamat siang, para pengembang situs web pemula yang terkasih. Saya akhirnya membahas tentang teknik apa yang digunakan untuk membuat situs web yang mengagumkan. Hari ini saya akan memberi tahu Anda cara memproses foto dalam beberapa menit dan dengan demikian membuat portal lebih indah, dan durasi kunjungan jauh lebih lama. Tidak percaya padaku? Tapi sia-sia...

Sejak munculnya situs penjualan, perusahaan-perusahaan besar mulai mempelajari dengan cermat selera audiens mereka. Mereka dengan hati-hati berusaha menyembunyikan beberapa penemuan mereka, karena tekniknya bekerja terlalu baik, sementara yang lain cukup sulit untuk disembunyikan, dan terlalu sering digunakan.

Setiap orang sudah lama terbiasa dengan foto persegi panjang yang mulus. Mereka digunakan ketika menyangkut bisnis serius yang menangani masalah-masalah yang bertanggung jawab.

Jika perusahaan atau layanan lebih sederhana, Anda dapat lebih sering melihat gambar dengan transisi mulus. Anda dapat melihatnya di halaman penjualan mana pun yang berisi kumpulan teknik jurnalisme, pemasaran, dan psikologi terbaik.

Hari ini Anda akan mempelajari semua metode tentang cara membulatkan sudut di Photoshop. Jika Anda berpikir untuk mempertahankan perhatian dan memenangkan hati, gunakan bentuk yang ramping, dan jika Anda membuat portal yang serius dan ingin membuat semacam penghalang antara Anda dan pembaca, lebih baik menggunakan gambar persegi panjang: “Kami adalah kawan-kawan yang serius, jika Anda menginginkan kualitas - kepada kami."

Cara cepat untuk melengkapi foto

Jadi, kami akan bekerja di Photoshop. Buka gambarnya.

Temukan alat Persegi Panjang Bulat.

Jika Anda tidak dapat menemukannya, tahan tombol kiri mouse pada tombol menu selama beberapa detik untuk membuka opsi tambahan.

Tidak masalah warna apa yang Anda pilih. Seret objek melintasi gambar sehingga area yang Anda perlukan berada di dalam bentuk.

Perhatikan propertinya. Anda dapat "bermain" dengan indikator yang ditunjukkan pada gambar dan lebih menekuk bagian tepinya. Masukkan nomor Anda dan tekan enter untuk melihat hasilnya. Jika sudah puas, tekan enter lagi.

Sekarang, sambil menahan tombol CTRL, klik pada bagian tengah layer yang berisi persegi panjang yang baru saja Anda gambar. Hati-hati, jika Anda mengklik teks tersebut, tidak akan terjadi apa-apa. Anda perlu mengklik tepat di tengah ikon dengan gambar mini.

Sekarang kami menghapus visibilitas. Untuk melakukan ini, klik pada “mata” di sebelah layer.

Mari kita lanjutkan bekerja dengan layer, pilih: klik pada teks atau ikon. Tidak masalah. Jangan lewati langkah ini atau keajaiban tidak akan terjadi.

Siap. Jika Anda akan menampilkan gambar di situs, Anda dapat menyimpannya, yang utama jangan sampai salah dengan formatnya.

Anda membutuhkan png persisnya.

Dalam hal ini, tepi dengan pemeriksa akan menjadi transparan. Pilih jpeg dan itu akan digantikan oleh batas putih yang tidak menarik.

Anda juga dapat menambahkan gambar ini ke foto Anda. Dalam hal ini, menyimpan dan membuka kembali tidak diperlukan.

Cukup pilih (Ctrl+A) lalu salin (Ctrl+C) dan tempel ke gambar lain (Ctrl+V).

Pembulatan untuk desainer, mempercepat proses pengerjaan suatu proyek

Katakanlah Anda sedang mengerjakan beberapa proyek keren yang penting. Semuanya hampir siap dan Anda ingin melihat tampilannya dengan sudut membulat. Tidak perlu membuka seratus ribu tab: potong, tempel, dan sebagainya. Semuanya bisa dilakukan dengan lebih cepat dan mudah.

Berikut ini contoh saya. Omong-omong, jika mau, Anda bisa mendownload file psd ini, membukanya di Photoshop dan berlatih ( unduh ).

Pilih lapisan yang kita butuhkan. Saya akan bekerja dengan gambar burung hantu yang besar. Oleh karena itu, saya tahan Ctrl dan klik pada bagian tengah gambar thumbnail layer ini. Bukan melalui teks atau mata. Sesuai gambar dengan gambar. Maaf atas tautologinya.

Pertama-tama, centang kotak di samping “terapkan efek pada batas”. Lalu kita atur radiusnya.

Sayangnya, Anda harus memilih berdasarkan mata. Di sini, sebagai aturan, mereka menetapkannya menjadi 15. Ini adalah standarnya, tetapi, seperti yang Anda pahami, Anda dapat menyimpang darinya.

Kami memilih opsi yang ideal.

Kemudian di tab “Seleksi” kita menemukan “Inversi”.

Tekan tombol “del” pada keyboard dan selesai.

Untuk menghilangkan semut yang merayap di sepanjang tepinya, Anda perlu menekan Ctrl dan D secara bersamaan.

Jika Anda menyukai pelajaran ini, Anda dapat menemukan lebih banyak lagi. Untuk melakukan ini, Anda tidak perlu mencari di Youtube apa pun yang terlintas dalam pikiran Anda. Dapat dipelajari semua chip “dari A sampai Z” menurut video pelajaran. Dapatkan presentasi gratis versi terbaru kursus Photoshop Rusia. Dalam hal ini, Anda tidak hanya akan dapat melakukan hal-hal dasar, tetapi juga belajar bagaimana melakukan pekerjaan yang kompleks, melihat bagaimana spesialis sejati menggunakan keterampilan sederhana dan apa hasilnya.

Misalnya, apa yang Anda pelajari hari ini dapat diterapkan tidak hanya pada pemangkasan sudut.

Anda sudah mengetahui cara membuat gambar segitiga. Apakah kamu tidak mengerti? Ini sangat sederhana.

Ambil metode pemangkasan pertama dari artikel ini sebagai dasar, tetapi alih-alih menggunakan persegi panjang, pilihlah poligon.

Jangan lupa untuk mengatur "tiga sisi" pada panel di bagian atas agar tidak membodohi diri sendiri dengan mengubah gambar.

Dan, jika tidak ingin sudutnya setajam milik saya, atur saja anti-aliasingnya di pengaturan.

Anda dapat mendownload gambar ini dalam format psd langsung dari blog saya dan mengerjakannya ( unduh ). Saya pikir memperbaikinya tidak menjadi masalah.

Jika artikel ini bermanfaat, silakan berlangganan buletin blog saya. Masih banyak hal menarik menanti Anda! Dan terakhir, video tentang bagaimana seorang gadis bisa diubah menjadi pizza menggunakan Photoshop. Tonton sampai habis, lucu.

Pada beberapa situs yang desainnya tidak memiliki sudut tajam, ilustrasi pada artikel dan berita juga memiliki tepi yang membulat. Seringkali, desainer web tidak memikirkan fakta bahwa membuat ilustrasi dengan sudut membulat akan sulit bagi pemilik situs yang belum tentu memiliki pengetahuan yang diperlukan; photoshop. Namun, pelanggan situs itu sendiri yang harus disalahkan. Meskipun dia menuntut agar semuanya indah, dia sering kali tidak memikirkan bagaimana dia akan menambahkan gambar dengan tepi membulat ke artikel dan berita di situsnya.

Dalam pelajaran ini photoshop kita akan melihat betapa mudahnya membulatkan sudut gambar menggunakan contoh avatar, tanpa dibatasi oleh ketebalannya 1 piksel:

Ketika saya pertama kali perlu mengambil jalan pintas dalam sebuah ilustrasi untuk sebuah situs web, jawabannya tidak jelas bagi saya. Saya mencari di Google dan menemukan beberapa instruksi terjemahan yang terlalu rumit bagi seorang pemula untuk kesulitan dengan saluran, jalur, blur, panduan, dan alat lainnya untuk pengguna tingkat lanjut. photoshop Bahkan seorang profesional pun malas, dan bagi seorang pemula, proses seperti itu mungkin tampak tidak dapat dipahami dan membosankan. Setelah berpikir sejenak, saya menemukan cara saya sendiri untuk dengan cepat dan mudah membulatkan tepi desain yang saya butuhkan.

Bulatkan seluruh sudut gambar menggunakan bentuk Photoshop

Katakanlah Anda perlu membuatnya dengan ujung membulat. Namun, Anda tidak memiliki gambar serupa dengan tepian halus. Menawarkan kepada Anda gambaran yang sangat sederhana, namun sangat detail dan bergambar Tutorial photoshop cara membuat gambar dengan sudut membulat untuk pemula.

1. Buka Photoshop. Tutorial ini menggunakan versi favorit saya. Adobe Photoshop CS3, tetapi versi lain apa pun yang diinstal di komputer Anda dapat digunakan.

2. Buka gambar aslinya, yang ujung-ujungnya akan kita bulatkan. Jika gambar berbeda ukuran dan bentuknya dari yang kita perlukan, maka perlu dan/atau di Photoshop sebelum mulai membulatkan sudutnya.

3. Tekan pada papan ketik Ctrl+A untuk memilih seluruh gambar, lalu klik Ctrl+C untuk menyalinnya. Buka jendela baru di Photoshop ( Ctrl+N) dan tempel gambar yang disalin ke dalamnya ( Ctrl+V). Dalam hal ini, latar belakang di jendela baru harus berupa , atau warna yang mengelilingi gambar dengan tepi membulat di situs.

4. Buat lapisan baru ( Ctrl+Shift+N). Dan pada layer baru ini menggunakan tool Alat Persegi Panjang Bulat (U) menggambar persegi atau persegi panjang dengan ukuran yang dibutuhkan:

5. Warna latar belakang persegi panjang yang digambar tidak menjadi masalah. Parameter Radius, mencirikan derajat kebulatan sudut, untuk pelajaran ini sama dengan 8 , tapi Anda dapat mengubahnya sesuai keinginan Anda:

6. Bentuk yang digambar pada layer baru dapat dipindahkan menggunakan tombol panah pada keyboard. Bentuknya bisa diubah dengan menekan pada keyboard Ctrl+T lalu regangkan bentuknya dengan mouse. Jika Anda menyeret di sudut sambil menahan tombol Menggeser, ukuran gambar akan berubah secara proporsional. Sebagai hasil dari semua tindakan ini, kami akan memastikan bahwa gambar dengan tepi membulat akan memiliki ukuran dan bentuk yang kami butuhkan:

7. Sambil menahan kuncinya Ctrl klik pada pratinjau lapisan di panel lapisan Lapisan(bagi kami ini adalah kotak merah). Ini akan memungkinkan kita untuk memilih persegi panjang merah dengan sudut membulat, sebagaimana dibuktikan dengan garis putus-putus yang muncul di sepanjang perbatasannya:

8. Di panel lapisan Lapisan pergi ke lapisan bawah dengan gambar utama dan tekan kombinasi Ctrl+Shift+I(atau Pilih -> Terbalik di menu utama Photoshop). Ini akan menyorot area yang terletak di luar kotak bulat merah.

9. Tekan salah satu tombol pada keyboard Menghapus untuk menghapus bagian gambar utama yang tidak kita perlukan ini. Setelah ini, buat lapisan atas dengan kotak merah tidak terlihat (di panel Lapisan Klik pada ikon mata di sebelah layer dengan kotak merah). Tekan pada papan ketik M dan klik di mana saja pada kanvas gambar untuk membatalkan pilihan gambar avatar yang sudah jadi dengan sudut membulat. Jika kita mengatur latar belakang menjadi transparan, kita mendapatkan yang berikut:

10. Gambar tanpa sudut tajam sudah siap. Anda juga dapat menggunakannya sebagai avatar atau ilustrasi di situs.

Jika Anda perlu sering membuat gambar dengan sudut membulat dan semuanya memiliki ukuran dan gaya yang sama, akan logis untuk menyimpan hasil pelajaran ini. photoshop dalam format PSD sehingga lapisannya tetap dapat diedit. Kemudian proses pembuatan gambar baru tanpa sudut tajam akan dipermudah dengan memilih garis luar gambar yang sudah jadi, membalik seleksi dan menghapus bagian yang tidak diperlukan pada gambar baru.

Jika Anda hanya perlu membulatkan satu sudut desain, sedangkan sisanya harus tetap tajam, petunjuk di atas juga cocok untuk digunakan. Untuk melakukan ini, lakukan saja menggunakan kombinasi tersebut Ctrl+T Persegi panjang merah lebih besar dari gambar yang sedang Anda edit. Dalam hal ini, tepi kotak merah akan berakhir di luar kanvas dan persegi panjang tersebut dapat ditumpangkan pada gambar sehingga hanya satu sudut yang tumpang tindih dengan area gambar yang terlihat, dan sisanya tetap berada di luarnya. Dengan membalik dan menghapus bagian gambar yang dipilih, kita hanya akan membulatkan satu sudut gambar yang diinginkan, dan sudut lainnya akan tetap tajam. Demikian pula, Anda dapat dengan cepat dan mudah membulatkan sejumlah sudut pada gambar apa pun.

Selain itu, untuk membuat gambar dengan tepi bergerigi atau efek serupa lainnya, Anda dapat menggunakan gambar dengan tepi bergerigi atau sudut membulat, yang diunduh dari beberapa situs. Dalam hal ini, Anda perlu menghapus latar belakang yang tidak terkait dengan gambar, misalnya menggunakan alat Alat Tongkat Ajaib (W).

Anda dapat mempelajari lebih lanjut tentang mempromosikan aplikasi seluler di situs web advertmobile.net. Layanan ini menawarkan instalasi termotivasi dalam volume besar untuk aplikasi yang Anda kembangkan, serta promosi kompetennya di App Store dan Google Play.