I want to animate part of a letter. I would like the tail of the letter 'y' in my work to make swinging motion. How would I do that?

New Here ,
Mar 22, 2018

Copy link to clipboard

Copied

Screen Shot 2018-03-22 at 16.23.19.png

Views

536

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

1 Correct Answer

Adobe Community Professional , Mar 23, 2018
Trevor.Dennis Adobe Community Professional , Mar 23, 2018
samc12824401  wroteJust realised that I missed the wee circle at the bottom.  This also has a transparent background, so can be composited over a background image of your choice.  It's good practice to create this sort of graphic over size and treat it as a master, so you can downsize to suit.  Not that with GIF you need to select colour bit depth in save process, and with so few colours you can reduce this right down saving file size.

Likes

Translate

Translate
Jump to answer Jump to answer
Adobe Community Professional ,
Mar 22, 2018

Copy link to clipboard

Copied

Please tell us what Adobe software you are using so this can be moved from the Lounge Forum to the proper forum for technical help.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Mar 22, 2018

Copy link to clipboard

Copied

Photoshop makes Frame Animations, or animated GIFs.  They tend to look a bit clunky compared to 25fps video.  The example below runs at about 12fps, hence the jerky motion.  I suspect that Adobe Animate could do a nicer job.

To make them it's basically a case of producing the graphic in two halves, and using Free Transform Step & Repeat to make the layers from which the frames will be produced.  From there it is just a case of keeping your wits about you and matching frames to layers.  With this sort of mirrored animation you can save time by copy and pasting groups of frames, and reversing the copies (from the timeline fly out menu).  Email me if you want the PSD file trevor.dennis AT xtra.co.nz 

Y-Honey.gif

A wee note here.  I built the graphic using vector shapes and Smart Objects, but they don't work well with Step & Repeat, so I keep the nice sharp original vector graphics, and copy and rasterize it.  You can see that the upper part of the Y looks cleaner than the lower part.  This is a result of the free transform process, as I actually drew the Y freehand.  You could sharpen each layer to improve this, but that would make the motion even jerkier.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Mar 23, 2018

Copy link to clipboard

Copied

samc12824401  wrote

Screen Shot 2018-03-22 at 16.23.19.png

Just realised that I missed the wee circle at the bottom.  This also has a transparent background, so can be composited over a background image of your choice.  It's good practice to create this sort of graphic over size and treat it as a master, so you can downsize to suit.  Not that with GIF you need to select colour bit depth in save process, and with so few colours you can reduce this right down saving file size.

Y-Honey-2.gif

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more