Thiết kế Blinkie cho Flash CS3 Animation

• Có Thể 5, 2024

Chủ sở hữu của J3 Design đã yêu cầu tôi tạo một cái chớp quảng cáo cho trang web album kỹ thuật số của cô ấy. Cô ấy muốn duy trì sự thanh lịch cổ điển của thương hiệu công ty và đưa cho tôi một bộ đồ họa mà cô ấy đã sử dụng cho logo của mình. Chúng bao gồm một cameo, ren, nền grunge, nơ, hoa khô và hai bọ rùa. Những đồ họa này ban đầu được tạo ra ở 300 dpi và rất lớn. Vì vậy, công việc đầu tiên của tôi là giảm mỗi đồ họa xuống 72 dpi và kích thước đủ nhỏ để sử dụng trong nháy mắt 150 x 50 pixel. Từ thử nghiệm này, tôi có thể xác định được yếu tố nào có thể được sử dụng ở kích thước nhỏ như vậy mà không mất quá nhiều chi tiết.

Tôi đã ngạc nhiên khi hầu hết các yếu tố hoạt động tốt ở mức giảm kích thước như vậy, ngoại trừ hoa cameo và hoa khô. Khi giảm xuống độ cao 50 pixel, hầu hết các chi tiết đã bị mất từ ​​các yếu tố này. Nhưng cameo là một phần quan trọng của logo, tôi quyết định chỉ sử dụng nửa trên của cameo. Bằng cách này, tôi đã cần giảm hình ảnh xuống kích thước nhỏ như vậy và lưu hầu hết các chi tiết của cameo.

Tôi bắt đầu xây dựng thiết kế với các yếu tố nền tĩnh. Những yếu tố này sẽ không phải là một phần của hình ảnh động. Tôi chọn một trong bốn hình nền grunge có trong các mẫu đồ họa làm lớp nền tổng thể. Tiếp theo tôi thêm ren và cameo. Để tiết kiệm phòng ở phía trên của cái nháy mắt cho hoạt hình văn bản, tôi đặt ren ở một góc ở góc dưới bên trái. Cuối cùng, tôi đã thêm một trong hai bọ rùa. Nhưng những con bọ rùa đó chỉ chờ được hoạt hình.

Nền tảng của hoạt hình sẽ được tạo thành từ một số hình ảnh động văn bản. Nhưng những con bọ rùa đó cứ nhìn tôi, nên tôi quyết định thêm một phim hoạt hình thứ hai có sự tham gia của bọ rùa. Một con bọ rùa sẽ được nhìn thấy trong hình ảnh động văn bản và sau đó con bọ rùa thứ hai sẽ xuất hiện từ dưới cameo. Cuối cùng, họ sẽ bò ra cùng nhau. Để làm điều này, tôi cần phải tách lớp nền thành nhiều lớp. Lớp nền đầu tiên sẽ là đồ họa grunge. Thứ hai sẽ là ren và cameo. Tất nhiên, tôi cần PNG của cả bọ rùa, ren và cameo để duy trì độ trong suốt trong Flash.

Vì vậy, bây giờ tôi đã có bốn lớp cho cái nháy mắt của mình, bên cạnh lớp hoạt hình văn bản, mà tôi sẽ thêm vào sau.

Hầu hết các nháy mắt trên các trang web album ảnh là 150 x 50 pixel. Điều này không cung cấp cho bạn nhiều không gian cho một hình ảnh động văn bản phức tạp. Tôi quyết định sử dụng Hiệu ứng Dòng thời gian tích hợp để làm động văn bản. Phần đầu tiên của hoạt hình sẽ là tên nhà thiết kế. Có năm nhà thiết kế cho trang web này, bao gồm cả bản thân tôi. Vì tên doanh nghiệp của tôi dài nhất, tôi quyết định tạo hoạt hình gốc bằng tên của mình. Sau đó, thật dễ dàng để chuyển đổi tên nhà thiết kế cho bốn nháy mắt khác. Bây giờ thiết kế đã được xây dựng, chúng tôi đã sẵn sàng để xây dựng hình ảnh động của chúng tôi.

Thiết kế J3

Bản quyền 2018 Adobe Systems Incorporated. Đã đăng ký Bản quyền. (Các) ảnh chụp màn hình sản phẩm Adobe được in lại với sự cho phép của Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Đóng góp, Cap activate, Flash Catalyst và Flash Paper là / là [a] nhãn hiệu đã đăng ký [s] hoặc nhãn hiệu [s] của Adobe Systems Incorporated tại Hoa Kỳ và / hoặc các quốc gia khác.