Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

ĐĂNG TIN MUA BÁN CHO THUÊ NHÀ ĐẤT BẤT ĐỘNG SẢN TRÊN THONGKENHADAT

Photoshop là một phần mềm đóng vài trò quan trọng trong ngành thiết kế đồ họa. Hôm nay tuyettac.org xin giới thiệu với bạn đọc một hiệu ứng rất hay. Đó là tạo logo 3D dùng công cụ Photoshop CS6.

Chúng ta có bức ảnh mẫu sau:

Bài viết hiện tại: Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Đây là file PND đã transparence — Đây là điều rất quan trọng để chúng ta chuyển đổi nó sang 3D

Bước 1

Mở logo trong Photoshop.. Bạn không cần thiết phải điều chỉnh kích thước của hình ảnh, chúng ta chỉ cần thay đổi một chút ở cuối sau khi chúng ta save nó như Animation (hình ảnh động).

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 2

Chọn công cụ Crop Tool và mở rộng không gian ở trên và dưới như hình minh họa. Nhấn Enter để áp dụng thay đổi.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Sử dụng công cụ Rectangular Marquee Tool để chọn text ‘envato’ (hình ảnh lá không chọn) và click vào icon “Add Layer Mask” trên bảng Layers Panel. Điều này làm cho file chỉ còn text.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 3

Để cho mọi việc dễ dàng hơn, đổi tên layer chỉ có text là “Text”. Chọn và tạo bản sao của Layer này, đổi tên là “Leaf,” sau đó, click vào Layer Mask (mục đích của mask là chúng ta có thể chỉnh sửa). Nhấn Command/Ctrl + I để đảo ngược vùng chọn và do đó, lá sẽ được chọn. Kết quả sẽ giống với hình ảnh ban đầu của chúng ta, chỉ khác là chúng ở 2 layer riêng biệt.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Chọn Layer “Leaf’, vào Layer > Layer Mask > Apply. Điều này sẽ loại bỏ tất cả các điểm ảnh (pixels) đã ẩn bởi mask.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Tiếp theo, vào 3D > New 3D Extrusion From Selected Layer. Điều này sẽ kích hoạt tự động lưới 3D trên Scene của chúng ta. Nếu không, bạn có thể vào Window > Workspace > 3D để mở. Chú ý, Layer “Leaf” bây giờ xuất hiện như một Layer 3D object.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 4

Trong bảng 3D, chọn đối tượng (object) “Leaf” (ký hiệu là icon ngôi sao) và vào Properties Panel, thiết lập Extrusion Depth là 35. Ngoài ra, bỏ chọn Catch Shadows và Cast Shadows.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bây giờ, chúng ta cần Move object “Leaf” ở vị trí trung tâm của Scene. Trước khi chúng ta thực hiện, nó sẽ giúp thay đổi camera để có được một cái nhìn tốt hơn. Chọn Layer “Current View” trong bảng 3D Panel, sau đó chọn View là “Top”.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Trên Canvas, sử dụng widget trên màn hình để xác định vị trí Leaf ở trung tâm của Scene cho chính xác (thể hiện ở điểm giao giữa 2 đường xanh và đỏ) .

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 5

Hiện tại, Canvas của chúng ta đang hiển thị ở Top View. Chọn “Default Camera” trong bảng 3D Panel để Reset lại camera. Chú ý rằng, object Leaf không đặt đúng ở vị trí và chúng ta sẽ chỉnh sửa ở bước tiếp theo.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bây giờ, điều chỉnh Leaf đúng vị trí của nó. Để thực hiện, sử dụng các công cụ Camera ở menu trên cùng và dịch chuyển camera cho đến khi logo được đặt đúng. Bằng cách dịch chuyển Camera chúng ta đã có thể làm cho object Laef trở về đúng vị trí của nó. Điều quan trọng là chúng ta không di chuyển object Leaf như chúng ta đã làm ở bước 4.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 6

Tiếp theo, chúng ta sẽ tạo hình ảnh chuyển động (Animate)—click vào Create Video Timeline ở bảng Timeline Panel. Nếu bạn không tìm thấy bảng Timeline Panel, vào Window > Timeline.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Sau khi đã chọn, bạn sẽ thất tất cả các Layer của mình được hiển thị như các Layer video trong Timeline. Trong trường hợp này, chúng ta sẽ có 2 layer video riêng biệt.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 7

