Cắt hình ảnh thành hình dạng bằng Photoshop hoặc Elements

Một clipping mask trong Photoshop CC hoặc Photoshop Elements là một cách dễ dàng, không phá hủy để cắt một hình ảnh thành bất kỳ hình dạng nào trong Photoshop và Photoshop Elements. Chúng tôi đang sử dụng một hình dạng tùy chỉnh để chứng minh kỹ thuật trong hướng dẫn này, nhưng nó sẽ làm việc giống với văn bản hoặc bất kỳ nội dung lớp nào với các vùng trong suốt. Hướng dẫn này được viết cho Photoshop và Photoshop Elements. Khi có sự khác biệt trong các phiên bản, chúng tôi đã giải thích chúng trong các hướng dẫn.

Công cụ cắt cookie trong Photoshop Elements là một cách nhanh chóng và dễ dàng để cắt một hình ảnh thành một hình dạng. Công cụ cắt cookie không yêu cầu hướng dẫn, nhưng bằng cách sử dụng một mặt nạ cắt, bạn có thể linh hoạt hơn và không giới hạn những hình dạng bạn đã cài đặt trong Photoshop Elements.

01 trên 10

Chuyển đổi nền thành một lớp

UI © Adobe

Mở hình ảnh bạn muốn đặt bên trong một hình dạng.

Mở bảng layer nếu nó chưa được mở (nhấn F7 hoặc vào Window> Layers).

Nhấp đúp vào nền trong bảng layer để chuyển đổi nền thành một lớp. Nhập tên cho lớp và nhấn OK.

02 trên 10

Thiết lập công cụ hình dạng

UI © Adobe

Chọn công cụ hình dạng. Trong thanh tùy chọn, hãy đảm bảo công cụ được đặt cho các lớp hình dạng và chọn hình dạng tùy chỉnh cho phần cắt của bạn. Chúng tôi đang sử dụng một trong các hình chữ nhật hình chữ nhật miễn phí từ trang này. Màu sắc hình dạng không quan trọng và kiểu phải được đặt thành "Không có kiểu".

03 trên 10

Vẽ hình cho Cutout của bạn

© Sue Chastain

Vẽ hình dạng trong tài liệu của bạn ở vị trí gần đúng nơi bạn muốn cắt hình ảnh của mình. Để bây giờ, nó sẽ được bao che lên hình ảnh của bạn.

04 trên 10

Thay đổi thứ tự lớp

UI © Adobe

Vào bảng layer và hoán đổi thứ tự của các layer bằng cách kéo layer shape bên dưới hình ảnh bạn muốn cắt.

05 trên 10

Tạo một Clipping Mask

© Sue Chastain, Giao diện người dùng © Adobe

Chọn layer ảnh trong bảng layer, và chọn Layer> Create Clipping Mask hoặc Layer> Group with Previous , tùy thuộc vào phiên bản Photoshop của bạn (xem chú thích bên dưới). Trong Photoshop, bạn có thể chọn lệnh Clipping Mask bằng cách kích chuột phải vào layer trong bảng layer. Hoặc bạn có thể sử dụng phím tắt Ctrl-G trong bất kỳ phiên bản nào của Photoshop.

Hình ảnh sẽ được cắt thành hình bên dưới nó, và bảng layer sẽ hiển thị layer cắt bớt thụt vào bằng một mũi tên chỉ xuống để định hình lớp để cho thấy chúng được nối với nhau trong một nhóm cắt.

Trong Photoshop Elements và trong các phiên bản Photoshop cũ hơn, lệnh này được gọi là "Group with previous". Nó được đổi tên để tránh nhầm lẫn khi tính năng nhóm lớp được thêm vào Photoshop.

Cả hai lớp đều độc lập, vì vậy bạn có thể chuyển sang công cụ di chuyển và điều chỉnh kích thước và vị trí của hình ảnh hoặc hình dạng.

06 trên 10

Tiết kiệm và sử dụng hình ảnh Cutout

UI © Adobe

Bây giờ nếu bạn muốn sử dụng hình ảnh trong suốt ở nơi khác, bạn sẽ cần lưu nó ở định dạng hỗ trợ độ trong suốt như PSD hoặc PNG . Bạn cũng sẽ cần đảm bảo rằng chương trình nguồn hỗ trợ định dạng đã chọn của bạn với tính minh bạch .

Nếu bạn muốn giữ lại các lớp để có thể chỉnh sửa sau này, bạn nên lưu một bản sao ở định dạng PSD .

