1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Xin hướng dẫn làm logo xoay 360 độ

Chủ đề thuộc danh mục 'Nhờ vả làm ảnh' được đăng bởi nguoivohinh, 21/2/14.

Lượt xem: 29,268

  1. Khung Long Pro

    Khung Long Pro Thành viên cấp 2

    bạn xoay 360 độ thì nó vẫn đứng im mà :)
    tula, thanhtai4520, nguoivohinh1 người khác thích bài viết này.
  2. nguyendinhhoang92

    nguyendinhhoang92 Thành viên cấp 1

    B1: Bạn mở ảnh ấy ra rồi đúp ảnh ( ấn ctrl + J ) để có thế xoay layer vì lúc đầu chỉ có 1 layer
    B2: Sau đó free transform ( ấn ctrl + T)
    B3: Bạn click chuột phải vào rồi chọn xoay thế nào tùy bạn (Có 5 kiểu để bạn chọn)
    andyleca, Katy2309nguoivohinh thích bài viết này.
  3. lenm

    lenm Thành viên cấp 4

    vấn đề là bạn dùng cái gì Cs6, PTS, Ai hay After Effect. Với cả, xoa7 360 độ thì chả về nguyên dạng à :v troll anh em phỏng
    nguoivohinh thích bài viết này
  4. Tiny Love

    Tiny Love Thành viên cấp 2

    Cụ thể là thớt muốn tạo ảnh .Gif như vậy hả nguoivohinh
    [​IMG]
    Quocviet258, thanhtuanfh, Kick Cat7 người khác thích bài viết này.
  5. Đại Trần

    Đại Trần Thành viên cấp 2

    Chắc là muốn xoay cái logo chạy tròn như trái đất đó mà.
    AHUYENFX, rokaxinguoivohinh thích bài viết này.
  6. nguoivohinh

    nguoivohinh Thành viên cấp 1

    Wow tuyệt quá đúng như vậy đó anh, có thể hướng dẫn cụ thể cho em được không...?
    Big Thank Tyni Love!
  7. TFlash

    TFlash Thành viên cấp 1

    troll xoay 360* về lại như cũ
  8. Tiny Love

    Tiny Love Thành viên cấp 2

    Ok có điều giờ mình đnag hơi bận vì có chts chuyện chút nữa mình ghi hình quá trình làm rồi chuyển sang :v
    Katy2309, mê psnguoivohinh thích bài viết này.
  9. nguoivohinh

    nguoivohinh Thành viên cấp 1

    Thank! anh Tyni Love rất nhiều...:like:
    hieuchelsea1610 thích bài viết này
  10. square3979

    square3979 Mới đăng kí

    I love Chelsea
  11. Tiny Love

    Tiny Love Thành viên cấp 2

    Đầu tiên là tut hướng dẫn ( Mượn bài viết của Ad Dư ) - Video mình đang up sẽ đưa lên sau
    Trong hướng dẫn nhanh này, chúng ta sẽ tìm hiểu cách tạo ra logo có hiệu ứng chuyển động 3D bằng cách sử dụng Photoshop CS6. Hãy bắt đầu!


    Đầu tiên ta lấy logo của Envato để thực hành nhé!!

    [​IMG]

    Bướ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).


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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”.


    [​IMG]

    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à đỏ) .


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.”


    [​IMG]

    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).


    [​IMG]

    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).


    [​IMG]

    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 độ.


    [​IMG]

    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ỗ.


    [​IMG]

    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.


    [​IMG]

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


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

    Đâ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.


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]

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


    [​IMG]

    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.


    [​IMG]

    Nguồn: VNWordpress.com


    Read more: http://forum.vietdesigner.net/threa...logo-trong-photoshop-cs6.37395/#ixzz2twsfd65C
    tula, loveu.hptGatitos thích bài viết này.
  12. Gatitos

    Gatitos Thành viên cấp 2

    Có thể làm cho nó quay 360 độ được ko bác Tiny Love , cái trên mới quay 180 độ lặp lại.
  13. Tiny Love

    Tiny Love Thành viên cấp 2

    được - giống như cái của mình làm trên kia :D cái kia của mình xoay chuẩn 360*
    nguoivohinh thích bài viết này
  14. nguoivohinh

    nguoivohinh Thành viên cấp 1

    Đang đợi cái video, sốt ruột quá:x
  15. Tiny Love

    Tiny Love Thành viên cấp 2

    Hic định dạng video lỗi không up được :v giờ đnag chỉnh lại
    nguoivohinh thích bài viết này
  16. Đại Trần

    Đại Trần Thành viên cấp 2

    Tình hình là nguoivohinh đang sử dụng Avatar với nội dung "kiêu râm". Làm anh em mất tập chung.
    Mình nghĩ đơn giản xoay thôi thì làm 3D làm gì, cho xoay 180* bằng cách tạo khoảng 10 frame mỗi frame thì giảm kích thước theo chiều ngang lại chút.
    -180* còn lại thì lật cái hình ngược lại rồi làm tương tự là được rồi. Đơn giản trước, pro sau :D

    Cái logo quay trên kia đẹp đấy
  17. nguoivohinh

    nguoivohinh Thành viên cấp 1

    Nghe anh Tyni Love nói thật là có lổi nên đành đổi cái Avatar vậy, vẩn đang hóng cái video của anh./.
  18. Tiny Love

    Tiny Love Thành viên cấp 2

    nguoivohinh đây nha - cái soft của mình bị lỗi nên chất lượng không tốt cho lắm - them nữa đợt này mình đang có khá nhiều đám cưới phải làm nên không làm video kỹ hơn được vì thế lúc làm bạn kết hợp theo tut của bác Dư nữa để làm
    nguoivohinh thích bài viết này
  19. hieuchelsea1610

    hieuchelsea1610 Thành viên cấp 1

    Thớt cuồng Chelsea àh ^^

Ủng hộ diễn đàn