SlideShare a Scribd company logo
Hướng dẫn sử dụng Photoshop CS5 - Phần 18: Tạo hiệu ứng ảnh lồng nhau


Trong phần tiếp theo của loạt bài hướng dẫn về Photoshop, chúng tôi sẽ trình bày 1
số bước cơ bản để tạo hiệu ứng ảnh lồng nhau. Mục đích chính của chúng ta là hướng
sự tập trung của người xem vào đối tượng chính, sau khi được chỉnh sửa sẽ nằm gọn bên
trong 1 khung ảnh khác.




                       Ảnh mẫu được sử dụng trong bài viết này

Trước tiên, chúng ta sẽ nhân đôi lớp ảnh gốc bằng chức năng Duplicate Layer hoặc sử
dụng phím tắt Ctrl + J (Windows) hoặc Command + J (Mac), sau đó chương trình sẽ tự
đổi tên lớp mới thành Layer 1:
Và để dễ phân biệt và xử lý trong các bước sau, các bạn nên đổi tên các lớp khác nhau. Ở
đây, chúng tôi sẽ đổi Layer 1 thành Smaller version:




Tiếp theo, chúng ta cần phải tạo thêm 1 lớp mới bên dưới Smaller version. Chọn Smaller
version, giữ phím Ctrl (Windows) hoặc Command (Mac) và chọn biểu tượng New
Layer ở phía cuối bảng điều khiển:
Và Photoshop sẽ tạo mới 1 Layer nằm giữa 2 Layer có sẵn:




Tương tự như trên, chúng ta sẽ tiến hành đổi tên để dễ phân biệt với các lớp khác, ở đây
là Clipping mask:
Từ giờ trở đi, chúng ta chủ yếu thao tác trên Layer mới này. Tiếp theo, các bạn chọn công
cụ Rectangle hoặc nhấn phím U:




Dùng công cụ này và vẽ 1 hình tứ giác xung quanh đối tượng chính:
Sau đó, các bạn sẽ thấy lớp Clipping mask từ 1 Layer bình thường đã trở thành Layer
vector shape:
Tiếp theo, nhấn phím Alt (Windows) hoặc Option (Mac) và di chuyển đường kẻ giữa 2
lớp Smaller version và Clipping mask, cho tới khi biểu tượng của con trỏ chuyển thành
hình tròn như sau:




Trông có vẻ như chưa có gì khác với bức ảnh của chúng ta, nhưng trong bảng điều khiển,
các bạn có thể thấy lớp Smaller version đã lùi 1 ít vào bên phải, nghĩa là nó đang được
cắt bằng lớp vector shape ở ngay bên dưới:
Vẫn tại lớp Clipping Mask này, các bạn nhấn biểu tượng Layer Styles ở bên dưới và chọn
Stroke:




Cửa sổ Layer Style hiển thị, các bạn thay đổi thông số thiết lập theo hình sau:




Ở đây có 3 lựa chọn được đánh dấu đỏ, đầu tiên là mục Stroke Size – có tác dụng tạo
đường viền với kích cỡ như vậy bao quanh vùng lựa chọn. Tiếp theo là Position – chuyển
thành Inside để những hiệu ứng xuất hiện phía bên trong đường viền, thay đổi Color
thành white để đổ màu vào khoảng trống của đường viền:
Cũng trong bảng điều khiển Layer Style này, hãy chọn mục Drop Shadow – lưu ý rằng
chỉ nhấn vào dòng chữ Drop Shadow, không đánh dấu vào ô check box bên cạnh.




Việc này sẽ thay đổi lựa chọn giữa của hộp thoại Layer Style từ Stroke thành Drop
Shadow. Tiếp tục, các bạn thiết lập Opacity trong khoảng 50%, Angle thành 130° và
Distance - 10 pixels:
Tiếp theo, các bạn có thể cân nhắc việc sử dụng Free Transform để xoay góc hoặc thay
đổi kích thước của đường viền xung quanh nếu muốn. Nhấn phím tắt Ctrl + T
(Windows) hoặc Command + T (Mac) để bắt đầu, nhấn và giữ nút Shift trong khi thao
tác để giữ nguyên tỉ lệ của khung hình:




Khi cảm thấy vừa ý, nhấn Enter (Windows) hoặc Return (Mac) để áp dụng thay đổi của
quá trình này. Nếu tìm được góc xoay hợp lý với khung cảnh xung quanh, bức ảnh sẽ trở
nên sống động hơn rất nhiều. Tiếp theo là công đoạn phức tạp, sử dụng công cụ
Eyedropper để lấy màu trong vùng ảnh nhỏ:




Ví dụ như tại đây, chúng ta sẽ chọn vùng màu trên chiếc mũ bảo hiểm:




Khi tiến hành lấy màu mẫu thì các bạn để ý rằng màu Foreground color của thanh công
cụ đã chuyển thành màu xanh nước biển:
Chọn lớp Background và nhấn New Adjustment Layer trong bảng điều khiển và chọn
tiếp Hue/Saturation:




Hộp thoại Hue/Saturation hiển thị, các bạn đánh dấu vào ô Colorize:
Nhấn OK để áp dụng thay đổi, chúng ta sẽ thấy hiệu ứng xuất hiện trên bức ảnh như sau:
Khi đã hoàn thành bước này có nghĩa là chúng ta đã gần đạt được mục đích, chỉ còn 1
bước nữa là áp dụng hiệu ứng Radial Blur vào ảnh nền. Nhưng trước đó, các bạn cần
nhân đôi lớp ảnh nền 1 lần nữa, nhấn Ctrl + J (Windows) hoặc Command + J (Mac),
đổi tên lớp vừa tạo thành Radial Blur:




Tiếp theo, các bạn nhấn Filter > Blur > Radial Blur, hộp thoại Radial Blur sẽ hiển thị.
Tại đây, chúng ta thiết lập các thông số kỹ thuật như sau: Blur Method – Zoom, Quality
– Best, Amount – 40, mục Blur Center chỉ định hiệu ứng sẽ “xuất phát” từ vị trí nào
trong vùng chọn:
Nhấn OK, và kết quả của chúng ta tại bước này sẽ trông giống như sau:
Tùy từng bức ảnh và thông số thiết lập khác nhau, như ví dụ ở đây, chúng ta có thể dễ
dàng nhận ra hiệu ứng Blur hơi quá nhiều, do vậy sẽ cần thêm 1 số thao tác hòa trộn với
lớp Background. Rất đơn giản, các bạn chỉ cần thay đổi thông số Opacity trong khoảng
60% là vừa đủ:




Và đây là kết quả của chúng ta sau khi hoàn tất toàn bộ các bước hướng dẫn trên:
Chúc các bạn thành công!

More Related Content

PDF
Huong dan su dung photoshop cs5 phan 28
PDF
Huong dan su dung photoshop cs5 phan 13
PDF
Huong dan su dung photoshop cs5 phan 20
PDF
Huong dan su dung photoshop cs5 phan 26
PDF
Huong dan su dung photoshop cs5 phan 14
PDF
Huong dan su dung photoshop cs5 phan 9
PDF
Huong dan su dung photoshop cs5 phan 21
PDF
Huong dan su dung photoshop cs5 phan 23
Huong dan su dung photoshop cs5 phan 28
Huong dan su dung photoshop cs5 phan 13
Huong dan su dung photoshop cs5 phan 20
Huong dan su dung photoshop cs5 phan 26
Huong dan su dung photoshop cs5 phan 14
Huong dan su dung photoshop cs5 phan 9
Huong dan su dung photoshop cs5 phan 21
Huong dan su dung photoshop cs5 phan 23

What's hot (20)

