Creating JibJab's in AS

General Moho topics.

Moderators: Víctor Paredes, Belgarath, slowtiger

Anthony M.
Posts: 8
Joined: Thu Jul 27, 2006 2:12 am

Creating JibJab's in AS

Post by Anthony M. »

Hi everyone

I had experimented with Moho over the summer and recently purchased Anime Studio 5 which I find to be a very worthwile program. I have been able to make my own experimental cartoons however I am having a little trouble with imported photos. In AS I have tried to import a photo (head shot) of a relative which works however when it is brought into the program along with the head comes the blank white background behind the head (I extracted the picture of the head from a photograph then I placed into a blank Windows Paint document then imported it as a JPEG into AS). I wanted to place the head onto a cartoon body much like the Jib Jab animations do. Is there away I can edit the headshot in AS so I can seperate the jaw from the head then use bones to animate the mouth and also so I can put the head onto a cartoon body without having the white background conflicting? If anyone knows how to create a JibJab-like animation in AS (or knows where I may find a tutorial on how I can do it) I would greatly appreciate it if someone could tell me how to approach this.

Thank you in advance,

Anthony
User avatar
Nolan Scott
Posts: 396
Joined: Fri Oct 22, 2004 2:14 am
Location: Auckland, New Zealand
Contact:

Post by Nolan Scott »

Using Anime Studio Pro / OSX 10.4.8

Well, My way of doing animation with images, I cut all my images in Photoshop
and save each part of them as .png with transparent background.
These images are imported into AS, moved into position and rigged.

As far as I know there is no way to edit bitmaps directly in AS.

Please have a look at Tutorial 4.1 to 4.4 that should give you the basics.

Cheers
Nolan
Anthony M.
Posts: 8
Joined: Thu Jul 27, 2006 2:12 am

Post by Anthony M. »

Thank you for the quick response I will look through those tutorials. I was wondering to make the background transperant for still picture (photo) is that only possible to do in photoshop or can a basic program like paint do it aswell? Thanks again for your reply.

Anthony
User avatar
heyvern
Posts: 7042
Joined: Fri Sep 02, 2005 4:49 am

Post by heyvern »

The Gimp http://www.gimp.org/ is free and can handle creating pngs with transparency.

Don't ask me how, I use Photoshop. ;)

-vern
User avatar
moorsel
Posts: 275
Joined: Wed Nov 16, 2005 8:07 am
Location: Netherlands
Contact:

Post by moorsel »

You can use many programs for doing this. Photoshop is able to do the thing you want. I personally use Paint Sho Pro 9. Important is that you use an export format that supports the transparency. I use png.

An animation I made using this technique is (using pngs exported from psp9):

http://video.google.com/videoplay?docid ... 9991881487

Some of the objects seen in this animation were cut out from pictures and exported from paint shop pro into AS as a png.

Gr,
Frank
Last edited by moorsel on Sun Dec 31, 2006 10:47 am, edited 2 times in total.
User avatar
Touched
Posts: 504
Joined: Mon Dec 11, 2006 7:33 am
Location: Sunny California
Contact:

Post by Touched »

In addition to the Gimp, there's another free program called Paint.NET that also saves PNGs with transparent backgrounds, which is what you want. It says it was designed to be familiar to users of Windows Paint.
Anthony M.
Posts: 8
Joined: Thu Jul 27, 2006 2:12 am

Post by Anthony M. »

moorsel wrote: An animation I made using this technique is (using pngs exported from psp9):

http://video.google.com/videoplay?docid ... 9991881487

Some of the objects seen in this animation were cut out from pictures and exported from paint shop pro into AS as a png.

Gr,
Frank
Frank (moorsel) I just wanted to comment on you animation, I thought it was well made. Especially the beginning, a very nice simulation of a spaceship launch
Touched wrote:In addition to the Gimp, there's another free program called Paint.NET that also saves PNGs with transparent backgrounds, which is what you want. It says it was designed to be familiar to users of Windows Paint.
I think I will first try out Paint.NET then. Thank you so much everyone for all of your help! :D



Anthony
User avatar
Gnaws
Posts: 361
Joined: Tue Nov 07, 2006 9:31 pm
Location: Reno, NV
Contact:

Post by Gnaws »

moorsel wrote: An animation I made using this technique is (using pngs exported from psp9):

http://video.google.com/videoplay?docid ... 9991881487
Hey Frank - that's excellent! Hope to see more. :lol:
LittleFenris
Posts: 246
Joined: Thu Mar 10, 2005 7:29 pm
Location: USA!

Re: Creating JibJab's in AS

Post by LittleFenris »

Anthony M. wrote:In AS I have tried to import a photo (head shot) of a relative which works however when it is brought into the program along with the head comes the blank white background behind the head (I extracted the picture of the head from a photograph then I placed into a blank Windows Paint document then imported it as a JPEG into AS).
Noone really pointed out what the problem was in your specific case here...a JPEG can't export a transparent background so it defaulted the background to white.

As the others have said, use PNG's or GIF's that do have an option for transparent backgrounds. PNG's are by far the best looking format that AS can import that support transparent backgrounds.
User avatar
Touched
Posts: 504
Joined: Mon Dec 11, 2006 7:33 am
Location: Sunny California
Contact:

Post by Touched »

Yes, PNG is better than GIF, because PNG supports 256 levels of transparency, whereas GIF transparency is either on or off, resulting in jagged edges.
User avatar
Víctor Paredes
Site Admin
Posts: 5815
Joined: Wed Jan 26, 2005 12:18 am
Location: Barcelona/Chile
Contact:

Post by Víctor Paredes »

know somebody why are 256 transparency levels?
256 is a number which is repeated a lot in several things, as gradients for example.

why 256?
has this some biblical meaning?
User avatar
Touched
Posts: 504
Joined: Mon Dec 11, 2006 7:33 am
Location: Sunny California
Contact:

Post by Touched »

Because like a lot of things in the computer industry, it works on multiples of 8. 8 bits in a byte. 256 is 8x32. This is why you see RAM in multiples of 8, such as 128, 256, 512, 1024.

For more info, check here:
http://en.wikipedia.org/wiki/8-bit_color
Last edited by Touched on Wed Jan 03, 2007 11:43 pm, edited 1 time in total.
User avatar
Víctor Paredes
Site Admin
Posts: 5815
Joined: Wed Jan 26, 2005 12:18 am
Location: Barcelona/Chile
Contact:

Post by Víctor Paredes »

uhm. but do you know why no more than 256?
User avatar
Touched
Posts: 504
Joined: Mon Dec 11, 2006 7:33 am
Location: Sunny California
Contact:

Post by Touched »

Sorry, I edited my last post to add this, but I'll reply again since you already replied. This has all the info about how it applies to graphics:
http://en.wikipedia.org/wiki/8-bit_color

Also see the entries for Highcolour (16-bit) and Truecolour.
User avatar
Víctor Paredes
Site Admin
Posts: 5815
Joined: Wed Jan 26, 2005 12:18 am
Location: Barcelona/Chile
Contact:

Post by Víctor Paredes »

thanks touched .
i'm reading (but i'm a slow english reader).
Post Reply