Hướng dẫn cho người dùng Hủy

Create timeline animations

  1. Hướng dẫn sử dụng Photoshop
  2. Giới thiệu về Photoshop
    1. Biến ý tưởng thành hiện thực.
    2. Có gì mới trong Photoshop
    3. Chỉnh sửa bức ảnh đầu tiên của bạn
    4. Tạo tài liệu
    5. Photoshop | Câu hỏi thường gặp
    6. Các yêu cầu hệ thống Photoshop
    7. Làm quen với Photoshop
  3. Photoshop cũng như các sản phẩm và dịch vụ khác của Adobe
    1. Làm việc với Illustrator artwork trong Photoshop
    2. Làm việc với các tập tin Photoshop trong InDesign
    3. Vật liệu Substance 3D cho Photoshop
    4. Sử dụng tiện ích mở rộng Capture trong ứng dụng trong Photoshop
  4. Photoshop trên iPad (không có ở Trung Quốc đại lục)
    1. Photoshop trên iPad | Câu hỏi thường gặp
    2. Làm quen với workspace
    3. Các yêu cầu hệ thống | Photoshop trên iPad
    4. Tạo, mở và xuất tài liệu
    5. Thêm ảnh
    6. Làm việc với các lớp
    7. Vẽ và tô màu bằng cọ
    8. Tạo vùng chọn và thêm mặt nạ
    9. Chỉnh sửa đối tượng tổng hợp
    10. Làm việc với các lớp điều chỉnh
    11. Điều chỉnh tông màu của đối tượng tổng hợp bằng Đường cong
    12. Áp dụng các thao tác thay đổi hình dạng
    13. Cắt và xoay đối tượng tổng hợp
    14. Xoay, lia, thu phóng và đặt lại canvas
    15. Làm việc với các lớp Văn bản
    16. Làm việc với Photoshop và Lightroom
    17. Tải phông chữ bị thiếu trong Photoshop trên iPad
    18. Văn bản Tiếng Nhật trong Photoshop trên iPad
    19. Quản lý các cài đặt ứng dụng
    20. Phím tắt chạm và cử chỉ
    21. Các phím tắt bàn phím
    22. Chỉnh sửa kích thước hình ảnh
    23. Phát trực tiếp khi bạn tạo bằng Photoshop trên iPad
    24. Chỉnh sửa những điểm không hoàn hảo bằng Công cụ Cọ sửa khuyết điểm
    25. Tạo các cọ trong Capture và sử dụng chúng trong Photoshop trên iPad
    26. Làm việc với các tập tin Camera Raw
    27. Tạo và làm việc với Đối tượng thông minh
    28. Điều chỉnh độ phơi sáng trong hình ảnh của bạn bằng Làm sáng và Làm tối
    29. Lệnh điều chỉnh tự động trong Photoshop trên iPad
    30. Làm mờ các vùng trong hình ảnh bằng Photoshop trên iPad
    31. Bão hòa hoặc khử bão hòa hình ảnh bằng công cụ Tăng, giảm bão hòa màu
    32. Điền nhận biết nội dung cho iPad
  5. Photoshop trên web (không có ở Trung Quốc đại lục)
    1. Câu hỏi thường gặp
    2. Các yêu cầu hệ thống
    3. Các phím tắt bàn phím
    4. Các loại tập tin được hỗ trợ
    5. Giới thiệu về workspace
    6. Mở và làm việc với tài liệu trên đám mây
    7. Các tính năng AI tạo sinh
    8. Các khái niệm cơ bản về chỉnh sửa
    9. Thao tác nhanh
    10. Làm việc với các lớp
    11. Chỉnh sửa hình ảnh và loại bỏ những điểm không hoàn hảo
    12. Tạo nhanh vùng chọn
    13. Cải thiện hình ảnh với Lớp điều chỉnh
    14. Di chuyển, thay đổi hình dạng và cắt hình ảnh
    15. Vẽ và tô
    16. Làm việc với các lớp Văn bản
    17. Làm việc với bất kỳ ai trên web
    18. Quản lý các cài đặt ứng dụng
    19. Tạo hình ảnh
    20. Tạo nền
    21. Hình ảnh tham chiếu
  6. Photoshop (beta) (không có ở Trung Quốc đại lục)
    1. Bắt đầu với ứng dụng Creative Cloud Beta
    2. Photoshop (beta) trên máy tính để bàn
    3. Tạo hình ảnh bằng câu lệnh văn bản mô tả
    4. Tạo nền bằng câu lệnh văn bản mô tả
  7. AI tạo sinh (không có ở Trung Quốc đại lục)
    1. Câu hỏi thường gặp về AI tạo sinh trong Photoshop
    2. Tạo ảnh tạo sinh trong Photoshop trên máy tính
    3. Mở rộng tạo sinh trong Photoshop trên máy tính
    4. Tạo ảnh tạo sinh trong Photoshop trên iPad
    5. Mở rộng tạo sinh trong Photoshop trên iPad
    6. Các tính năng AI tạo sinh trong Photoshop trên web
  8. Content authenticity (không có ở Trung Quốc đại lục)
    1. Content credentials trong Photoshop
    2. Nhận dạng và nguồn gốc của NFT
    3. Kết nối các tài khoản để phân bổ sáng tạo
  9. Tài liệu đám mây (không có sẵn ở Trung Quốc đại lục)
    1. Tài liệu đám mây Photoshop | Câu hỏi thường gặp
    2. Tài liệu đám mây Photoshop | Câu hỏi về quy trình làm việc
    3. Quản lý và làm việc với tài liệu trên đám mây trong Photoshop
    4. Nâng cấp lưu trữ đám mây cho Photoshop
    5. Không thể tạo hoặc lưu tài liệu trên đám mây
    6. Giải quyết lỗi tài liệu trên đám mây Photoshop
    7. Thu thập nhật ký đồng bộ hóa tài liệu trên đám mây
    8. Mời người khác chỉnh sửa tài liệu trên đám mây của bạn
    9. Chia sẻ tập tin và nhận xét trong ứng dụng
  10. Không gian làm việc
    1. Thông tin cơ bản về Không gian làm việc
    2. Tùy chọn
    3. Tìm hiểu nhanh hơn với Bảng Khám phá Photoshop
    4. Tạo tài liệu
    5. Đặt tập tin
    6. Phím tắt mặc định
    7. Tùy chỉnh phím tắt
    8. Thư viện công cụ
    9. Tùy chọn hiệu suất
    10. Sử dụng công cụ
    11. Thiết lập sẵn
    12. Lưới và đường guide
    13. Cử chỉ chạm
    14. Sử dụng Touch Bar với Photoshop
    15. Khả năng cảm ứng và workspace có thể tùy chỉnh
    16. Xem trước công nghệ
    17. Siêu dữ liệu và ghi chú
    18. Khả năng cảm ứng và workspace có thể tùy chỉnh
    19. Đặt hình ảnh Photoshop vào các ứng dụng khác
    20. Thước đo
    21. Hiển thị hoặc ẩn Phần bổ sung không in được
    22. Chỉ định các cột cho một hình ảnh
    23. Hoàn tác và lịch sử
    24. Bảng và menu
    25. Đặt vị trí các thành phần bằng cách ghim
    26. Đặt vị trí bằng công cụ Thước đo
  11. Thiết kế web, màn hình và ứng dụng
    1. Photoshop cho thiết kế
    2. Bảng vẽ
    3. Xem trước thiết bị
    4. Sao chép CSS từ các lớp
    5. Cắt lát các trang web
    6. Tùy chọn HTML cho các lát
    7. Sửa đổi bố cục lát
    8. Làm việc với đồ họa web
    9. Tạo thư viện ảnh trên web
  12. Thông tin cơ bản về hình ảnh và màu sắc
    1. Cách thay đổi kích thước hình ảnh
    2. Làm việc với hình ảnh raster và vector
    3. Kích thước và độ phân giải hình ảnh
    4. Thu hình ảnh từ máy ảnh và máy quét
    5. Tạo, mở và nhập hình ảnh
    6. Xem hình ảnh
    7. Lỗi đánh dấu JPEG không hợp lệ | Hình ảnh mở đầu
    8. Xem nhiều hình ảnh
    9. Tùy chỉnh bộ chọn màu và mẫu màu
    10. Hình ảnh có dải động cao
    11. Kết hợp màu sắc trong hình ảnh
    12. Chuyển đổi giữa các chế độ màu
    13. Chế độ màu
    14. Xóa các phần của hình ảnh
    15. Chế độ hòa trộn
    16. Chọn màu sắc
    17. Tùy chỉnh bảng màu được lập chỉ mục
    18. Thông tin hình ảnh
    19. Bộ lọc Làm méo không có sẵn
    20. Giới thiệu về màu sắc
    21. Điều chỉnh màu sắc và đơn sắc bằng cách sử dụng các kênh
    22. Chọn màu trong bảng Màu sắc và Mẫu màu
    23. Mẫu
    24. Chế độ màu hoặc Chế độ hình ảnh
    25. Sắc thái màu
    26. Thêm thay đổi chế độ có điều kiện vào một hành động
    27. Thêm mẫu màu từ HTML CSS và SVG
    28. Độ sâu bit và tùy chọn
  13. Lớp
    1. Thông tin cơ bản về lớp
    2. Chỉnh sửa không phá hủy
    3. Tạo và quản lý các lớp và nhóm
    4. Chọn, tạo nhóm và liên kết các lớp
    5. Đặt hình ảnh vào khung
    6. Độ mờ và hòa trộn của lớp
    7. Các lớp mặt nạ
    8. Áp dụng bộ lọc thông minh
    9. Đối tượng tổng hợp lớp
    10. Di chuyển, xếp chồng và khóa các lớp
    11. Lớp mặt nạ với mặt nạ vector
    12. Quản lý lớp và nhóm
    13. Hiệu ứng và kiểu lớp
    14. Chỉnh sửa mặt nạ lớp
    15. Trích xuất nội dung
    16. Hiển thị các lớp với mặt nạ cắt
    17. Tạo nội dung hình ảnh từ các lớp
    18. Làm việc với Đối tượng thông minh
    19. Chế độ hòa trộn
    20. Kết hợp nhiều hình ảnh thành một hình chân dung nhóm
    21. Kết hợp hình ảnh với các Lớp Tự động hòa trộn
    22. Căn chỉnh và phân phối các lớp
    23. Sao chép CSS từ các lớp
    24. Tải vùng chọn từ ranh giới của lớp hoặc mặt nạ lớp
    25. Loại bỏ để hiển thị nội dung từ các lớp khác
  14. Vùng chọn
    1. Bắt đầu với vùng chọn
    2. Tạo vùng chọn trong đối tượng tổng hợp của bạn
    3. Chọn và che dấu workspace
    4. Chọn bằng công cụ marquee
    5. Chọn bằng công cụ lasso
    6. Điều chỉnh vùng chọn điểm ảnh
    7. Di chuyển, sao chép và xóa các điểm ảnh đã chọn
    8. Tạo mặt nạ nhanh tạm thời
    9. Chọn dải màu trong hình ảnh
    10. Chuyển đổi giữa các đường path và đường viền vùng chọn
    11. Thông tin cơ bản về kênh
    12. Lưu vùng chọn và mặt nạ kênh alpha
    13. Chọn vùng hình ảnh được lấy nét
    14. Sao chép, tách và hợp nhất các kênh
    15. Tính toán kênh
  15. Điều chỉnh hình ảnh
    1. Thay thế màu đối tượng
    2. Cong vênh phối cảnh
    3. Giảm nhòe do rung máy ảnh
    4. Ví dụ về Cọ sửa khuyết điểm
    5. Xuất bảng tra cứu màu
    6. Điều chỉnh độ sắc nét và độ mờ của hình ảnh
    7. Hiểu cách điều chỉnh màu sắc
    8. Áp dụng điều chỉnh Độ sáng/Độ tương phản
    9. Điều chỉnh chi tiết vùng tối và vùng sáng
    10. Điều chỉnh mức độ
    11. Điều chỉnh sắc độ và độ bão hòa
    12. Điều chỉnh độ rực màu
    13. Điều chỉnh độ bão hòa màu ở các vùng hình ảnh
    14. Thực hiện điều chỉnh tông màu nhanh chóng
    15. Áp dụng hiệu ứng màu đặc biệt cho hình ảnh
    16. Nâng cao hình ảnh bằng cách điều chỉnh cân bằng màu sắc
    17. Hình ảnh có dải động cao
    18. Xem biểu đồ và giá trị điểm ảnh
    19. Kết hợp màu sắc trong hình ảnh
    20. Cắt xén và làm thẳng ảnh
    21. Chuyển đổi hình ảnh màu thành đen trắng
    22. Các lớp điều chỉnh và điền
    23. Điều chỉnh đường cong
    24. Chế độ hòa trộn
    25. Nhắm mục tiêu hình ảnh cho máy in
    26. Điều chỉnh màu sắc và tông màu bằng công cụ Bút lấy mẫu màu Mức độ và Đường cong
    27. Điều chỉnh độ phơi sáng và tông màu HDR
    28. Làm sáng hoặc làm tối các vùng hình ảnh
    29. Thực hiện điều chỉnh màu sắc có chọn lọc
  16. Adobe Camera Raw
    1. Các yêu cầu hệ thống Camera Raw
    2. Có gì mới trong Camera Raw
    3. Giới thiệu về Camera Raw
    4. Tạo ảnh toàn cảnh
    5. Ống kính được hỗ trợ
    6. Hiệu ứng mờ viền, hạt và khử mờ trong Camera Raw
    7. Phím tắt mặc định
    8. Tự động điều chỉnh phối cảnh trong Camera Raw
    9. Bộ lọc Chuyện động xoáy trong Camera Raw
    10. Quản lý các cài đặt Camera Raw
    11. Mở, xử lý và lưu hình ảnh trong Camera Raw
    12. Sửa chữa hình ảnh bằng công cụ Loại bỏ khuyết điểm nâng cao trong Camera Raw
    13. Xoay, cắt và điều chỉnh hình ảnh
    14. Điều chỉnh kết xuất màu trong Camera Raw
    15. Xử lý các phiên bản trong Camera Raw
    16. Thực hiện các điều chỉnh cục bộ trong Camera Raw
  17. Sửa chữa và phục hồi hình ảnh
    1. Xóa các đối tượng khỏi ảnh bằng Điền nhận biết nội dung
    2. Vùng đắp và di chuyển nhận biết nội dung
    3. Chỉnh sửa và sửa chữa ảnh
    4. Chỉnh sửa độ méo và nhiễu của hình ảnh
    5. Các bước khắc phục sự cố cơ bản để khắc phục hầu hết các sự cố
  18. Cải thiện và chuyển đổi hình ảnh
    1. Đổi cảnh bầu trời trong hình ảnh
    2. Thay đổi hình dạng đối tượng
    3. Điều chỉnh cắt xén, xoay và kích thước canvas
    4. Cách cắt xén và làm thẳng ảnh
    5. Tạo và chỉnh sửa ảnh toàn cảnh
    6. Làm cong hình ảnh, hình dạng và đường path
    7. Áp phối cảnh
    8. Chia tỷ lệ nhận biết nội dung
    9. Chuyển đổi hình ảnh, hình dạng và đường path
  19. Vẽ và tô
    1. Tô các họa tiết đối xứng
    2. Vẽ hình chữ nhật và sửa đổi các tùy chọn nét vẽ
    3. Giới thiệu về vẽ
    4. Vẽ và chỉnh sửa hình dạng
    5. Công cụ tô vẽ
    6. Tạo và sửa đổi cọ
    7. Chế độ hòa trộn
    8. Thêm màu vào đường path
    9. Chỉnh sửa đường path
    10. Vẽ bằng Công cụ Pha trộn cọ
    11. Thiết lập sẵn cọ
    12. Chuyển màu
    13. Nội suy chuyển màu
    14. Điền và vẽ các vùng chọn, lớp và đường path
    15. Vẽ bằng công cụ Bút
    16. Tạo họa tiết
    17. Tạo họa tiết bằng cách sử dụng Trình tạo họa tiết
    18. Quản lý đường path
    19. Quản lý thư viện họa tiết và thiết lập sẵn
    20. Vẽ hoặc tô bằng máy tính bảng đồ họa
    21. Tạo cọ vẽ có kết cấu
    22. Thêm các yếu tố động vào cọ vẽ
    23. Chuyển màu
    24. Vẽ các nét cách điệu bằng Công cụ Cọ lịch sử nghệ thuật
    25. Tô theo họa tiết
    26. Đồng bộ hóa các thiết lập sẵn trên nhiều thiết bị
    27. Di chuyển các thiết lập sẵn, hành động và cài đặt
  20. Văn bản
    1. Thêm và chỉnh sửa văn bản
    2. Công cụ văn bản hợp nhất
    3. Làm việc với phông chữ OpenType SVG
    4. Định dạng ký tự
    5. Định dạng đoạn văn
    6. Cách tạo hiệu ứng chữ viết
    7. Chỉnh sửa văn bản
    8. Khoảng cách dòng và ký tự
    9. Chữ viết Tiếng Ả Rập và Tiếng Hebrew
    10. Phông chữ
    11. Khắc phục sự cố về phông chữ
    12. Chữ viết châu Á
    13. Tạo chữ viết
  21. Bộ lọc và hiệu ứng
    1. Sử dụng Thư viện Làm mờ
    2. Thông tin cơ bản về bộ lọc
    3. Tham khảo hiệu ứng bộ lọc
    4. Thêm hiệu ứng ánh sáng
    5. Sử dụng bộ lọc Góc rộng thích ứng
    6. Sử dụng bộ lọc Sơn dầu
    7. Sử dụng bộ lọc Nắn chỉnh
    8. Hiệu ứng và kiểu lớp
    9. Áp dụng các bộ lọc cụ thể
    10. Làm mờ vùng hình ảnh
  22. Lưu và xuất
    1. Lưu tập tin trong Photoshop
    2. Xuất tập tin trong Photoshop
    3. Các định dạng tập tin được hỗ trợ
    4. Lưu tập tin ở định dạng đồ họa
    5. Di chuyển bản thiết kế giữa Photoshop và Illustrator
    6. Lưu và xuất video và hình ảnh động
    7. Lưu tập tin PDF
    8. Bảo vệ bản quyền Digimarc
  23. Quản lý màu sắc
    1. Hiểu về quản lý màu sắc
    2. Giữ màu sắc nhất quán
    3. Cài đặt màu
    4. Duotone
    5. Làm việc với cấu hình màu
    6. Tài liệu quản lý màu để xem trực tuyến
    7. Quản lý màu sắc tài liệu khi in
    8. Hình ảnh được nhập quản lý màu
    9. Kiểm tra màu
  24. Thiết kế web, màn hình và ứng dụng
    1. Photoshop cho thiết kế
    2. Bảng vẽ
    3. Xem trước thiết bị
    4. Sao chép CSS từ các lớp
    5. Cắt lát các trang web
    6. Tùy chọn HTML cho các lát
    7. Sửa đổi bố cục lát
    8. Làm việc với đồ họa web
    9. Tạo thư viện ảnh trên web
  25. Video và hình ảnh động
    1. Chỉnh sửa video trong Photoshop
    2. Chỉnh sửa các lớp video và hình ảnh động
    3. Tổng quan về video và hình ảnh động
    4. Xem trước video và hình ảnh động
    5. Vẽ khung trong các lớp video
    6. Nhập tập tin video và chuỗi hình ảnh
    7. Tạo khung hình động
    8. Creative Cloud 3D Animation (Bản xem trước)
    9. Tạo hoạt ảnh dòng thời gian
    10. Tạo hình ảnh cho video
  26. In ấn
    1. In vật thể 3D
    2. In từ Photoshop
    3. In với quản lý màu sắc
    4. Bảng liên hệ và bản trình bày PDF
    5. In ảnh theo bố cục gói ảnh
    6. In màu vết
    7. In hình ảnh lên máy in thương mại
    8. Cải thiện bản in màu từ Photoshop
    9. Khắc phục sự cố in ấn | Photoshop
  27. Tự động hóa
    1. Tạo hành động
    2. Tạo đồ họa dựa trên dữ liệu
    3. Viết kịch bản
    4. Xử lý một loạt tập tin
    5. Sử dụng và quản lý hành động
    6. Thêm hành động có điều kiện
    7. Giới thiệu về các hành động và bảng Hành động
    8. Ghi lại các công cụ trong hành động
    9. Thêm thay đổi chế độ có điều kiện vào một hành động
    10. Bộ công cụ giao diện người dùng Photoshop dành cho plug-in và tập lệnh
  28. Khắc phục sự cố
    1. Sự cố đã khắc phục
    2. Các sự cố đã biết
    3. Tối ưu hóa hiệu suất Photoshop
    4. Khắc phục sự cố cơ bản
    5. Khắc phục sự cố hoặc treo ứng dụng
    6. Khắc phục lỗi chương trình
    7. Khắc phục lỗi đầy ổ lưu trữ ảo
    8. Khắc phục sự cố GPU và trình điều khiển đồ họa
    9. Tìm công cụ còn thiếu
    10. Photoshop 3D | Các câu hỏi thường gặp về các tính năng đã ngừng cung cấp

  Ngừng các tính năng 3D trong Photoshop

