SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
Hướng dẫn sử dụng Photoshop CS5 - Phần 19: Tạo ảnh Out of bound


Trong bài tiếp theo của series hướng dẫn về Photoshop, chúng tôi sẽ trình bày một
số bước cơ bản để tạo hiệu ứng của những bức ảnh vượt khung hình – Out of
bound. Cụ thể tại đây, từ 2 bức ảnh gốc, chúng ta sẽ tạo ra hình ảnh của 1 vận động viên
thể thao đang cố gắng "vượt" ra khỏi màn hình của chiêc TV.




Để chuẩn bị, các bạn cần tìm được ảnh mẫu với tỉ lệ kích thước sao cho phù hợp, trước
tiên là ảnh hiển thị bên ngoài (ở đây là chiếc TV), và bên trong là đối tượng chính chúng
ta sẽ thao tác và tập trung các hiệu ứng vào đó. Trước tiên, chúng ta sẽ mở ảnh của chiếc
TV:
Việc xử lý những góc cạnh của thiết bị này hết sức đơn giản và dễ dàng, vì chỉ cần chọn
những đường thẳng bằng công cụ Polygonal Lasso của Photoshop:




Và chọn 4 góc tương ứng như sau:
Tiếp theo, mở bức ảnh sẽ xuất hiện bên trong chiếc TV này:
Sau đó, nhấn Ctrl + A (Windows) hoặc Command + A (Mac) để chọn toàn bộ bức ảnh,
và nhấn tiếp Ctrl + C (Windows) hoặc Command + C (Mac) để copy toàn bộ vùng
chọn này. Quay trở lại bức ảnh chứa đối tượng hiển thị bên ngoài (ở đây là chiếc TV) và
chọn Edit từ thanh menu > Paste Special > Paste Into:




Nếu bạn đang sử dụng Photoshop CS4 hoặc những phiên bản trước đó, chỉ cần chọn Edit
> Paste Into, kết quả sẽ như sau:
Khi nhìn vào bảng điều khiển Layer, chúng ta sẽ thấy rằng Photoshop đã thêm 1 lớp mới
bên cạnh bức ảnh xuất hiện bên trên Background Layer. Đồng thời, Photoshop cũng đã
sử dụng lớp lựa chọn bên ngoài để khởi tạo Layer Mask cho bức ảnh, và đó là lý do tại
sao chúng ta chỉ nhìn thấy chi tiết bên trong chiếc Tv cho dù kích thước thật của ảnh lớn
hơn chiếc TV nhiều:
Giữ nút Shift và nhấn vào lớp Layer Mask như hình dưới:




Quá trình này sẽ tạm thời tắt bỏ lớp Layer Mask và chiếc TV sẽ bị ẩn đằng sau:
Tiếp theo, thay đổi thông số Opacity từ 100% xuống còn 60%:
Và khi đó, 2 ảnh sẽ hòa trộn với nhau như sau:
Sau đó, nhấn Ctrl + T (Windows) hoặc Command + T (Mac) để sử dụng tính năng
Free Transform để thay đổi kích thước sao cho khớp với tỉ lệ của chiếc TV:
Tiếp theo, sử dụng những công cụ quen thuộc của bạn (Lasso Tool, Pen Tool... ) để chọn
phần diện tích ảnh bên ngoài rìa chiếc TV. Ví dụ như ở đây, chúng ta sẽ làm cho phần
đầu của vận động viên và chiếc thuyền lướt sóng “thò” ra bên ngoài:
Sau đó, giữ nút Shift và nhấn Layer Mask 1 lần nữa, thay đổi thông số Opacity về 100%
như cũ:




Và phần hiển thị của chiếc TV sẽ trở lại như cũ:
Tiếp theo, chúng ta sẽ tiến hành thêm vùng lựa chọn đã tạo ở bên trên vào lớp Layer
Mask này, chọn lớp Layer Mask bên cạnh:
Chọn tiếp menu Edit > Fill:




Hộp thoại Fill hiển thị, thay đổi lựa chọn Use thành White:
Nhấn OK để áp dụng thay đổi và đóng cửa sổ này lại. Sau đó nhấn tiếp Ctrl + D
(Windows) hoặc Command + D (Mac) để bỏ vùng chọn:




Sau đó, gộp 2 Layer này lại, và chúng ta sẽ có bức ảnh cuối cùng như sau:
Chúc các bạn thành công!

Más contenido relacionado

La actualidad más candente

Bí quyết làm đẹp da bằng photoshop
Bí quyết làm đẹp da bằng photoshopBí quyết làm đẹp da bằng photoshop
Bí quyết làm đẹp da bằng photoshopHellen Hoàng
 