PDF
Huong dan su dung photoshop cs5 phan 19
PDF
Huong dan su dung photoshop cs5 phan 12
DOC
Bí quyết làm đẹp da bằng photoshop
PDF
Huong dan su dung photoshop cs5 phan 3
DOC
Kỹ thuật làm mịn da trong Photoshop
DOC
Huong dan-thuc-hanh-photoshop
PDF
Chuong 05
DOCX
Bài 3 layers
DOC
Phù phép cho tấm ảnh
PPT
Ps 4free ngay4_view
PDF
Huong dan su dung photoshop cs5 phan 2
PDF
Huong dan su dung photoshop cs5 phan 11
DOC
Cách tách nền đơn giản nhất
DOCX
Tách phông bằng công cụ refine edge trong cs5
PDF
Huong dan su dung photoshop cs5 phan 16
PDF
Hiệu ứng Nước trên Photoshop
PDF
Photoshop04
PDF
Photoshop02
PDF
Huong dan su dung photoshop cs5 phan 8
PDF
Huong dan su dung photoshop cs5 phan 5
Huong dan su dung photoshop cs5 phan 19
Huong dan su dung photoshop cs5 phan 12
Bí quyết làm đẹp da bằng photoshop
Huong dan su dung photoshop cs5 phan 3
Kỹ thuật làm mịn da trong Photoshop
Huong dan-thuc-hanh-photoshop
Chuong 05
Bài 3 layers
Phù phép cho tấm ảnh
Ps 4free ngay4_view
Huong dan su dung photoshop cs5 phan 2
Huong dan su dung photoshop cs5 phan 11
Cách tách nền đơn giản nhất
Tách phông bằng công cụ refine edge trong cs5
Huong dan su dung photoshop cs5 phan 16
Hiệu ứng Nước trên Photoshop
Photoshop04
Photoshop02
Huong dan su dung photoshop cs5 phan 8
Huong dan su dung photoshop cs5 phan 5
Ad

Viewers also liked (9)

PDF
Huong dan su dung photoshop cs5 phan 4
PDF
Bach khoa thuy san phan 2
DOC
Ki thuat ghep_anh_phoi_mau_0827
DOC
Bai tap coreldraw
PDF
Phim tat-trong-photoshop
PDF
Huong dan su dung photoshop cs5 phan 7
PDF
23 bai phuc hoi anh chuyen nghiep
PDF
Cau hinh-va-su-dung-print-server
PDF
Huong dan su dung photoshop cs5 phan 27
Huong dan su dung photoshop cs5 phan 4
Bach khoa thuy san phan 2
Ki thuat ghep_anh_phoi_mau_0827
Bai tap coreldraw
Phim tat-trong-photoshop
Huong dan su dung photoshop cs5 phan 7
23 bai phuc hoi anh chuyen nghiep
Cau hinh-va-su-dung-print-server
Huong dan su dung photoshop cs5 phan 27
Ad

Similar to Huong dan su dung photoshop cs5 phan 18 (19)

DOCX
Smart object phù thủy photoshop
PDF
Huong dan su dung photoshop cs5 phan 17
PDF
Huong dan thiet ke website bang photoshop
PDF
Huong dan su dung photoshop cs5 phan 25
PDF
meo photoshop
PDF
Chuong 10
DOCX
Hieu ung Tan vo.docx
PDF
Photoshop01
PDF
Lightroom toan tap
PDF
Lightroom CC toàn tập - Tập 1
DOCX
Meo vat trong cad
PPT
Ung dung windows
PPT
Ungdungwindows 110716212459-phpapp02
PDF
huong dan hoan chinh Autocad 2018 2D
PDF
Thiết kế 2D Autocad 2018
PDF
Tài liệu hướng dẫn lập trình trên Artcam pro
PDF
Giáo trình xuất bản vẽ Solidworks 2016
PDF
Photoshop05
PDF
BÀI 2. KỸ THUẬT ĐỒ HỌA 2D - PHOTOSHOP.pdf
Smart object phù thủy photoshop
Huong dan su dung photoshop cs5 phan 17
Huong dan thiet ke website bang photoshop
Huong dan su dung photoshop cs5 phan 25
meo photoshop
Chuong 10
Hieu ung Tan vo.docx
Photoshop01
Lightroom toan tap
Lightroom CC toàn tập - Tập 1
Meo vat trong cad
Ung dung windows
Ungdungwindows 110716212459-phpapp02
huong dan hoan chinh Autocad 2018 2D
Thiết kế 2D Autocad 2018
Tài liệu hướng dẫn lập trình trên Artcam pro
Giáo trình xuất bản vẽ Solidworks 2016
Photoshop05
BÀI 2. KỸ THUẬT ĐỒ HỌA 2D - PHOTOSHOP.pdf