Các tính năng 3D của Photoshop sẽ bị loại bỏ trong các bản cập nhật trong tương lai. Người dùng làm việc với các tính năng 3D được khuyến khích khám phá bộ sưu tập Substance 3D mới của Adobe, đại diện cho thế hệ công cụ 3D tiếp theo của Adobe. Bạn có thể tìm thêm thông tin chi tiết về việc ngừng cung cấp các tính năng 3D của Photoshop tại đây: Photoshop 3D | Các câu hỏi thường gặp về các tính năng 3D đã ngừng cung cấp..

Lưu ý:

For Photoshop versions earlier than Photoshop CC, some functionality discussed in this article may be available only if you have Photoshop Extended. Photoshop does not have a separate Extended offering. All features in Photoshop Extended are part of Photoshop.

Timeline animation workflow

To animate layer content in timeline mode, you set keyframes in the Timeline panel, as you move the current-time indicator to a different time/frame, and then modify the position, opacity, or style of the layer content. Photoshop automatically adds or modifies a series of frames between two existing frames—varying the layer properties (position, opacity, and styles) evenly between the new frames to create the appearance of movement or transformation.

For example, if you want to fade out a layer, set the opacity of the layer in the starting frame to 100% and click the Opacity stopwatch for the layer. Then move the current-time indicator to the time/frame for the ending frame and set the opacity for the same layer to 0%. Photoshop automatically interpolates frames between the start and end frames, and the opacity of the layer is reduced evenly across the new frames.

