Bo tròn góc ảnh bằng Photoshop

Bạn đang thiết kế web hoặc đơn giản là bạn muốn tạo một khung tròn bo các góc nhọn của ảnh? Đối với web thì có khá nhiều cách như sử dụng CSS, HTML5,... nhưng các cách này đôi khi gặp rủi ro giữa các trình duyệt khác nhau, và góc bo tròn thường không được sắc nét. Sau đây tôi sẽ giới thiệu một cách đơn giản để tạo một bức ảnh được bo tròn các góc bằng photoshop CS3
Cách làm bạn thực hiện từng bước sau:
Bước 1: Mở bức ảnh bạn cần bo tròn:

Bước 2: Nhấn Ctrl+ A để chọn toàn bộ bức ảnh (Hoặc bạn có thể dùng công cụ tạo vùng chọn để chọn một vùng nào đó trên bức ảnh và cắt ra để bo tròn)

Bước 3: Vào Select - Modify - Smooth xuất hiện cửa sổ Smooth Selection. Ở đây tôi chọn thông số là 20 các bạn có thể tùy ý cho nó bao nhiêu cũng được, miễn thấy ý bạn là được:


--> Sau khi chọn bạn nhấn OK bạn sẽ được như hình sau:

Bước 4: Đảo ngược vùng chọn để xóa bốn cái góc dư bằng cách nhấn Ctrl +Shift + I và nhấn delete
--> Kết quả bạn sẽ được hình ảnh như sau:

Lưu ý: Đây chỉ là một bước đơn giản để bo tròn góc, bạn cũng có thể áp dụng các công cụ có sẵn của photoshop để từ bước này bạn sẽ tạo ra nhiều kiểu khung hình đẹp/ ^_^ 

12 nhận xét:

  1. thanks :) mình xin copy về blog mình để sau này có gì quên thì xem lại ;)

    Trả lờiXóa
  2. nhưng mà cắt thế này khi lên website nó vẫn còn góc màu trắng lộ rõ khi mình để nền màu khác hoặc ảnh khác

    Trả lờiXóa
    Trả lời
    1. bạn lưu ảnh đuôi PNG thì sẽ không bị thế.nhớ tắt font đi trước khi save :D

      Xóa
  3. Website vẫn còn bị màu trắng ở các góc cắt là do bạn để định dạng ảnh là jpg hoặc một định dạng nào đó không hỗ trợ class. Bạn chuyển vè định dạng .png hoặc .gif thì sẽ OK.

    Trả lờiXóa
  4. Bài viết rất là hay. Cảm ơn bạn :)

    Trả lờiXóa
  5. sao mình nhấn delete mà nó không xóa nhỉ

    Trả lờiXóa
  6. Ad cho hỏi làm bo tròn 2 góc trên thì như nào ạ

    Trả lờiXóa

Rất mong các ý kiến của các bạn khi đọc bài viết này !