Làm tròn các góc trong khung Photoshop. Cách làm tròn các góc của hình ảnh bằng CSS mà không cần Photoshop. Một chút lạc đề trữ tình

Tôi lại bị trễ lịch trình nữa rồi! Ơ... Chà, tôi sẽ xuất bản bài học muộn vài giờ, tôi hy vọng điều này không quá quan trọng. Hôm nay trong bài học chúng ta sẽ nói về cách bo tròn các cạnh trong photoshop. Mọi thứ sẽ ổn và bài học sẽ không khác với những gì bạn đã thấy trên các trang khác, nhưng bản thân tôi đã tìm kiếm trước đó và tôi biết họ cung cấp những phương pháp nào. Đừng nghe họ! Quá chán, quá dài. Tôi cung cấp cho bạn một cách góc tròn trong photoshop theo đúng nghĩa đen trong một vài cú nhấp chuột!

Nhân tiện, hãy chụp một bức ảnh stock nhé, tôi chụp cái này trên điện thoại tốt. Không phải quảng cáo :D
Hãy sử dụng lựa chọn như trong ảnh chụp màn hình của tôi:

Chuyển đến tab ( Chọn > Sửa đổi > Làm mịn). Chú ý! Điều này có thể khó khăn đối với một số người. Trong một số phiên bản Photoshop không có “Smooth”, tức là “Tối ưu hóa”. Vì vậy, đừng lo lắng nếu bạn không tìm thấy Smooth. Nó giống nhau.

Ở đây chúng ta đã chọn bán kính cong.

Bây giờ, như bạn có thể thấy, vùng chọn của bạn đã có các góc tròn.

Tất cả những gì còn lại là cắt hình ảnh.

Và bây giờ . Kích thước được đặt tự động ở đó. Và bây giờ chúng ta chỉ cần dán hình ảnh vào một file mới.

Làm việc trong Photoshop cho phép bạn đạt được kết quả tương tự theo nhiều cách khác nhau. Nhưng, tất nhiên, sẽ hợp lý nhất nếu sử dụng con đường đơn giản và hiệu quả nhất có thể. Cần lưu ý rằng việc cắt ảnh hình chữ nhật trong Photoshop xảy ra bằng cách sử dụng công cụ “cắt” đơn giản. Đồng thời, việc đạt được kết quả tương tự nhưng có các cạnh tròn là điều khá khó khăn đối với người dùng mới làm quen vì chương trình không đưa ra giải pháp rõ ràng.

Trước khi làm tròn các cạnh trong Photoshop, bạn nên hiểu tại sao nó lại cần thiết. Những lý do chính là:

Có được hình ảnh hoặc chi tiết của nó có hình dạng theo yêu cầu mà không cần chỉnh sửa thêm;

Nhận một thiết kế độc đáo và đẹp mắt để chụp ảnh.

Vì vậy, khi khởi chạy Photoshop, bạn cần thêm tệp sẽ bị cắt. Để thực hiện việc này, bạn có thể sử dụng các mục menu “Tệp”, “Mở” hoặc chỉ cần kéo ảnh vào môi trường làm việc của chương trình. Để làm tròn các cạnh trong Photoshop, trước tiên bạn phải cho hình ảnh có kích thước phù hợp. Điều này có thể được thực hiện thông qua “Hình ảnh”, “Kích thước” hoặc trước đó đã tạo một tài liệu mới với các kích thước đã cho, hãy di chuyển tệp mong muốn vào đó. Ở đó, bạn có thể biến dạng nó theo ý mình bằng cách sử dụng “Chỉnh sửa”, “Chuyển đổi”.

Sau khi chuẩn bị mẫu làm việc theo cách này, bạn có thể tiến hành trực tiếp quy trình làm tròn các cạnh trong Photoshop. Để thực hiện việc này, bạn cần tìm một trong các công cụ trên bảng điều khiển bên trái, được gọi là "hình chữ nhật" (được gọi bằng phím "U") và chọn từ danh sách các loại của nó - "có các cạnh tròn". Người dùng có thể điều chỉnh góc của các cạnh tròn bằng tùy chọn “bán kính”, tùy chọn này sẽ có sẵn ở bảng trên cùng.

Sau đó, bạn nên chọn phần mong muốn của hình ảnh. Ở đây bạn nên chú ý xem hình chữ nhật thu được có chồng lên ảnh gốc hay không. Nếu trường hợp này xảy ra, thì trong bảng điều khiển lớp nằm ở bên phải, bạn nên hạ lớp mới hình thành có vùng chọn xuống vị trí thấp hơn mẫu đang làm việc. Vùng chọn - trong trường hợp này là "hình chữ nhật tròn" - có thể được di chuyển bằng các công cụ thông thường của chương trình.

Để hiểu cách làm tròn các cạnh trong Photoshop, bạn cần nhấp chuột phải vào lớp có hình chữ nhật thu được và chọn “Tạo vùng chọn”. Sau đó, trên bảng điều khiển chính ở trên cùng, hãy nhấp vào “Chọn”, “Đảo ngược”. Sau đó, vẫn đi đến lớp có hình ảnh chính và áp dụng lệnh "Xóa", được thực hiện bằng cách nhấn nút tương ứng trên bàn phím hoặc thông qua phím nóng "D". Kết quả chỉ có thể được lưu thông qua menu “Tệp”, “Lưu” cho định dạng PSD “gốc”. Hoặc bạn có thể sử dụng “Save As…” để nhận kết quả ở bất kỳ định dạng phổ biến nào khác.