In addition to letting Photoshop interpolate frames in an animation, you can also create a hand-drawn frame-by-frame animation by painting on a blank video layer.

Lưu ý:

If you want to create a SWF format animation, use Adobe Flash, Adobe After Effects, or Adobe Illustrator.

To create a timeline-based animation, use the following general workflow.

1. Create a new document.

Specify the size and background contents. Make sure the pixel aspect ratio and dimensions are appropriate for the output of your animation. The color mode should be RGB. Unless you have special reasons for making changes, leave the resolution at 72 pixels/inch, the bit depth at 8 bpc, and the pixel aspect ratio at square.

Make sure the Timeline panel is open. If necessary, click the downpointing arrow in the middle of the panel, choose Create Video Timeline from the menu, and then, click the button to the left of the arrow. If the Timeline panel is in frame animation mode, click the Convert To Video Timeline icon in the lower-left corner of the panel.

2. Specify the Set Timeline Frame Rate in the panel menu.

Specify the duration and frame rate. See Specify timeline duration and frame rate.

3. Add a layer.

Background layers cannot be animated. If you want to animate content, either convert the background layer to a normal layer or add any of the following:

  • A new layer for adding content.

  • A new video layer for adding video content.

  • A new blank video layer for cloning content to or creating hand-drawn animations.