Khi chúng ta muốn tạo Animate cho object “Leaf”, chúng ta cần phải truy cập vào các thuộc tính của nó trong Timeline. Twirl-down Layer “Leaf” để hiển thị tất cả các thuộc tính có thể Animate. Đối với Aniamtion này, chúng ta sẽ tập trung vào “3D Scene Position.”

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bài viết liên quan: HƯỚNG DẪN CÁCH CHẾ BIẾN ĐỒ ĂN DẶM KIỂU NHẬT CHO BÉ GIAI ĐOẠN 5-6 THÁNG

Click vào icon đồng hồ bấm giờ để Enable (kích hoạt) Keyframe Animation. Điều này sẽ add thêm keyframe đầu tiên cho Timeline của chúng ta (ký hiệu như viên kim cương màu vàng).

Xem thêm:   Cách dùng nhiều tài khoản Facebook, Zalo trên cùng một máy

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Khi Keyframe Animation được Enabled, Photoshop sẽ tự động add một keyframe khi chúng ta thay đổi vị trí của Scene (hoặc xoay). Trước khi chúng ta bắt đầu xoay Scene, chúng ta cần xác định thời gian để nó tạo hiệu ứng Animate. Để làm điều này, kéo nó đến thời gian hiện hành mà bạn muốn (Current Time Indicator) trên thanh Time (thể hiện trên các thanh trượt màu xanh).

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 8

Quay trở lại bảng 3D Panel, chọn Layer “Scene” và vào bảng Properties Panel. Trong bảng Properties Panel, chọn icon Coordinate và thay đổi giá trị “góc Y” là 360. Điều này sẽ xoay Scene một góc Y- 360 độ.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Chú ý rằng, keyframe mới đã được add trên Timeline của chúng ta. Sử dụng Current Time Indicator, bạn có thể dịch chuyển qua lại để xem các đối tượng 3D Animate của chúng ta trông như thế nào. Khi object “Leaf” được đặt đúng ở vị trí trung tâm của Scene, bạn sẽ thấy Leaf (hình ảnh chiếc lá) xoay tại chỗ.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 9

Mục tiêu của chúng ta là làm cho object “Leaf” xoay quanh trục của nó khi hiển thị. Để làm được việc này, chúng ta cần tạo bản sao của Layer “Leaf”. Trong bảng Layers Panel và copy layer nàu. Chú ý, khi copy layer này nó sẽ có cả Timeline.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Tiếp theo, điều chỉnh timeline cho đến khi object “Leaf” như hình bên dưới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Chọn layer video “Leaf copy” và kéo nó vào đường màu đỏ. Layer video này đã được cắt và bắt đầu chuyển động sau ¾ thời gian.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Tiếp theo, kéo phần chuyển động đầu tiên của chúng ta ở vị trí như hình bên dưới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Cuối cùng, kéo Layer video “Leaf copy” vào dòng màu đỏ. Và hình ảnh của chúng ta sẽ có sự chuyển động mượt mà hơn.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 10

Trước khi chúng ta Render bất kỳ Frame nào, chúng ta cần xem lại các Frame trên Photoshop mà chúng ta muốn Render. Sử dụng Current Time Indicator để điều chỉnh Animation tại các điểm mà chúng ta muốn đối tượng xoay đủ một vòng. Thiết lập thanh trượt như hình bên dưới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 11

Sau khi Scene đã hoàn thành, bạn cần thiết lập hình ảnh động GIF cuối cùng. Sẽ có 2 lựa chọn để saver hình ảnh động: Một là, save nhanh với hình ảnh GIF với chất lượng thấp; hai là chúng ta sẽ mất khá nhiều thời gian, nhưng bù lại bạn sẽ có được hình ảnh GIF chất lượng cao.

Đầu tiên, vào File > Save for Web. Ở tùy chọn này bỏ qua quá trình dựng hình và save nó. Nhưng trước khi save, chúng ta cần điều chỉnh một vài cài đặt cho đến khi bạn thấy phù hợp.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Đây là một ví dụ về hình ảnh chuyển động cuối cùng bằng cách sử dụng cách 1. Chú ý rằng các cạnh của chiếc là có xuất hiện răng cưa.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 12

Cách thứ 2, chúng ta sẽ Render Scene. Vào File > Export > Render Video và thiết lập các thay đổi như bên dưới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Sau khi tất cả các frame được Render, chúng ta có thể mở nó như một hình ảnh động. Vào File > Open As và đến folder chứa tất cả các frame mà chúng ta đã tạo ra. Chọn frame đầu tiên và click “Image Sequence” ở bên dưới của cửa sổ. Click Open. Bạn sẽ thấy một hộp thoại Frame Rate, chỉ cần click OK là xong.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Các hình ảnh sẽ được kết xuất tự động như là một hình động mới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Redering cuối cùng

