Làm cách nào để tạo ảnh gif với nền trong suốt bằng Adobe Photoshop?


8

Làm cách nào để tạo một .gif với nền trong suốt bằng Adobe Photoshop?

Buổi tối hơi muộn để yêu cầu nhà phát triển web của tôi làm điều này. Đây là một ảnh chụp màn hình của hình ảnh tôi đã tạo:

hình ảnh ví dụ

Nhưng tôi không muốn màu trắng xung quanh các chữ cái - nó sẽ trông giống như ở đây: http://wordfruit.com

Đây là những gì tôi đã làm:

  • Tôi đã tải xuống .gif ban đầu từ các tập tin trang web.
  • Khi tôi mở nó trong Photoshop, lớp bị khóa và tôi không thể tạo một lớp mới
  • Vì vậy, tôi đã sao chép nó vào một tài liệu .sheet mới và chỉnh sửa nó
  • cuối cùng đã lưu nó dưới dạng .gif

1
Là một Nhà thiết kế UX chuyên nghiệp, tôi luôn thích PNG hơn GIF vì nó có độ trong suốt của kênh alpha và nén tốt hơn. Có nghĩa là bạn không bị mất màu để đặt nó là màu trong suốt. Nhà phát triển của tôi và tôi vừa tham gia một cuộc tranh luận, anh ấy muốn tôi gửi cho anh ấy GIF và tôi bảo anh ấy hãy theo đuổi nghề viết mã và gắn bó với tôi với tư cách là một Nhà thiết kế đồ họa.

Câu trả lời:


15

Khi bạn lưu GIF (xuất cho web), bạn có tùy chọn chọn màu để làm cho nó trong suốt. lưu ý rằng bạn chỉ được chọn MỘT màu, do đó, bạn thường sẽ có quầng sáng xung quanh hình ảnh của mình, nơi nó hòa trộn từ hình ảnh của bạn thành màu nền ban đầu.

Tốt hơn hết là bạn nên lấy tệp PSD gốc và sau đó lưu nó dưới dạng PNG trong suốt.


2

Câu trả lời dựa trên những gì tôi hiểu: |

thử điều này với cách làm của bạn

  • tải hình ảnh gif của bạn từ trang web
  • Mở bằng photoshop đi đến hình ảnh> chế độ> chọn màu rgb (hãy chú ý trong hình ảnh gif của bạn ngay bây giờ màu được lập chỉ mục của nó)

hình ảnh từ google

  • Khi bạn tạo tài liệu mới, hãy đảm bảo bạn sử dụng nền trong suốt

hình ảnh từ photoshopforce

Bây giờ dán hình ảnh của bạn và lưu nó dưới dạng gif.

Để lưu gif, hãy xem phần này: Tạo gif trong suốt (Xin lưu ý chỉ lưu phần)


Bây giờ Lời khuyên của tôi về nhà thiết kế / Nhà phát triển của bạn bằng cách sử dụng hình ảnh sprite để bạn khó thực hiện các chỉnh sửa theo cách bạn muốn, tốt hơn là bạn chỉnh sửa psd gốc và hơn là lưu và sử dụng nó, những gì bạn làm không theo nhà thiết kế của bạn / nhà phát triển họ đang sử dụng một cái gì đó khác và bạn đang làm một cái gì đó khác ...


gợi ý sắp xếp và ngọt ngào: Tìm psd gốc, chỉnh sửa văn bản của bạn và lưu nó dưới dạng .gif khác chờ nhà thiết kế. Cách bạn đang làm, thật lãng phí theo tôi.

Hy vọng điều này sẽ giúp một chút ..


koiyu tôi nghĩ rằng sprite hình ảnh của chính mình là cách dễ nhất để làm cho anh ta hiểu phải không?
Jack
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.