4. Add content to the layer.

5. (Optional) Add a layer mask.

A layer mask can be used to reveal a portion of the layer’s content. You can animate the layer mask to reveal different portions of the layer’s content over time. See Add layer masks.

6. Move the current time indicator to the time or frame where you want to set the first keyframe.

7. Turn on keyframing for a layer property.

Click the triangle next to the layer name. A down-pointing triangle displays the layer’s properties. Then, click the stopwatch to set the first keyframe for the layer property you want to animate. You can set keyframes for more than one layer property at a time.

8. Move the current time indicator and change a layer property.

Move the current-time indicator to the time or frame where the layer’s property changes. You can do one or more of the following:

  • Change the position of the layer to make layer content move.

  • Change layer opacity to make content fade in or out.

  • Change the position of a layer mask to reveal different parts of the layer.

  • Turn a layer mask on or off.

For some types of animation, such as changing the color of an object, or completely changing the content in a frame, you need additional layers with the new content.

Lưu ý:

To animate shapes, you animate the vector mask rather than the shape layer, using the Time‑Vary stopwatch for Vector Mask Position or Vector Mask Enable.

9. Add additional layers with content and edit their layer properties as needed.

10. Move or trim the layer duration bar to specify when a layer appears in an animation.

11. Preview the animation.