Bước cuối cùng, để lưu hình ảnh động như file GIF chúng ta chỉ cần lặp lại bước 11 là ok.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu PhotoshopBước 1

Mở logo trong Photoshop. Chú ý, đây là file PND đã transparency— Đây là điều rất quan trọng để chúng ta chuyển đổi nó sang 3D. Bạn không cần thiết phải điều chỉnh kích thước của hình ảnh, chúng ta chỉ cần thay đổi một chút ở cuối sau khi chúng ta save nó như Animation (hình ảnh động).

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 2

Chọn công cụ Crop Tool và mở rộng không gian ở trên và dưới như hình minh họa. Nhấn Enter để áp dụng thay đổi.

Xem thêm:   Thơ 6 Chữ Hay ❤️️ 1001 Bài Thơ Sáu Chữ Nhiều Chủ Đề

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Sử dụng công cụ Rectangular Marquee Tool để chọn text ‘envato’ (hình ảnh lá không chọn) và click vào icon “Add Layer Mask” trên bảng Layers Panel. Điều này làm cho file chỉ còn text.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 3

Để cho mọi việc dễ dàng hơn, đổi tên layer chỉ có text là “Text”. Chọn và tạo bản sao của Layer này, đổi tên là “Leaf,” sau đó, click vào Layer Mask (mục đích của mask là chúng ta có thể chỉnh sửa). Nhấn Command/Ctrl + I để đảo ngược vùng chọn và do đó, lá sẽ được chọn. Kết quả sẽ giống với hình ảnh ban đầu của chúng ta, chỉ khác là chúng ở 2 layer riêng biệt.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Chọn Layer “Leaf’, vào Layer > Layer Mask > Apply. Điều này sẽ loại bỏ tất cả các điểm ảnh (pixels) đã ẩn bởi mask.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Tiếp theo, vào 3D > New 3D Extrusion From Selected Layer. Điều này sẽ kích hoạt tự động lưới 3D trên Scene của chúng ta. Nếu không, bạn có thể vào Window > Workspace > 3D để mở. Chú ý, Layer “Leaf” bây giờ xuất hiện như một Layer 3D object.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 4

Trong bảng 3D, chọn đối tượng (object) “Leaf” (ký hiệu là icon ngôi sao) và vào Properties Panel, thiết lập Extrusion Depth là 35. Ngoài ra, bỏ chọn Catch Shadows và Cast Shadows.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bây giờ, chúng ta cần Move object “Leaf” ở vị trí trung tâm của Scene. Trước khi chúng ta thực hiện, nó sẽ giúp thay đổi camera để có được một cái nhìn tốt hơn. Chọn Layer “Current View” trong bảng 3D Panel, sau đó chọn View là “Top”.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Trên Canvas, sử dụng widget trên màn hình để xác định vị trí Leaf ở trung tâm của Scene cho chính xác (thể hiện ở điểm giao giữa 2 đường xanh và đỏ) .

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 5

Hiện tại, Canvas của chúng ta đang hiển thị ở Top View. Chọn “Default Camera” trong bảng 3D Panel để Reset lại camera. Chú ý rằng, object Leaf không đặt đúng ở vị trí và chúng ta sẽ chỉnh sửa ở bước tiếp theo.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bài viết liên quan: Cách sử dụng iOS Emoji trên Android

Bây giờ, điều chỉnh Leaf đúng vị trí của nó. Để thực hiện, sử dụng các công cụ Camera ở menu trên cùng và dịch chuyển camera cho đến khi logo được đặt đúng. Bằng cách dịch chuyển Camera chúng ta đã có thể làm cho object Laef trở về đúng vị trí của nó. Điều quan trọng là chúng ta không di chuyển object Leaf như chúng ta đã làm ở bước 4.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 6

Tiếp theo, chúng ta sẽ tạo hình ảnh chuyển động (Animate)—click vào Create Video Timeline ở bảng Timeline Panel. Nếu bạn không tìm thấy bảng Timeline Panel, vào Window > Timeline.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Sau khi đã chọn, bạn sẽ thất tất cả các Layer của mình được hiển thị như các Layer video trong Timeline. Trong trường hợp này, chúng ta sẽ có 2 layer video riêng biệt.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 7