Huong dan su dung photoshop cs5 phan 23
Huong dan su dung photoshop cs5 phan 23Huong dan su dung photoshop cs5 phan 23
Huong dan su dung photoshop cs5 phan 23nhatthai1969
 
Huong dan su dung photoshop cs5 phan 3
Huong dan su dung photoshop cs5 phan 3Huong dan su dung photoshop cs5 phan 3
Huong dan su dung photoshop cs5 phan 3nhatthai1969
 
Cách tách nền đơn giản nhất
Cách tách nền đơn giản nhấtCách tách nền đơn giản nhất
Cách tách nền đơn giản nhấtphuongnam5432
 
Phù phép cho tấm ảnh
Phù phép cho tấm ảnhPhù phép cho tấm ảnh
Phù phép cho tấm ảnhtrungnb22
 
Hướng dẫn thiết kế trò chơi trúc xanh
Hướng dẫn thiết kế trò chơi trúc xanhHướng dẫn thiết kế trò chơi trúc xanh
Hướng dẫn thiết kế trò chơi trúc xanhTrương Ngọc Diêu
 

La actualidad más candente (9)

Huong dan thiet ke khoi dong
Huong dan thiet ke khoi dongHuong dan thiet ke khoi dong
Huong dan thiet ke khoi dong
 
Bí quyết làm đẹp da bằng photoshop
Bí quyết làm đẹp da bằng photoshopBí quyết làm đẹp da bằng photoshop
Bí quyết làm đẹp da bằng photoshop
 
Huong dan su dung photoshop cs5 phan 23
Huong dan su dung photoshop cs5 phan 23Huong dan su dung photoshop cs5 phan 23
Huong dan su dung photoshop cs5 phan 23
 
Huong dan su dung photoshop cs5 phan 3
Huong dan su dung photoshop cs5 phan 3Huong dan su dung photoshop cs5 phan 3
Huong dan su dung photoshop cs5 phan 3
 
Cách tách nền đơn giản nhất
Cách tách nền đơn giản nhấtCách tách nền đơn giản nhất
Cách tách nền đơn giản nhất
 
Huong dan thiet ke khoi dong
Huong dan thiet ke khoi dongHuong dan thiet ke khoi dong
Huong dan thiet ke khoi dong
 
Huong dan thiet ke khoi dong
Huong dan thiet ke khoi dongHuong dan thiet ke khoi dong
Huong dan thiet ke khoi dong
 
Phù phép cho tấm ảnh
Phù phép cho tấm ảnhPhù phép cho tấm ảnh
Phù phép cho tấm ảnh
 
Hướng dẫn thiết kế trò chơi trúc xanh
Hướng dẫn thiết kế trò chơi trúc xanhHướng dẫn thiết kế trò chơi trúc xanh
Hướng dẫn thiết kế trò chơi trúc xanh
 

Similar a Huong dan su dung photoshop cs5 phan 19

Huong dan su dung photoshop cs5 phan 25
Huong dan su dung photoshop cs5 phan 25Huong dan su dung photoshop cs5 phan 25
Huong dan su dung photoshop cs5 phan 25nhatthai1969
 
Ung dung windows
Ung dung windowsUng dung windows
Ung dung windowslam04dt
 
Ungdungwindows 110716212459-phpapp02
Ungdungwindows 110716212459-phpapp02Ungdungwindows 110716212459-phpapp02
Ungdungwindows 110716212459-phpapp02lekytho
 
Huong dan su dung photoshop cs5 phan 27
Huong dan su dung photoshop cs5 phan 27Huong dan su dung photoshop cs5 phan 27
Huong dan su dung photoshop cs5 phan 27nhatthai1969
 
Huong dan su dung photoshop cs5 phan 17
Huong dan su dung photoshop cs5 phan 17Huong dan su dung photoshop cs5 phan 17
Huong dan su dung photoshop cs5 phan 17nhatthai1969
 
Huong dan su dung photoshop cs5 phan 12
Huong dan su dung photoshop cs5 phan 12Huong dan su dung photoshop cs5 phan 12
Huong dan su dung photoshop cs5 phan 12nhatthai1969
 
Smart object phù thủy photoshop
Smart object phù thủy photoshopSmart object phù thủy photoshop
Smart object phù thủy photoshophapham113
 
Training cho đối tượng dự thi cuộc thi stv on air
Training cho đối tượng dự thi cuộc thi stv on airTraining cho đối tượng dự thi cuộc thi stv on air
Training cho đối tượng dự thi cuộc thi stv on airI am freelancer
 