Use the controls in the Timeline panel to play the animation as you create it. Then preview the animation in your web browser. You can also preview the animation in the Save For Web dialog box. See Previewing video or timeline animations.

12. Save the animation.

You can save the animation as an animated GIF using the Save for Web command, or as an image sequence or video using the Render Video command. You can also save it in PSD format, which can be imported into Adobe After Effects.

Use keyframes to animate layer properties

You can animate different layer properties, such as Position, Opacity, and Style. Each change can occur independently of, or simultaneously with, other changes. If you want to animate different objects independently, it’s best to create them on separate layers.

Here are some examples of how you can animate layer properties:

  • You can animate position by adding a keyframe to the Position property, then moving the current time indicator and dragging the layer in the document window.

  • You can animate a layer’s opacity by adding a keyframe to the Opacity property, then moving the current time indicator and changing the layer’s opacity in the Layers panel.

  • You can animate 3D properties, such as object and camera position. (For more information, see Create 3D animations.)

 

To animate a property using keyframes, you must set at least two keyframes for that property. Otherwise, changes that you make to the layer property remain in effect for the duration of the layer.

Each layer property has a Time‑Vary stopwatch icon  that you click to begin animating. When the stopwatch is active for a specific property, Photoshop automatically sets new keyframes whenever you change the current time and the property value. When the stopwatch is inactive for a property, the property has no keyframes. If you type a value for a layer property while the stopwatch is inactive, the value remains in effect for the duration of the layer. If you deselect the stopwatch, you will permanently delete all of the keyframes for that property.

