Text Effects
These use text and a rectangle box with separate effects. Update your text (or use an image if you want).
![01_single-block-text](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/a549598a-7816-4ce3-9852-fefb4b4d136f/01_single-block-text.gif)
01_single-block-text
![02_double-block-text](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/9f328edb-0c76-48b4-8acd-5c5c8df89872/02_double-block-text.gif)
02_double-block-text
![03_tripple-block-text](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/230948c7-98e6-4dba-a606-5d70340bdf5b/03_triple-block-text.gif)
03_tripple-block-text
![04_text-block-reveal_pop](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/f38a0843-ab2b-49f4-a3e3-658b0b2849bd/04_text-reveal_pop.gif)
04_text-block-reveal_pop
![05_text-block-reveal_static](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/fb4ab189-3081-4e2c-8758-f1f0377b0765/05_text-reveal_static.gif)
05_text-block-reveal_static
![06_text-block-reveal_roll](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/12c77150-8853-47b6-bd8b-39929de16dd6/06_text-reveal_roll.gif)
06_text-block-reveal_roll
Multi Effect
These include a number of different animated elements or more complex elements. The are still very easy to use and no animation skill is required.
![01_loading-bar](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/a0f4317b-44c2-48a7-9222-31fbbf5a5de0/01_loading-bar.gif)
01_loading-bar
![02_coin-spin-fast](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/3d8d4825-95bf-475d-bd97-ed428d6de257/02_coin-spin-fast.gif)
02_coin-spin-fast
![03_coin-spin-slow](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/0fb1c3cc-ccfe-4fbb-8e4c-55415f1e93e7/03_coin-spin-slow.gif)
03_coin-spin-slow
![04_pop-text-rotate](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/fa3d3171-e2f2-42f4-8cc8-0aaa3b8b7ba5/04_pop_text-rotate.gif)
04_pop-text-rotate
![05_text-rotate](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/eee82a6d-aacd-4ea1-8a1a-d6150885104b/05_text-rotate.gif)
05_text-rotate
![06_brush-reveal](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/47ff9638-cda9-4e0e-bb8b-c12d5721fe27/06_brush-reveal.gif)
06_brush-reveal
![07_text-scale_double](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/fa6db1be-0065-420d-ac01-70a487170b21/07_text-scale_double.gif)
07_text-scale_double
![08_text-rock_pop](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/48bb3a8a-9130-4d5f-9bdc-2d614365f608/08_text-rock_pop.gif)
08_text-rock_pop
![09_text-type-in](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/b3013665-8562-4a07-9f99-90f21e8d860f/09_text-type-in.gif)
09_text-type-in
![10_circle-shine](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/631191b8-f2b0-4b8e-a02a-98514b3ee2d4/10_circle-shine.gif)
10_circle-shine
![11_click-cursor](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/841275ad-02d5-46c4-b3a7-dea534826a2f/11_click-cursor.gif)
11_click-cursor
![12_list-text-wipe-in](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/f6445b24-a611-4486-9944-b7e0040bc034/12_list-text-wipe-in.gif)
12_list-text-wipe-in
![13_text-pulse-two-line](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/eb9b3378-4821-4f46-a6cb-6ddc2342439f/13_text-pulse-two-line.gif)
13_text-pulse-two-line
![14_text-pulse-three-line](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/2fc8bfb7-3f20-4c3f-853e-9cf684a9b053/14_text-pulse-three-lines.gif)
14_text-pulse-three-line
![15_text-rock_star](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/2634d7a6-b122-4bd1-a293-fa86eac723b5/15_text-rock_star.gif)
15_text-rock_star
![16_text-scroll-in](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/bd94c672-4115-4c16-ae36-0b190b9eade6/16_text-scroll-in.gif)
16_text-scroll-in
![17_text-slide](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/2cb6a9f6-f1b4-4977-a7e9-2d3605a46823/17_text-slide.gif)
17_text-slide
![18_reminder-text](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/4c6d5a08-db4a-491c-ac02-47b4f208be15/18_Reminder-text.gif)
18_reminder-text
![19_text-appear-two](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/20764fcb-8a80-4218-85a5-739319845bf0/19_text-appear-two.gif)
19_text-appear-two
![20_text-appear-three](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/e8b355a8-cb0b-4115-beb8-89ff585e062e/20_text-appear-three.gif)
20_text-appear-three
![21_semi-circle-text](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/7243aa3c-96a9-41af-91eb-cedfecff4ae6/21_semi-circle-text.gif)
21_semi-circle-text
![22_image-rotating-text-small](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/42140d8b-03e2-4160-8a3a-cace88537e2e/22_image-rotating-text-small.gif)
22_image-rotating-text-small
![23_tilt-warp](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/3d931eb4-eb62-46b3-bdc6-522681658a06/23_tilt-warp.gif)
23_tilt-warp
![24_shape-rotate](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/a9ea620d-541e-45ff-aed0-65c3aa99338e/24_shape-rotate.gif)
24_shape-rotate
![25_word-build-stacked](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/9c5dca39-550f-4b6f-ad15-6e111652dc7b/25_word-build-stacked.gif)
25_word-build-stacked
Position
Position is a fun and easy way to animate objects, illustrations and logos. Great for adding movement to websites, emails and social media.
Check out the tutorial for the scrolling image gif here.
![01_wobble](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/5b1d4568-cf2c-4265-86aa-e4fb719b4aef/01_wobble.gif)
01_wobble
![02_rise-in_fall-out](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/f0ca17ed-ce20-4908-bd8e-cb476350fdbb/02_rise-in_fall-out.gif)
02_rise-in_fall-out
![03_fall-in_rise-out](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/5f9c779f-70c0-4029-af4c-4b42a0273374/03_fall-in_rise-out.gif)
03_fall-in_rise-out
![04_fall-in_fall-out](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/fd5394b4-fb48-48ca-9f4e-07bcdfb65165/04_fall-in_fall-out.gif)
04_fall-in_fall-out
![05_rise-in_rise-out](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/f1caa3a7-8d5a-4f3f-832d-6ddd0d857a5b/05_rise-in_rise-out.gif)
05_rise-in_rise-out
![06_jump](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/90e59057-881c-4d95-80e0-b9f2a9e016a1/06_jump.gif)
06_jump
![07_bounce](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/1e5d5a34-0b23-427e-a1a5-485e7a10da9a/07_bounce.gif)
07_bounce
![08_bounce_small-fast](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/47dbc852-4a07-407e-8c31-cda734d41798/08_bounce_small-fast.gif)
08_bounce_small-fast
![09_bounce_small](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/d83ce906-238a-4ddd-91d8-9d0ae1be4c5a/09_bounce_small.gif)
09_bounce_small
![10_scrolling-image](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/ad1a7308-1af7-4dea-8df0-f3eee91a9abe/10_scrolling-image.gif)
10_scrolling-image
![11_left-to-right](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/5c5a33b9-e259-4b34-86a3-b2406513e602/11_left-to-right.gif)
11_left-to-right
![12_right-to-left](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/959689c3-0a69-4a59-a7e2-0dcbce58246c/12_right-to-left.gif)
12_right-to-left
![13_text-shift-left-right](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/a76d14b9-5faf-4033-9448-ae741910ebe2/13_text-shift-left-right.gif)
13_text-shift-left-right
Rotate
Rotate is a another fun and easy way to animate objects, illustrations and logos. Great for adding movement to websites, emails and social media.
![01_rotate](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/8bd187e5-bcf5-419f-889a-d7c330e6af19/01_rotate.gif)
01_rotate
![02_rotate-pause](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/c2809bee-100d-4d5b-8762-13acc633e32a/02_rotate-pause.gif)
02_rotate-pause
![03_rotate-roll-single](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/db6c89f3-51b3-4aaa-bd64-4e04f5eb75fa/03_rotate-roll-single.gif)
03_rotate-roll-single
![04_rotate-roll-four](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/2681759a-bc7d-4480-b1b4-3e6437b8b92b/04_rotate-roll-four.gif)
04_rotate-roll-four
![05_wiggle](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/fc2f4ccb-9257-4cee-bb61-bfc9c731aabd/05_wiggle.gif)
05_wiggle
![06_jiggle](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/0209ca1c-4606-4038-823e-f65f45c1c57a/06_jiggle.gif)
06_jiggle
![07_rock](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/40aaafbd-92c3-43bb-a0c2-5e821c7bd714/07_rock.gif)
07_rock
![08_swing](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/7b1ef6e6-a02e-4b8c-ba5b-c742ad8e8f0d/08_swing.gif)
08_swing
![09_rotate-slow](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/98000c75-fbf4-4d76-9708-1f3aa08c9ef4/09_rotate-slow.gif)
09_rotate-slow
Scale
Scale is a great way to give lots of ‘pop’ to illustrations and logos. Great for adding movement to websites, emails and social media.
![01_pop_in-out](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/fa7fa409-0e3c-4bb5-ab23-1a98983205e2/01_pop_in-out.gif)
01_pop_in-out
![02_pulse](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/2c4368d8-c0b1-479f-9b36-9dfbb38dc97b/02_pulse.gif)
02_pulse
![03_pop_in-out_double](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/c0b78ee9-d6bd-4ba3-bf27-f49809114ea9/03_pop_in-out_double.gif)
03_pop_in-out_double
![04_click](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/b29395fd-5911-4fb6-bbcb-0ad8115944d6/04_click.gif)
04_click
![05_spin-change](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/b58eda05-1bde-4409-875f-5d7bd55b9e19/05_spin-change.gif)
05_spin-change
![06_pulse-soft](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/a011b8e7-2096-4302-9c9d-3a5747c950d4/06_pulse-soft.gif)
06_pulse-soft
![07_spin-in-out](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/ff69308a-d5e3-4f52-a1d9-a85bea949fa9/07_spin-in-out.gif)
07_spin-in-out
Cross Fade
Great for changing colours or background images. This more subtle in style works well with logos and in email signatures.
![01_cross-fade-two](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/6a58f12d-ba06-4560-883a-e0493f041561/01_cross-fade-two.gif)
01_cross-fade-two
![02_cross-fade-three](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/342d1717-dd0b-4a5e-9651-9c056b2c6c80/02_cross-fade-three.gif)
02_cross-fade-three
![03_cross-fade-four](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/5aff7f3a-ad9d-46c1-8e04-dfa168ea227c/03_cross-fade-four.gif)
03_cross-fade-four
Frame Animation
Frames are exactly like using the frame animation timeline in Photoshop, except you only need to update the smart objects with your artwork (all the timing and cutting is already done).
Check out my tutorial for how to create a frame animation here.
![01_frames-two](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/0ffdc053-6cce-4960-aad6-a6ea2e55b9bf/01_frames-two.gif)
01_frames-two
![02_frames-three](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/1e2962e4-2d8b-4721-a4e1-b4140497ce73/02_frames-three.gif)
02_frames-three
![03_frames-four](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/39d40694-7620-4890-971d-d70669bfd050/03_frames-four.gif)
03_frames-four
![04_frames-five](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/7c6efafd-944d-4c07-ac05-a52067b09970/04_frames-five.gif)
04_frames-five
![05_frames-six](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/0b1f2031-9478-4e57-bea1-9b01fd3a965c/05_frames-six.gif)
05_frames-six
![06_frames-seven](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/b1ab4e20-bb11-4696-b9f4-29f2912d59d7/06_frames-seven.gif)
06_frames-seven
![07_frames-eight](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/3c6823a2-0c4b-4c73-a4de-50f50aab8706/07_frames-eight.gif)
07_frames-eight
![08_frames-nine](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/097e107a-3396-4d23-ab09-cd02d6a95e81/08_frames-nine.gif)
08_frames-nine
![09_frames-ten](https://images.squarespace-cdn.com/content/v1/6164e354fcac55060837e09f/625aaa5b-69ca-4f06-a1a3-6d18b18cb956/09_frames-ten.gif)
09_frames-ten