Tài liệu hướng dẫn lập trình trên Artcam pro
Tài liệu hướng dẫn lập trình trên Artcam proTài liệu hướng dẫn lập trình trên Artcam pro
Tài liệu hướng dẫn lập trình trên Artcam proCadcamcnc Học
 
Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5Nhan Tran Trong
 
Huong dan su dung photoshop cs5 phan 16
Huong dan su dung photoshop cs5 phan 16Huong dan su dung photoshop cs5 phan 16
Huong dan su dung photoshop cs5 phan 16nhatthai1969
 
Hướng dẫn thiết kế trò chơi caro
Hướng dẫn thiết kế trò chơi caroHướng dẫn thiết kế trò chơi caro
Hướng dẫn thiết kế trò chơi caroNguyễn Thành
 
THCS_W09_BaiDocThem
THCS_W09_BaiDocThemTHCS_W09_BaiDocThem
THCS_W09_BaiDocThemCNTT-DHQG
 
Huongdan btl1 tranthihuonggiang_trochoithovarua
Huongdan btl1 tranthihuonggiang_trochoithovaruaHuongdan btl1 tranthihuonggiang_trochoithovarua
Huongdan btl1 tranthihuonggiang_trochoithovaruaNhỏ Hạt Cát
 
Chuong 06
Chuong 06Chuong 06
Chuong 06lekytho
 

Similar a Huong dan su dung photoshop cs5 phan 19 (20)

Huong dan su dung photoshop cs5 phan 25
Huong dan su dung photoshop cs5 phan 25Huong dan su dung photoshop cs5 phan 25
Huong dan su dung photoshop cs5 phan 25
 
Ung dung windows
Ung dung windowsUng dung windows
Ung dung windows
 
Ungdungwindows 110716212459-phpapp02
Ungdungwindows 110716212459-phpapp02Ungdungwindows 110716212459-phpapp02
Ungdungwindows 110716212459-phpapp02
 
Huong dan su dung photoshop cs5 phan 27
Huong dan su dung photoshop cs5 phan 27Huong dan su dung photoshop cs5 phan 27
Huong dan su dung photoshop cs5 phan 27
 
Huong dan su dung photoshop cs5 phan 17
Huong dan su dung photoshop cs5 phan 17Huong dan su dung photoshop cs5 phan 17
Huong dan su dung photoshop cs5 phan 17
 
Huong dan su dung photoshop cs5 phan 12
Huong dan su dung photoshop cs5 phan 12Huong dan su dung photoshop cs5 phan 12
Huong dan su dung photoshop cs5 phan 12
 
Smart object phù thủy photoshop
Smart object phù thủy photoshopSmart object phù thủy photoshop
Smart object phù thủy photoshop
 
Training cho đối tượng dự thi cuộc thi stv on air
Training cho đối tượng dự thi cuộc thi stv on airTraining cho đối tượng dự thi cuộc thi stv on air
Training cho đối tượng dự thi cuộc thi stv on air
 
Tài liệu hướng dẫn lập trình trên Artcam pro
Tài liệu hướng dẫn lập trình trên Artcam proTài liệu hướng dẫn lập trình trên Artcam pro
Tài liệu hướng dẫn lập trình trên Artcam pro
 
Thiết kế ổ điện
Thiết kế ổ điệnThiết kế ổ điện
Thiết kế ổ điện
 
Huong dan thiet ke khoi dong
Huong dan thiet ke khoi dongHuong dan thiet ke khoi dong
Huong dan thiet ke khoi dong
 
Photoshop01
Photoshop01Photoshop01
Photoshop01
 
Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5
 
Huong dan su dung photoshop cs5 phan 16
Huong dan su dung photoshop cs5 phan 16Huong dan su dung photoshop cs5 phan 16
Huong dan su dung photoshop cs5 phan 16
 
Hướng dẫn thiết kế trò chơi caro
Hướng dẫn thiết kế trò chơi caroHướng dẫn thiết kế trò chơi caro
Hướng dẫn thiết kế trò chơi caro
 
Photoshop04
Photoshop04Photoshop04
Photoshop04
 
THCS_W09_BaiDocThem
THCS_W09_BaiDocThemTHCS_W09_BaiDocThem
THCS_W09_BaiDocThem
 
Huongdan btl1 tranthihuonggiang_trochoithovarua
Huongdan btl1 tranthihuonggiang_trochoithovaruaHuongdan btl1 tranthihuonggiang_trochoithovarua
Huongdan btl1 tranthihuonggiang_trochoithovarua
 