Choose interpolation method

Interpolation (sometimes called tweening) describes the process of filling in unknown values between two known values. In digital video and film, interpolation usually means generating new values between two keyframes. For example, to move a graphic element 50 pixels to the left in 15 frames, you’d set the position of the graphic in the first and 15th frames, and mark them both as keyframes. Photoshop interpolates the frames between the two keyframes. Interpolation between keyframes can be used to animate movement, opacity, styles, and global lighting.

In the Timeline panel, the appearance of a keyframe depends on the interpolation method you choose for the interval between keyframes.

Linear keyframe 

Evenly changes the animated property from one keyframe to another. (The one exception is the Layer Mask Position property which switches between enabled and disabled states abruptly.)

Hold keyframe 

Maintains the current property setting. This interpolation method is useful for strobe effects, or when you want layers to appear or disappear suddenly.

To choose the interpolation method for a keyframe, do the following:

  1. In the Timeline panel, select one or more keyframes.

  2. Do one of the following:
    • Right-click a selected keyframe and choose either Linear Interpolation or Hold Interpolation from the Context menu.

    • Open the panel menu and choose either Keyframe Interpolation > Linear or Keyframe Interpolation > Hold.

Move the current-time indicator to a keyframe

After you set the initial keyframe for a property, Photoshop displays the keyframe navigator, which you can use to move from keyframe to keyframe or to set or remove keyframes. When the keyframe navigator diamond is active (yellow), the current-time indicator lies precisely at a keyframe for that layer property. When the keyframe navigator diamond is inactive (gray), the current-time indicator lies between keyframes. When arrows appear on each side of the keyframe navigator box, other keyframes for that property exist on both sides of the current time.

  1. In the Timeline panel, click a keyframe navigator arrow. The arrow to the left moves the current-time indicator to the previous keyframe. The arrow to the right moves the current-time indicator to the next keyframe.

