c99r57c99.txtr57.txt

Hướng dẫn tạo ảnh động(gif) bằng photoshop

24/05/2010 | 47 comments | Chuyên mục: Photoshop | Tags: .

Hôm nay TTS xin hướng dẫn các bạn tạo ảnh động (.gif) bằng photoshop.

đầu tiên để tạo ảnh động chúng ta cần có các ảnh có kích thước như  nhau. ở đây mình đã chuẩn bị sẵn 5 hình. nếu các bạn chưa có có thể khi mở hình thì các bạn dùng công cụ  crop để cắt hình theo kích thước phù hợp.thứ 2  máy các bạn phải cài sẵnphotoshop . nếu đã chuẩn bị xong chúng ta bắt tay vào tạo 1 ảnh .gif nhá các bạn.

các bạn mở chương trình photoshop. chương trình có cử sổ như sau

các bạn chon File -> open và các bạn chọn mở tất cả các ảnh mà mình muốn tạo như hình

tiếp theo các bạn có thể cắt sử hình ảnh trước khi tạo. đây mình đã tạo các ảnh có kích thước như nhau nên không cần cắt nữa. các bạn xem hình trong 5 hình này mình sẽ coppy 4 hình và paste vaof 1 hình còn lại. các bạn lần lượt click chuột vào hình mình muốn coppy và nhấn ctrl+A (cái
này để chọn hết) -> tiếp ctrl+C (để coppy) các bạn sẽ thấy xung quanh hình có các đường viền và các bạn click chuột và hình mình muốn paste nhấn Ctrl + V (để paste) lúc này các bạn sẽ thấy các hình mình paste sẽ chồng lên hình dưới.

các bạn close các hình kia đi chỉ để lại hình mà mình vừa paste chúng lên nhá. sau khi cle các hình kia các bạn nhấn  tổ hợp phím Ctrl + Shift +M để mở chương trình Adobe ImageReady khi đó có màn hình như  saucác bạn thấy phía dưới có cửa sổ  Animation và phía dưới nó có thanh công cụ  các bạn chọn Duplicater Current frame biểu tượng bêb trái sọt rác đó. để tạo thêm frame mới bằng với số lượng ảnh các bạn đã chọn ở phần trên ở đây mình tạo tử 5 ảnh nên mình tạo 5 frame mới

Sau khi bạn tạo một frame mới rồi thì quay lại Layer Palette cho ẩn layer thứ nhất nhưng lại cho hiện layer thứ hai. Xem hình dưới các bạn click vào biểu tượng con mắt (ở hình là mình cho hiện layer 0 tức  hình số 1 đó bạn)  và ẩn tất cả các layer khác . tương tự như vậy các bạn cũng làm đối với các layer còn lại. tiếp theo các bạn thiết lập thời gian cho  nó các ban có th thiết lập mỗi hình hiện lên với các thời gia khác nhau còn mình thì chọn các hình hiện lên với thời gia như nhau nên mình  Chọn Frame đầu tiên trên Animation Palette, giữ phím Shift và chọn frame cuối cùng, frame số 5 ! để chọn hết chúng nó. Nhấp đúp chuột vào số 0 Sec để đặt thời gian cho nó. Mình đặt là 0,5 giây. tiếp theo các bạn có thể xem thử thành quả của mình trước khi lưu bằng các chọn nút Play. cuối cùng các bạn lưu lại vào File > Save Optimize as hoặc chọn (Ctrl + Alt + S) và lưu dưói dạng gif nhá . Đây là thành quả vừa viết vừa làm nè các bạn Phù viết xong bài hơn 1 tiếng đồng hồ mệt quá. các bạn đọc và ủng hộ nhá.

Chúc các bạn thành công

Bài viết liên quan:

Comment (47) | Leave a comment

  1. còn hiệu ứng nào khác nữa ko anh.Nếu có anh có thể chỉ giúp em luôn được không. Thanks anh

    Reply
    Văn Giang
    17/05/2013
    • Nói về PS thì còn rất nhiều. Em có thểm tìm hiểu tại đây http://thuthuatso.com/category/đồ-họa/photoshop/

      Reply
  2. lem ho tui 1 hinh anh, tui mun tay noa vung vay

    Reply
  3. thaks bạn

    Reply
    Diemlemtqc
    12/01/2013
  4. Làm hộ tôi cái ảnh động này xem, yêu cầu là cho cái mắt nó chớp chớp là được rồi. email của tôi là gayeudoi@gmail.com

    Reply
    Gayedoi
    31/12/2012
    • Để tạo mắt chớp ban chỉ cần tạo thêm một bức ảnh với mắt nhắm lại là được.

      Reply
      Thuthuatso Com
      01/01/2013
  5. Xin  cám ơn bạn đã viết bài này.
    Xin hỏi: 1,Tại sao tôi đã lưu duới dạng gif rồi mà khi xem lại trên máy (ngoài photoshop) thì hình vẫn không chuyển động.
    2,Ảnh động tự làm có đưa được lên facebook không? Nếu có thì làm cách nào?

    Reply
    Nguoitomo
    13/12/2012
    • Vấn đề bạn hỏi mình xin trả lời như sau:
      1. Ảnh bạn lưu .gif rồi nhưng khi xem lại vẫn không động thì bạn cần xem lại ảnh bạn tạo đúng chưa? Bạn có thể gửi ảnh của bạn lên để mình xem xem.
      2. Bạn có thể dưa lên bình thường như các hình ảnh khác. Bạn vào Album và chọn ảnh từ computer rồi up lên thôi.

      Reply
      Thuthuatso Com
      13/12/2012
      •  Cám ơn sự nhiệt tình của bạn. Tôi gửi anh lên nhờ bạn xem hộ nhé

        Nguoitomo
        13/12/2012
        • Đây là ảnh .jpg mà bạn. mà định dạng này thì sao mà động được. Bạn cần làm ảnh nào động thì gửi hết 1 loạt ảnh lên mình làm thử cho

          Thuthuatso Com
          13/12/2012
          •  Ảnh trên máy của tôi có đuôi .gif mà.  Không hiểu sao khi đưa lên nó lại thành .jpg.  Ngoài ra còn một file nữa  có đuôi  .html .  File này thì cử động được nhưng tôi không đưa được lên đây vì máy báo ảnh bị block.
            Tôi sẽ thu nhỏ loạt ảnh rồi gửi cho bạn sau nhé.
            Xin cảm ơn nhiều.

            Nguoitomo
            13/12/2012
  6. cám ơn bạn nha!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    Reply
    thuong
    24/10/2012
  7. thank nhiều, có nhiều bài hay hơn nha bạn

    Reply
    Dinhcuong07t1
    06/10/2012
  8. thank! ban nhju
     

    Reply
    Chuongnetwork
    18/09/2012
  9. Cảm ơn đã chia sẽ nhé.

    Reply
  10. cảm ơn bạn nha!
    bài viết của bạn hay lắm.nhờ đó mà mình đã làm được ảnh động như mong muốn rồi.
    hy vọng bạn sẽ cho mọi người nhiều bài viếc hay hơn nữa.
    chúc bạn thành công.
    chúc bạn một ngày tốt lành.

    Reply
    thanhphong
    23/12/2011
    • Cảm ơn lời chúc của bạn. Rất mong bạn thường xuyên ghé thăm và ủng hộ cho thuthuatso.com

      Reply
  11. bạn ơi cho mình hỏi cách chèn linh trang web vào ảnh gif chứ làm bằng fash Flash Intro Banner Maker thì mình biết rồi mình muốn hỏi bạn chèn link bằng photoshop bạn giúp mình nhé

    Reply
  12. Cảm ơn bài viết của bác nhiều nhiều nhé ^^

    Reply
    Ngo Van Doan
    09/11/2011
  13. cảm ơn mấy anh mấy chị đã chỉ rất cụ thể.

    Reply
    kobietthihoc
    07/09/2011
  14. cảm ơn anh nha ! em làm được , chạy trong ps nhưng khi lưu lại thì ps chỉ cho lưu 3 định dạng là jpg, html and images(html), only html(html)! làm sao để lưu thành đuôi gif để nó động nhỉ ? nhờ anh chị nào biết chỉ giáo ạ !

    Reply
    nguyên
    31/08/2011
  15. Cảm ơn bạn rất nhiều. Mình cũng bị tình trạng không lưu được mặc dù đã chọn đuôi .gif

    Bạn có thể hướng dẫn thêm

    Reply
    Trọng Tứ
    08/08/2011
  16. Chào bạn! sao mình cũng làm giống bạn rồi nhưng không được nhỉ. Khi làm xong lưu thì nó chẳng động tí nào cả. hay là pts của mình bị lỗi. Mong bạn giúp mình với nhá mình đang cần lắm. Thank.

    Reply
    Xuân Nam
    22/07/2011
  17. thanks pan nha?
    rất tỉ mỉ..?

    Reply
    hoang
    16/07/2011
  18. Em chua hieu anh trinh bay: bắt đầu từ lúc tao Animation thi cái frame đầu tiên là cái Ảnh nào ( ảnh toàn bộ các Layer lông lên nhau, hay là ảnh của từng cái layer một…)

    05 cái Frame mà anh tạo ra, khi đó cai panel bên phải, cacs Con Mắt đã đóng chưa???

    Anh nói lại rõ hơn….1 cái Tắt….1 cái Ẩn…. cụ thể là cái nào??

    Em rất thích Toppic của anh…

    Anh giup em với…freeboyvnn@yahoo.com

    Reply
    • Trong tất cả các hình đó khi mình chuyển sang Adobe Imageready tạo thêm frame mới thì mặc định ta sẽ nhìn thấy các con mắt hiện rõ. Lần lượt tắt hết (trừ 1 cái) muốn hiển thi. Ví dụ trong 5 hình trên. A sẽ click chuột vào hình 1 ở dưới frame để hình 1 hiện còn 4 hình sau a sẽ tắt hết, tiếp đó click chuột vào hình 2 thì tắt hình 1,3,4,5 Click chuột vào hình 3 thì tắt hình 1,2,4,5 tương tự như vậy cho đến hết. Chúc em thành công.

      Reply
  19. Cho mình hỏi bay giờ co bản photosop nào dùng hay nhất vay ?

    Reply
    • Tùy vào mục đích sử dụng mà chọn phiên bản cho phù hợp. Cái nào cũng có cái hay của nó hết.

      Reply
  20. sao chương trình lại nặng thế tải xong mất 17 tiếng luon àk chán vãi :(

    Reply
    • anh có thể chỉ em cách dow load bằng cách khác nhẹ hơn ko

      Reply
    • anh hay? chi cho nguoi` ta bik cach dow photoshop di chu’ :( (

      Reply
      • :lol: hic. http://thuthuatso.com/?p=1825. dùng cái này down nha bạn. chắc tốc độ dường truyền của bạn như thế nào đó chứ. nó chỉ có khoảng hơn 300MB làm gì down lâu vậy? :cry: :cry:

  21. cho em hoi pho to shop la cai’ zi` the’ lam` sao de? dolw no’ ve duoc a.k???? :wink: :wink:

    Reply
    nguyen tat vi
    29/09/2010
    • bạn đọc xong bài trên là hiểu liền. còn down về thì vào google.com.vn mà tìm, thích cái nào down cái đó về mà dùng. chúc bạn thành công

      Reply
  22. Anh Xuân Hùng ơi! Em đã sử dụng phần mềm Leo để chèn link cho flash nhưng vẫn không được anh à. Khi file flash chạy từ ổ cứng của máy tính thì các link hoạt động rất tốt, nhưng khi upload lên web thì các link không hoạt động mặc dù file flash vẫn chạy bình thường, như vậy là sao hở A? A giúp em được không?
    Nếu có thể anh hướng dẫn em qua địa chỉ: congtruong123456789@gmail.com

    Reply
    congtruong
    02/09/2010
    • Bạn dùng đoạn code này nha

      http://thuthuatso.com/wp-content/uploads/2010/09/code.txt

      Trong đó :http://thuthuatso.com/wp-content/uploads/2010/09/tyh.swf. là link file flash. còn thuthuatso.com là url cần trỏ tới. chúc bạn thành công

      Reply
  23. Anh Xuân Hùng ơi! Em đã sử dụng phần mềm Leo để chèn link cho flash nhưng vẫn không được anh à. Khi file flash chạy từ ổ cứng của máy tính thì các link hoạt động rất tốt, nhưng khi upload lên web thì các link không hoạt động mặc dù file flash vẫn chạy bình thường, như vậy là sao hở A? A giúp em được không?

    Reply
    congtruong
    02/09/2010
  24. Bạn ơi! Sau khi tạo xong ảnh gif, mình muốn chèn link của trang web vào từng ảnh đã tạo nên ảnh gif như bạn đã hướng dẫn thì làm thế nào? Mình mất cả tuần mà không thể làm được, bạn giúp mình với.
    Mong hồi âm!
    Nếu có thể bạn chỉ dẫn mình qua email: congtruong123456789@gmail.com

    Reply
    congtruong
    30/08/2010
  25. bạn ơi tại sao mình dùng pts 7.0 mà khi chuyển sang Adobe ImageReady nó lại ko có kái bảng Animation là sao
    mong bạn giải đáp sớm cho mình
    rất cảm ơn bài viết của bạn

    Reply
    • cái này bạn lấy trên menu Window đó bạn. trỏ chuột vào menu đổ xuông tìm Animatoin là được. chúc bạn thành công

      Reply
      • trên bản cs6 ko có cái animation. Nếu mình ko nhầm nó thành cái timeline ngay ngoài. Mình làm giống như trên nhưng mà ko đc. Khi save vẫn là đuôi gif nhưng mà ảnh vẫn ko động

        kien
        11/07/2012
  26. Hay đấy! Vào đây từ link trang web khác! ;)

    Reply
    • Thank bạn. Chúc bạn một ngày tốt lành. Hy vọng thuthuatso.com sẽ đem lại cho bạn nhiều điều bổ ích

      Reply

Leave a comment

TEXTLINK phan mem quan ly ban hang | phan mem ban hang | phần mềm quản lý nhân sự | Shop Đồng Hồ Hai Trieu | Game Quan ly doi bong | Giải đáp tin học | Nghe Nhạc Hay Nhất | Thủ Thuật Tin Học | Bang gia Server | Phần mềm quản lý bán hàng | Đông Trùng Hạ Thảo | Địa ốc bất động sản | Sàn giao dịch địa ốc nhà đất | Rao vặt,đăng tin|Diễn đàn Bí Quyết Làm Sạch |


Bản quyền © : 2010 - 2013 thuthuatso.com giữ toàn quyền.
Ghi rõ nguồn "Thuthuatso.com" khi phát hành lại thông tin từ website này.
 99 truy vấn trong 0.853 giây. Register   Log in