Khi chúng ta muốn tạo Animate cho object “Leaf”, chúng ta cần phải truy cập vào các thuộc tính của nó trong Timeline. Twirl-down Layer “Leaf” để hiển thị tất cả các thuộc tính có thể Animate. Đối với Aniamtion này, chúng ta sẽ tập trung vào “3D Scene Position.”

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Click vào icon đồng hồ bấm giờ để Enable (kích hoạt) Keyframe Animation. Điều này sẽ add thêm keyframe đầu tiên cho Timeline của chúng ta (ký hiệu như viên kim cương màu vàng).

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Khi Keyframe Animation được Enabled, Photoshop sẽ tự động add một keyframe khi chúng ta thay đổi vị trí của Scene (hoặc xoay). Trước khi chúng ta bắt đầu xoay Scene, chúng ta cần xác định thời gian để nó tạo hiệu ứng Animate. Để làm điều này, kéo nó đến thời gian hiện hành mà bạn muốn (Current Time Indicator) trên thanh Time (thể hiện trên các thanh trượt màu xanh).

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 8

Quay trở lại bảng 3D Panel, chọn Layer “Scene” và vào bảng Properties Panel. Trong bảng Properties Panel, chọn icon Coordinate và thay đổi giá trị “góc Y” là 360. Điều này sẽ xoay Scene một góc Y- 360 độ.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Chú ý rằng, keyframe mới đã được add trên Timeline của chúng ta. Sử dụng Current Time Indicator, bạn có thể dịch chuyển qua lại để xem các đối tượng 3D Animate của chúng ta trông như thế nào. Khi object “Leaf” được đặt đúng ở vị trí trung tâm của Scene, bạn sẽ thấy Leaf (hình ảnh chiếc lá) xoay tại chỗ.

Xem thêm:   CÁCH VIẾT ĐOẠN VĂN NGHỊ LUẬN XÃ HỘI TRONG BÀI THI THPTQG

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 9

Mục tiêu của chúng ta là làm cho object “Leaf” xoay quanh trục của nó khi hiển thị. Để làm được việc này, chúng ta cần tạo bản sao của Layer “Leaf”. Trong bảng Layers Panel và copy layer nàu. Chú ý, khi copy layer này nó sẽ có cả Timeline.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Tiếp theo, điều chỉnh timeline cho đến khi object “Leaf” như hình bên dưới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Chọn layer video “Leaf copy” và kéo nó vào đường màu đỏ. Layer video này đã được cắt và bắt đầu chuyển động sau ¾ thời gian.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Tiếp theo, kéo phần chuyển động đầu tiên của chúng ta ở vị trí như hình bên dưới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Cuối cùng, kéo Layer video “Leaf copy” vào dòng màu đỏ. Và hình ảnh của chúng ta sẽ có sự chuyển động mượt mà hơn.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 10

Trước khi chúng ta Render bất kỳ Frame nào, chúng ta cần xem lại các Frame trên Photoshop mà chúng ta muốn Render. Sử dụng Current Time Indicator để điều chỉnh Animation tại các điểm mà chúng ta muốn đối tượng xoay đủ một vòng. Thiết lập thanh trượt như hình bên dưới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 11

Sau khi Scene đã hoàn thành, bạn cần thiết lập hình ảnh động GIF cuối cùng. Sẽ có 2 lựa chọn để saver hình ảnh động: Một là, save nhanh với hình ảnh GIF với chất lượng thấp; hai là chúng ta sẽ mất khá nhiều thời gian, nhưng bù lại bạn sẽ có được hình ảnh GIF chất lượng cao.

Đầu tiên, vào File > Save for Web. Ở tùy chọn này bỏ qua quá trình dựng hình và save nó. Nhưng trước khi save, chúng ta cần điều chỉnh một vài cài đặt cho đến khi bạn thấy phù hợp.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Đây là một ví dụ về hình ảnh chuyển động cuối cùng bằng cách sử dụng cách 1. Chú ý rằng các cạnh của chiếc là có xuất hiện răng cưa.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Bước 12

Cách thứ 2, chúng ta sẽ Render Scene. Vào File > Export > Render Video và thiết lập các thay đổi như bên dưới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Sau khi tất cả các frame được Render, chúng ta có thể mở nó như một hình ảnh động. Vào File > Open As và đến folder chứa tất cả các frame mà chúng ta đã tạo ra. Chọn frame đầu tiên và click “Image Sequence” ở bên dưới của cửa sổ. Click Open. Bạn sẽ thấy một hộp thoại Frame Rate, chỉ cần click OK là xong.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Các hình ảnh sẽ được kết xuất tự động như là một hình động mới.

Hướng dẫn tạo hiệu ứng 3D trong photoshop CS6 -Tài liệu Photoshop

Redering cuối cùng

Bước cuối cùng, để lưu hình ảnh động như file GIF chúng ta chỉ cần lặp lại bước 11 là ok.

Số lượt xem: 9.912

Nguồn TKNDKTCS2030: https://wiki.thongkenhadat.com
Danh mục (THONGKENHADAT): Cách làm

error: Alert: Content is protected !!