Select keyframes

  1. In the Timeline panel, do any of the following:

    • To select a keyframe, click the keyframe icon.

    • To select multiple keyframes, Shift-click the keyframes or drag a selection marquee around the keyframes.

    • To select all keyframes for a layer property, click the layer property name next to the stopwatch icon.

Move keyframes

  1. In the Timeline panel, select one or more keyframes.

  2. Drag any of the selected keyframe icons to the desired time. (If you selected multiple keyframes, they move as a group and maintain the same time spacing.)
Lưu ý:

To expand or compress the spacing of multiple keyframes, Alt-drag (Windows) or Option-drag (Mac OS) the first or last keyframe in the selection. The keyframe at the opposite end of the selection remains in place as you drag, slowing down or speeding up the animation.

Copy and paste keyframes

You can copy keyframes for a property (such as Position) to the same property in any layer. When you paste keyframes, they reflect the copied offset from the current-time indicator.

You can copy keyframes from only one layer at a time. When you paste keyframes into another layer, they appear in the corresponding property in the destination layer. The earliest keyframe appears at the current time, and the other keyframes follow in relative order. The keyframes remain selected after pasting, so you can immediately move them in the timeline.

Lưu ý:

You can copy and paste keyframes between more than one property at a time.

  1. In the Timeline panel, display the layer property containing the keyframes you want to copy.

  2. Select one or more keyframes.
  3. Right-click a selected keyframe, and choose Copy Keyframes.
  4. In the Timeline panel containing the destination layer, move the current-time indicator to the point in time where you want the keyframes to appear.

  5. Select the destination layer.
  6. Open the panel menu and choose Paste Keyframes.