Nếu bạn muốn sử dụng cutout trong một dự án Photoshop khác, bạn có thể Chọn All, sau đó Copy Merged và dán vào một tài liệu khác.

Nếu bạn có một phiên bản Photoshop mới hơn (không phải Elements), bạn có thể chọn cả hai layer, sau đó kích phải vào bảng layer và chọn "Convert to Smart Object." Sau đó kéo đối tượng thông minh vào một tài liệu Photoshop khác. Điều này sẽ giữ cho các lớp có thể chỉnh sửa như một đối tượng thông minh, mà bạn có thể nhấp đúp vào trong bảng layer để chỉnh sửa.

07 trên 10

Clipping Masks với Graduated Transparency

© Sue Chastain, Giao diện người dùng © Adobe

Mặt nạ cắt cũng hoạt động với các lớp văn bản hoặc pixel, vì vậy bạn không bị giới hạn sử dụng công cụ hình dạng. Các vùng trong suốt trong lớp clipping mask sẽ làm cho các vùng đó trong suốt trong lớp ở trên. Nếu layer clipping mask của bạn có độ trong suốt tốt nghiệp thì lớp trên cũng sẽ có độ trong suốt tốt nghiệp.

Để chứng minh điều này, chúng ta hãy quay lại lớp hình dạng mà chúng ta đã sử dụng để tạo mặt nạ cắt trong hướng dẫn này. Hình dạng chỉ có thể có các cạnh cứng, vì vậy hãy chuyển đổi hình dạng này thành pixel. Nhấp chuột phải vào nó là bảng màu của layer, và chọn "Rasterize Layer" trong Photoshop hoặc "Simplify Layer" trong Photoshop Elements. Sau đó, với lớp được chọn, vào Filter> Blur Gaussian Blur, và thiết lập bán kính cho một số lượng cao như 30 hoặc 40. Chú ý các cạnh của hình ảnh của bạn bây giờ mờ dần.

Hủy bỏ khỏi Gaussian blur nếu bạn muốn tìm hiểu làm thế nào để áp dụng một nét và thả bóng trên các trang tiếp theo. Tới trang 9 cho Photoshop hoặc trang 10 cho Photoshop Elements.

Một kỹ thuật khác là chọn hình dạng và trong menu Select chọn Modify> Feather .

08 trên 10

Thêm hiệu ứng lớp trong Photoshop

UI © Adobe

Bạn có thể cho bức ảnh thêm một chút cú đấm bằng cách thêm hiệu ứng vào lớp hình dạng. Ở đây, chúng tôi đã thêm một nét vẽ và đổ bóng vào lớp hình dạng, sau đó thêm một lớp tô màu bên dưới mọi thứ cho nền.

Để thêm hiệu ứng trong Photoshop: Chọn layer Shape và thêm một Layer Style cho layer. Hộp thoại Layer Style sẽ xuất hiện. Ở phía bên trái, nhấp vào hiệu ứng bạn muốn áp dụng và điều chỉnh cài đặt của nó. Sử dụng các hộp kiểm để tắt hoặc bật từng hiệu ứng.

09 trên 10

Thêm hiệu ứng lớp trong Photoshop Elements

UI © Adobe

Bạn có thể cho bức ảnh thêm một chút cú đấm bằng cách thêm hiệu ứng vào lớp hình dạng. Ở đây chúng tôi đã thêm một nét vẽ và đổ bóng vào lớp hình dạng, sau đó thêm một lớp tô màu bên dưới mọi thứ cho nền.

Để thêm hiệu ứng trong Photoshop Elements: Bắt đầu bằng cách thêm kiểu đổ bóng "Low". Trong bảng hiệu ứng, nhấp vào nút thứ hai cho các kiểu lớp. Sau đó chọn Drop Shadows từ menu và nhấp đúp vào hình thu nhỏ "Thấp". Tiếp theo, vào bảng layer và nhấp đúp vào biểu tượng FX trên layer hình. Hộp thoại Cài đặt Kiểu sẽ mở ra. Điều chỉnh cài đặt kiểu cho bóng đổ, sau đó kích hoạt kiểu stroke bằng cách đánh dấu vào hộp kiểm và điều chỉnh cài đặt nét vẽ.

10 trên 10

Kết quả cuối cùng

© S. Chastain

Đây là một ví dụ về sản phẩm của bạn trông như thế nào!