Hướng dẫn tạo ảnh động(gif) bằng photoshop
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ư sau
cá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á.





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
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/
17/05/2013
lem ho tui 1 hinh anh, tui mun tay noa vung vay
28/02/2013
thaks bạn
12/01/2013
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
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.
01/01/2013
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?
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.
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é
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
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.
13/12/2012
cám ơn bạn nha!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
24/10/2012
thank nhiều, có nhiều bài hay hơn nha bạn
06/10/2012
thank! ban nhju
18/09/2012
Cảm ơn đã chia sẽ nhé.
01/07/2012
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.
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
23/12/2011
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é
16/11/2011
Cảm ơn bài viết của bác nhiều nhiều nhé ^^
09/11/2011
cảm ơn mấy anh mấy chị đã chỉ rất cụ thể.
07/09/2011
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 ạ !
31/08/2011
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
08/08/2011
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.
22/07/2011
Khi lưu cần phải chọn .gif thì nó với động được nha bạn
22/07/2011
thanks pan nha?
rất tỉ mỉ..?
16/07/2011
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
07/04/2011
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.
07/04/2011
Cho mình hỏi bay giờ co bản photosop nào dùng hay nhất vay ?
02/04/2011
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.
02/04/2011
sao chương trình lại nặng thế tải xong mất 17 tiếng luon àk chán vãi
30/09/2010
anh có thể chỉ em cách dow load bằng cách khác nhẹ hơn ko
30/09/2010
anh hay? chi cho nguoi` ta bik cach dow photoshop di chu’
(
30/09/2010
01/10/2010
cho em hoi pho to shop la cai’ zi` the’ lam` sao de? dolw no’ ve duoc a.k????
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
29/09/2010
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
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
02/09/2010
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?
02/09/2010
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
30/08/2010
cái này thì bạn nên dùng phần mềm tạo flash. mình thấy phần mềm Aleo Flash Intro Banner Maker v2.4.99. rất hay, dễ sử dụng và đúng yêu cầu của bạn. còn đặt link cho từng ảnh như ý bạn thì mình chưa tìm hiểu về vẫn đề này trong photoshop.
30/08/2010
Cảm ơn bạn! Mình đang download phần mềm Flash Intro and Banner Maker v2.4.99 – Tạo Banner flash , vedeo Flash về làm thử.
31/08/2010
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
28/07/2010
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
28/07/2010
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
11/07/2012
CS2 còn có đó bạn. Bạn kiểm tra lại xem
13/07/2012
Hay đấy! Vào đây từ link trang web khác!
19/07/2010
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
19/07/2010