Chuong 06
Chuong 06Chuong 06
Chuong 06
 
Use RapidForm
Use RapidFormUse RapidForm
Use RapidForm
 

Más de nhatthai1969

Tao phan vung_bao_mat_tren_usb
Tao phan vung_bao_mat_tren_usbTao phan vung_bao_mat_tren_usb
Tao phan vung_bao_mat_tren_usbnhatthai1969
 
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-viet
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-vietTai lieu-huong-dan-su-dung-cabri-3d-tieng-viet
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-vietnhatthai1969
 
Sua chua phan cung
Sua chua phan cungSua chua phan cung
Sua chua phan cungnhatthai1969
 
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thong
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thongSao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thong
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thongnhatthai1969
 
Phim tat-trong-photoshop
Phim tat-trong-photoshopPhim tat-trong-photoshop
Phim tat-trong-photoshopnhatthai1969
 
Ms office keyboard
Ms office keyboardMs office keyboard
Ms office keyboardnhatthai1969
 
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-boot
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-bootHuong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-boot
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-bootnhatthai1969
 
Huong dan-sua-mainboard
Huong dan-sua-mainboardHuong dan-sua-mainboard
Huong dan-sua-mainboardnhatthai1969
 
Huong dan su dung photoshop cs5 phan 24
Huong dan su dung photoshop cs5 phan 24Huong dan su dung photoshop cs5 phan 24
Huong dan su dung photoshop cs5 phan 24nhatthai1969
 
Huong dan su dung photoshop cs5 phan 22
Huong dan su dung photoshop cs5 phan 22Huong dan su dung photoshop cs5 phan 22
Huong dan su dung photoshop cs5 phan 22nhatthai1969
 
Huong dan su dung photoshop cs5 phan 11
Huong dan su dung photoshop cs5 phan 11Huong dan su dung photoshop cs5 phan 11
Huong dan su dung photoshop cs5 phan 11nhatthai1969
 
Huong dan su dung photoshop cs5 phan 8
Huong dan su dung photoshop cs5 phan 8Huong dan su dung photoshop cs5 phan 8
Huong dan su dung photoshop cs5 phan 8nhatthai1969
 
Huong dan su dung photoshop cs5 phan 7
Huong dan su dung photoshop cs5 phan 7Huong dan su dung photoshop cs5 phan 7
Huong dan su dung photoshop cs5 phan 7nhatthai1969
 

Más de nhatthai1969 (16)

Yahoo toan tap
Yahoo toan tapYahoo toan tap
Yahoo toan tap
 
Tao phan vung_bao_mat_tren_usb
Tao phan vung_bao_mat_tren_usbTao phan vung_bao_mat_tren_usb
Tao phan vung_bao_mat_tren_usb
 
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-viet
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-vietTai lieu-huong-dan-su-dung-cabri-3d-tieng-viet
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-viet
 
Sua chua phan cung
Sua chua phan cungSua chua phan cung
Sua chua phan cung
 
Su co pc
Su co pcSu co pc
Su co pc
 
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thong
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thongSao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thong
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thong
 
Phim tat-trong-photoshop
Phim tat-trong-photoshopPhim tat-trong-photoshop
Phim tat-trong-photoshop
 
Ms office keyboard
Ms office keyboardMs office keyboard
Ms office keyboard
 
Modem
ModemModem
Modem
 
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-boot
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-bootHuong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-boot
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-boot
 
Huong dan-sua-mainboard
Huong dan-sua-mainboardHuong dan-sua-mainboard
Huong dan-sua-mainboard
 
Huong dan su dung photoshop cs5 phan 24
Huong dan su dung photoshop cs5 phan 24Huong dan su dung photoshop cs5 phan 24
Huong dan su dung photoshop cs5 phan 24
 
Huong dan su dung photoshop cs5 phan 22
Huong dan su dung photoshop cs5 phan 22Huong dan su dung photoshop cs5 phan 22
Huong dan su dung photoshop cs5 phan 22
 
Huong dan su dung photoshop cs5 phan 11
Huong dan su dung photoshop cs5 phan 11Huong dan su dung photoshop cs5 phan 11
Huong dan su dung photoshop cs5 phan 11
 
Huong dan su dung photoshop cs5 phan 8
Huong dan su dung photoshop cs5 phan 8Huong dan su dung photoshop cs5 phan 8
Huong dan su dung photoshop cs5 phan 8
 
Huong dan su dung photoshop cs5 phan 7
Huong dan su dung photoshop cs5 phan 7Huong dan su dung photoshop cs5 phan 7
Huong dan su dung photoshop cs5 phan 7
 

