Custom Welcome Page Animation Creation

Here is a comprehensive proposal for your animation project created in Adobe Animate, meeting all requirements for originality and incorporating key interactive and animation techniques.

Project Overview
The project involves designing and animating a custom welcome page animation for a portfolio website, or alternatively, creating a video animation addressing the situation in Palestine. All visual elements must be created from scratch (initial hand-drawing, then vectorizing in Illustrator, and animating in Adobe Animate) .

Storyboard & Workflow
Concept & Storyboard Development

Begin with rough hand-drawn sketches to map out each scene, focusing on the flow from beginning to end (introduction, main action, interaction, and text reveal) .

These sketches will serve as the basis for Illustrator assets, ensuring every visual is unique and designed specifically for this animation.

Asset Creation

Digitize all hand-drawn elements in Adobe Illustrator, preparing clean, scalable vector graphics.

Export layers and assets for import into Adobe Animate.

Animation in Adobe Animate

Set up the project with HTML5 Canvas at 1200x600 pixels for the website version (or 1080x1920 for Instagram Reel) .

Animate all elements using object tweens, ensuring smooth and dynamic movement (for example, characters or objects moving across the screen) .

Integrate an interactive "press and change" sequence: for instance, clicking or tapping an object might trigger a color change, reveal new elements, or start a sub-animation .

Implement text reveal effects, such as masking or tweened entry/exit transitions, to introduce site titles or messages dynamically .

Required Animation Features
Object Tween: Gradual motion or transformation (e.g., welcoming mascot sliding in, graphical elements morphing) .

Press and Change: Interactive elements react to user input (e.g., click to transition colors, reveal additional info, or trigger expressive changes) .

Text Reveal: Animated unveiling of text, such as "Welcome" sliding or fading into view, synchronized with other visual sequences .

Deliverables
Complete storyboard panels with notes on timing, interactivity, and effects for each scene.

All assets saved in vector (Illustrator AI) format and imported into Animate.

An HTML5 Canvas animation file for web, or a video file for Instagram Reel, matching the size specifications.

Demo of core features: object tweening, interactivity (press and change), and at least one advanced text reveal.

Timeline
Week 1: Storyboarding and initial sketches.

Week 2: Asset creation in Illustrator.

Week 3: Assembling and animating in Adobe Animate.

Week 4: Interactivity, text effects, export, and refinement.