PNG Image to Body Parts

Community Beginner ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

Hello there,

 

So I've got an image attached and was wondering how to seperate the body parts so I can get it to wave. If anyone know how to that would be amazing!


The Warp Tool just makes it smudge and it's annoying to work with however with the bone tool it's easier but they need to be seperated.

 

See where I'm going??

 

Any help would be great. Thanks!

TOPICS
How to

Views

218

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

I'd chop it, using circular joints, convert each piece to a Graphic Symbol and animate.

Clipboard-1.png

Circular joints are explained here:

https://www.youtube.com/watch?v=xbctvGV0z68

 

 

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Powertools Team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

Hi Nick,

 

What do you mean by chopping it? By going into Photoshop and moving the different body parts into different layers?

 

Thanks

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

Hi again, mate!

 

I can see that you've already received good advice from @Not an alien and @Colin Holgate  how to deal with the immediate situation.

 

Here you can find a detailed step-by-step guidance how these things should be done properly:

Character Rigging for Flash Animation.

 

Good luck!

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Powertools Team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

Thanks, I never knew this community was so helpful! Just want to say thanks! 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

You're welcome, mate.

I like you character drawing very much.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Powertools Team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

Awww, thanks. It was just something I drew to test out animations. 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

If you need it to be a png, I think you'll have to separate the parts in something like photoshop first and then import them in to Animate.  You could also trace the image in illustrator and clean it up a little, then paste it as vectors in Animate (or trace it in Animate itself, with lesser results)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

So I've got my drawing into photoshop but how do I seperate each body part? 

defaultg9wlexciy19h_1-1625538319446.png

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

You can separate the parts inside Animate. Select the imported PNG, right-click, Break Apart. Use the Magic Wand to remove the background white parts. You can then select parts of the image to be different symbols, and then rotate those symbols. You will most likely have to fill in areas of the image with the body color.

I have attached a very quick test of what I mean.

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

I couldn't see my attachment! I will try again.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

Attachments seem not to work. If someone can tell me the solution to that, I will attach my file.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

Normally you can CTRL+C and V. If not drag and drop should work

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

If you're replying to me, either Browse to choose the file, or drag and drop, only posts the text of my reply, and not the attachment.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

Here is a WeTransfer link for the file: https://we.tl/t-R8rcwvrpzx

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

Thanks, I can't see it as of yet as I'm not at my PC but I'll check it out in a bit. Thanks! 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 05, 2021 Jul 05, 2021

Copy link to clipboard

Copied

something like this, like the other reply mentions, the important part is to cut out parts like forearm, upper arm etc but reconstruct them in a way so that there is a round end on the "hinges"  that way it will look better when rotating the parts.

Alternatively you could redraw it in a better pose for waving.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 06, 2021 Jul 06, 2021

Copy link to clipboard

Copied

LATEST

defaultg9wlexciy19h_0-1625570266550.png

Like this?

Likes

Translate

Translate

Report

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