Đây là cách dễ nhất và nhanh nhất để làm tròn các cạnh trong Photoshop. Bây giờ, trí tưởng tượng của bạn sẽ quyết định nơi bạn có thể áp dụng kiến ​​thức mới của mình.

Giá trị độ mờ phụ thuộc vào kích thước tuyến tính của hình ảnh và kích thước bán kính góc bo mà bạn muốn đạt được. Tôi đã chọn giá trị 4 pixel:

Để đề phòng, tôi tạo một bản sao của lớp có hình mờ bằng cách nhấn Ctrl+J.

Giữ phím Ctrl và nhấp vào biểu tượng lớp trong bảng điều khiển Lớp để tạo vùng chọn xung quanh hình dạng. Chuyển đến tab menu chính Chọn --> Tinh chỉnh cạnh. Chọn chế độ xem (ở đầu hộp thoại) “on black”:

Tham số “Smooth” chịu trách nhiệm về bán kính góc, vì vậy bạn có thể chọn nó theo sở thích của mình, nhưng các giá trị “Feather” và “Contrast” phải được đặt thành 0 pixel. và 100% tương ứng.
Nhấp vào OK, hộp thoại "Refine Edge" đóng lại và "kiến chạy" lại xuất hiện trong tài liệu. Tất cả những gì chúng ta phải làm là nhấp vào biểu tượng tạo mặt nạ lớp ở cuối bảng điều khiển lớp, với thao tác này, chúng ta sẽ tạo một mặt nạ lớp từ vùng đã chọn.
Kết quả:

Bảng điều khiển Lớp trông như thế này:

Như bạn có thể thấy trong hình ảnh áp chót, các góc được làm tròn, nhưng dọc theo các cạnh bên trong hình có sự chuyển màu không cần thiết (điều này xảy ra do bị mờ). Để khắc phục điều này, hãy giữ phím Ctrl và nhấp vào biểu tượng mặt nạ lớp:

Một lựa chọn xuất hiện xung quanh hình dạng. Sau đó nhất thiết Nhấp vào biểu tượng lớp, chọn màu mong muốn trong bảng màu và nhấn Ctrl+Delete để tô màu vùng chọn. Tôi lấy màu gốc của hình.

Sau đây là cách làm tròn các góc trong văn bản bằng phương pháp được mô tả ở trên:

Ngoài ra, nếu bạn áp dụng mặt nạ lớp cho tệp nguồn và loại bỏ nó một phần, bạn có thể đạt được hiệu ứng trên các vùng riêng lẻ của hình dạng hoặc văn bản.

Chào buổi sáng, buổi chiều, buổi tối hoặc buổi tối mọi người. Dmitry Kostin luôn ở bên bạn. Một ngày nọ, tôi xem qua nhiều bức tranh khác nhau và rồi tôi thích một vài bức trong số đó. Và họ thích chúng vì chúng có các cạnh tròn. Nó ngay lập tức trông thú vị hơn. Bạn không nghĩ vậy sao? Và đó là lý do tại sao trong bài học hôm nay tôi muốn mách các bạn cách bo tròn các góc trong Photoshop để bức ảnh trông thú vị hơn.

Điều tôi thích ở Photoshop là trong nhiều trường hợp, điều tương tự có thể được thực hiện theo nhiều cách. Vì vậy, nó ở đây. Hãy bắt đầu với photoshop của chúng tôi.

Làm mịn đơn giản

Làm mịn bằng cách sử dụng đường viền

Phương pháp này tương tự như phương pháp trước, nhưng vẫn rất khác. Chúng tôi sẽ làm mọi thứ với cùng một hình ảnh.

Bằng cách tạo ra một hình dạng

Phương pháp thứ ba đã khác hoàn toàn so với hai phương pháp trước. Vì vậy, hãy nghỉ ngơi trong vài giây và tiếp tục. Tôi sẽ không thay đổi hình ảnh và sẽ tải lại chiếc xe này vào Photoshop.

Bạn có thấy mình đã kết thúc với điều gì không? Bức ảnh có các cạnh tròn và tất cả là do nó chỉ được hiển thị ở nơi có hình chữ nhật bo tròn đã vẽ của chúng ta. Nhưng bây giờ bạn có thể cắt ảnh thừa bằng công cụ Frame hoặc có thể lưu ảnh ngay và bạn sẽ có một ảnh riêng với các góc được bo tròn.

Hãy cố gắng tự mình làm mọi thứ, đồng thời cho tôi biết phương pháp nào được trình bày phù hợp với bạn hơn.

Và nhân tiện, nếu bạn còn thiếu sót về Photoshop hoặc bạn chỉ muốn tìm hiểu đầy đủ về nó trong thời gian ngắn nhất có thể, thì tôi thực sự khuyên bạn nên xem một cái. khóa học photoshop hay cho người mới bắt đầu. Khóa học được thực hiện tốt, mọi thứ đều được kể và trình bày tuyệt vời, đồng thời mỗi tài liệu đều được thảo luận rất chi tiết.

Được rồi, tôi sẽ hoàn thành bài học hôm nay. Đừng quên đăng ký để nhận các bài viết mới và chia sẻ điều này với bạn bè của bạn. Tôi rất vui được gặp bạn trên blog của tôi. Tôi đang đợi bạn một lần nữa. Tạm biệt.

Trân trọng, Dmitry Kostin