Huong dan su dung photoshop cs5 phan 19

  • 1. Hướng dẫn sử dụng Photoshop CS5 - Phần 19: Tạo ảnh Out of bound Trong bài tiếp theo của series hướng dẫn về Photoshop, chúng tôi sẽ trình bày một số bước cơ bản để tạo hiệu ứng của những bức ảnh vượt khung hình – Out of bound. Cụ thể tại đây, từ 2 bức ảnh gốc, chúng ta sẽ tạo ra hình ảnh của 1 vận động viên thể thao đang cố gắng "vượt" ra khỏi màn hình của chiêc TV. Để chuẩn bị, các bạn cần tìm được ảnh mẫu với tỉ lệ kích thước sao cho phù hợp, trước tiên là ảnh hiển thị bên ngoài (ở đây là chiếc TV), và bên trong là đối tượng chính chúng ta sẽ thao tác và tập trung các hiệu ứng vào đó. Trước tiên, chúng ta sẽ mở ảnh của chiếc TV:
  • 2. Việc xử lý những góc cạnh của thiết bị này hết sức đơn giản và dễ dàng, vì chỉ cần chọn những đường thẳng bằng công cụ Polygonal Lasso của Photoshop: Và chọn 4 góc tương ứng như sau:
  • 3. Tiếp theo, mở bức ảnh sẽ xuất hiện bên trong chiếc TV này:
  • 4. Sau đó, nhấn Ctrl + A (Windows) hoặc Command + A (Mac) để chọn toàn bộ bức ảnh, và nhấn tiếp Ctrl + C (Windows) hoặc Command + C (Mac) để copy toàn bộ vùng chọn này. Quay trở lại bức ảnh chứa đối tượng hiển thị bên ngoài (ở đây là chiếc TV) và chọn Edit từ thanh menu > Paste Special > Paste Into: Nếu bạn đang sử dụng Photoshop CS4 hoặc những phiên bản trước đó, chỉ cần chọn Edit > Paste Into, kết quả sẽ như sau:
  • 5. Khi nhìn vào bảng điều khiển Layer, chúng ta sẽ thấy rằng Photoshop đã thêm 1 lớp mới bên cạnh bức ảnh xuất hiện bên trên Background Layer. Đồng thời, Photoshop cũng đã sử dụng lớp lựa chọn bên ngoài để khởi tạo Layer Mask cho bức ảnh, và đó là lý do tại sao chúng ta chỉ nhìn thấy chi tiết bên trong chiếc Tv cho dù kích thước thật của ảnh lớn hơn chiếc TV nhiều:
  • 6. Giữ nút Shift và nhấn vào lớp Layer Mask như hình dưới: Quá trình này sẽ tạm thời tắt bỏ lớp Layer Mask và chiếc TV sẽ bị ẩn đằng sau:
  • 7. Tiếp theo, thay đổi thông số Opacity từ 100% xuống còn 60%:
  • 8. Và khi đó, 2 ảnh sẽ hòa trộn với nhau như sau:
  • 9. Sau đó, nhấn Ctrl + T (Windows) hoặc Command + T (Mac) để sử dụng tính năng Free Transform để thay đổi kích thước sao cho khớp với tỉ lệ của chiếc TV:
  • 10. Tiếp theo, sử dụng những công cụ quen thuộc của bạn (Lasso Tool, Pen Tool... ) để chọn phần diện tích ảnh bên ngoài rìa chiếc TV. Ví dụ như ở đây, chúng ta sẽ làm cho phần đầu của vận động viên và chiếc thuyền lướt sóng “thò” ra bên ngoài:
  • 11. Sau đó, giữ nút Shift và nhấn Layer Mask 1 lần nữa, thay đổi thông số Opacity về 100% như cũ: Và phần hiển thị của chiếc TV sẽ trở lại như cũ:
  • 12. Tiếp theo, chúng ta sẽ tiến hành thêm vùng lựa chọn đã tạo ở bên trên vào lớp Layer Mask này, chọn lớp Layer Mask bên cạnh:
  • 13. Chọn tiếp menu Edit > Fill: Hộp thoại Fill hiển thị, thay đổi lựa chọn Use thành White:
  • 14. Nhấn OK để áp dụng thay đổi và đóng cửa sổ này lại. Sau đó nhấn tiếp Ctrl + D (Windows) hoặc Command + D (Mac) để bỏ vùng chọn: Sau đó, gộp 2 Layer này lại, và chúng ta sẽ có bức ảnh cuối cùng như sau:
  • 15. Chúc các bạn thành công!