More from nhatthai1969 (12)

PDF
Yahoo toan tap
PDF
Tao phan vung_bao_mat_tren_usb
PDF
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-viet
PDF
Sua chua phan cung
PDF
Su co pc
PDF
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thong
PDF
Ms office keyboard
PDF
PDF
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-boot
PDF
Huong dan-sua-mainboard
PDF
Huong dan su dung photoshop cs5 phan 24
PDF
Huong dan su dung photoshop cs5 phan 22
Yahoo toan tap
Tao phan vung_bao_mat_tren_usb
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-viet
Sua chua phan cung
Su co pc
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thong
Ms office keyboard
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-boot
Huong dan-sua-mainboard
Huong dan su dung photoshop cs5 phan 24
Huong dan su dung photoshop cs5 phan 22

Huong dan su dung photoshop cs5 phan 18

  • 1. Hướng dẫn sử dụng Photoshop CS5 - Phần 18: Tạo hiệu ứng ảnh lồng nhau Trong phần tiếp theo của loạt bài hướng dẫn về Photoshop, chúng tôi sẽ trình bày 1 số bước cơ bản để tạo hiệu ứng ảnh lồng nhau. Mục đích chính của chúng ta là hướng sự tập trung của người xem vào đối tượng chính, sau khi được chỉnh sửa sẽ nằm gọn bên trong 1 khung ảnh khác. Ảnh mẫu được sử dụng trong bài viết này Trước tiên, chúng ta sẽ nhân đôi lớp ảnh gốc bằng chức năng Duplicate Layer hoặc sử dụng phím tắt Ctrl + J (Windows) hoặc Command + J (Mac), sau đó chương trình sẽ tự đổi tên lớp mới thành Layer 1:
  • 2. Và để dễ phân biệt và xử lý trong các bước sau, các bạn nên đổi tên các lớp khác nhau. Ở đây, chúng tôi sẽ đổi Layer 1 thành Smaller version: Tiếp theo, chúng ta cần phải tạo thêm 1 lớp mới bên dưới Smaller version. Chọn Smaller version, giữ phím Ctrl (Windows) hoặc Command (Mac) và chọn biểu tượng New Layer ở phía cuối bảng điều khiển:
  • 3. Và Photoshop sẽ tạo mới 1 Layer nằm giữa 2 Layer có sẵn: Tương tự như trên, chúng ta sẽ tiến hành đổi tên để dễ phân biệt với các lớp khác, ở đây là Clipping mask:
  • 4. Từ giờ trở đi, chúng ta chủ yếu thao tác trên Layer mới này. Tiếp theo, các bạn chọn công cụ Rectangle hoặc nhấn phím U: Dùng công cụ này và vẽ 1 hình tứ giác xung quanh đối tượng chính:
  • 5. Sau đó, các bạn sẽ thấy lớp Clipping mask từ 1 Layer bình thường đã trở thành Layer vector shape:
  • 6. Tiếp theo, nhấn phím Alt (Windows) hoặc Option (Mac) và di chuyển đường kẻ giữa 2 lớp Smaller version và Clipping mask, cho tới khi biểu tượng của con trỏ chuyển thành hình tròn như sau: Trông có vẻ như chưa có gì khác với bức ảnh của chúng ta, nhưng trong bảng điều khiển, các bạn có thể thấy lớp Smaller version đã lùi 1 ít vào bên phải, nghĩa là nó đang được cắt bằng lớp vector shape ở ngay bên dưới:
  • 7. Vẫn tại lớp Clipping Mask này, các bạn nhấn biểu tượng Layer Styles ở bên dưới và chọn Stroke: Cửa sổ Layer Style hiển thị, các bạn thay đổi thông số thiết lập theo hình sau: Ở đây có 3 lựa chọn được đánh dấu đỏ, đầu tiên là mục Stroke Size – có tác dụng tạo đường viền với kích cỡ như vậy bao quanh vùng lựa chọn. Tiếp theo là Position – chuyển thành Inside để những hiệu ứng xuất hiện phía bên trong đường viền, thay đổi Color thành white để đổ màu vào khoảng trống của đường viền:
  • 8. Cũng trong bảng điều khiển Layer Style này, hãy chọn mục Drop Shadow – lưu ý rằng chỉ nhấn vào dòng chữ Drop Shadow, không đánh dấu vào ô check box bên cạnh. Việc này sẽ thay đổi lựa chọn giữa của hộp thoại Layer Style từ Stroke thành Drop Shadow. Tiếp tục, các bạn thiết lập Opacity trong khoảng 50%, Angle thành 130° và Distance - 10 pixels:
  • 9. Tiếp theo, các bạn có thể cân nhắc việc sử dụng Free Transform để xoay góc hoặc thay đổi kích thước của đường viền xung quanh nếu muốn. Nhấn phím tắt Ctrl + T (Windows) hoặc Command + T (Mac) để bắt đầu, nhấn và giữ nút Shift trong khi thao tác để giữ nguyên tỉ lệ của khung hình: Khi cảm thấy vừa ý, nhấn Enter (Windows) hoặc Return (Mac) để áp dụng thay đổi của quá trình này. Nếu tìm được góc xoay hợp lý với khung cảnh xung quanh, bức ảnh sẽ trở
  • 10. nên sống động hơn rất nhiều. Tiếp theo là công đoạn phức tạp, sử dụng công cụ Eyedropper để lấy màu trong vùng ảnh nhỏ: Ví dụ như tại đây, chúng ta sẽ chọn vùng màu trên chiếc mũ bảo hiểm: Khi tiến hành lấy màu mẫu thì các bạn để ý rằng màu Foreground color của thanh công cụ đã chuyển thành màu xanh nước biển:
  • 11. Chọn lớp Background và nhấn New Adjustment Layer trong bảng điều khiển và chọn tiếp Hue/Saturation: Hộp thoại Hue/Saturation hiển thị, các bạn đánh dấu vào ô Colorize:
  • 12. Nhấn OK để áp dụng thay đổi, chúng ta sẽ thấy hiệu ứng xuất hiện trên bức ảnh như sau:
  • 13. Khi đã hoàn thành bước này có nghĩa là chúng ta đã gần đạt được mục đích, chỉ còn 1 bước nữa là áp dụng hiệu ứng Radial Blur vào ảnh nền. Nhưng trước đó, các bạn cần nhân đôi lớp ảnh nền 1 lần nữa, nhấn Ctrl + J (Windows) hoặc Command + J (Mac), đổi tên lớp vừa tạo thành Radial Blur: Tiếp theo, các bạn nhấn Filter > Blur > Radial Blur, hộp thoại Radial Blur sẽ hiển thị. Tại đây, chúng ta thiết lập các thông số kỹ thuật như sau: Blur Method – Zoom, Quality – Best, Amount – 40, mục Blur Center chỉ định hiệu ứng sẽ “xuất phát” từ vị trí nào trong vùng chọn:
  • 14. Nhấn OK, và kết quả của chúng ta tại bước này sẽ trông giống như sau:
  • 15. Tùy từng bức ảnh và thông số thiết lập khác nhau, như ví dụ ở đây, chúng ta có thể dễ dàng nhận ra hiệu ứng Blur hơi quá nhiều, do vậy sẽ cần thêm 1 số thao tác hòa trộn với lớp Background. Rất đơn giản, các bạn chỉ cần thay đổi thông số Opacity trong khoảng 60% là vừa đủ: Và đây là kết quả của chúng ta sau khi hoàn tất toàn bộ các bước hướng dẫn trên:
  • 16. Chúc các bạn thành công!