Delete keyframes

  1. In the Timeline panel, select one or more keyframes and do one of the following:

    • Right-click (Windows) or Control-click (Mac OS) a selected keyframe, and choose Delete Keyframes from the context menu.

    • From the panel menu, choose Delete Keyframes.

Create hand-drawn animations

You can add a blank video layer to your document when you want to create frame-by-frame hand-drawn animations. Adding a blank video layer above a video layer and then adjusting the opacity of the blank video layer allows you to see the contents of the video layer below. You can then rotoscope the video layer content by painting or drawing on the blank video layer. See also Paint frames in video layers.

Lưu ý:

If you’re animating several independent elements, create separate content on different blank video layers.

  1. Create a new document.
  2. Add a blank video layer.
  3. Paint or add content to the layer.
  4. (Optional) In the Timeline panel, choose Enable Onion Skins from the panel menu to enable the onion skin mode.

  5. Move the current-time indicator to the next frame.
  6. Paint or add content to the layer in a slightly different position from the content in the previous frame.
    Lưu ý:

    You can add a blank video frame, duplicate a frame, or delete a frame from the blank video layer by choosing Layer > Video Layers and then choosing the appropriate command.

    As you create more hand-drawn frames, you can either drag the current time indicator or use the playback controls to preview your animation.

Insert, delete, or duplicate blank video frames

A blank video frame can be added to or removed from a blank video layer. You can also duplicate existing (painted) frames in blank video layers.

  1. In the Timeline panel, select the blank video layer and then move the current-time indicator to the desired frame.

  2. Choose Layer > Video Layers and then choose one of the following:

    Insert Blank Frame

    Inserts a blank video frame in the selected blank video layer at the current time.

    Delete Frame

    Deletes the video frame in the selected blank video layer at the current time.

    Duplicate Frame

    Adds a copy of the video frame at the current time in the selected blank video layer.

Specify onion skin settings

Onion skin mode displays content drawn on the current frame plus content drawn on the surrounding frames. These additional frames appear at the opacity you specify to distinguish them from the current frame. Onion skin mode is useful for drawing frame-by-frame animations because it gives you reference points for stroke positions and other edits.

Onion skin settings specify how previous and later frames appear when onion skins are enabled. (See Timeline panel overview.)

  1. Open the Timeline panel and choose Onion Skin Settings.

  2. Specify options for the following:

    Onion Skin Count

    Specifies how many previous and forward frames are displayed. Enter the Frames Before (previous frames) and Frames After (forward frames) values in the text boxes.

    Frame Spacing

    Specifies the number of frames between the displayed frames. For example, a value of 1 displays consecutive frames, and a value of 2 displays strokes that are two frames apart.

    Max Opacity

    Sets the percentage of opacity for the frames immediately before and after the current time.

    Min Opacity

    Sets the percentage of opacity for the last frames of the before and after sets of onion‑skin frames.

    Blend Mode

    Sets the appearance of the areas where the frames overlap.

    Photoshop Onion skinning
    Onion skinning

    A. Current frame with one frame after B. Current frame with both one frame before and after C. Current frame with one frame before 

Open a multilayer animation

You can open animations that were saved in older versions of Photoshop as multilayer Photoshop (PSD) files. The layers are placed in the Timeline panel in their stacking order, with the bottom layer becoming the first frame.

  1. Choose File > Open, and select the Photoshop file to open.
  2. In the Layers panel, select the layers you want for the animation, and choose Make Frames From Layers from the panel menu.

    You can edit the animation, use the Save For Web command to save an animated GIF, or use the Render Video command to save the animation as a QuickTime movie.


 Adobe

Nhận trợ giúp nhanh chóng và dễ dàng hơn

Bạn là người dùng mới?

Adobe MAX 2024

Adobe MAX
Hội thảo sáng tạo

14–16/10 Bãi biển Miami và trực tuyến

Adobe MAX

Hội thảo sáng tạo

14–16/10 Bãi biển Miami và trực tuyến

Adobe MAX 2024

Adobe MAX
Hội thảo sáng tạo

14–16/10 Bãi biển Miami và trực tuyến

Adobe MAX

Hội thảo sáng tạo

14–16/10 Bãi biển Miami và trực tuyến