Need Urgent help with shelf animation

Started by Jakerpot, Sat 28/03/2009 23:20:09

Previous topic - Next topic

Jakerpot

yeah i read that too (he helped me a lot) but the shelf slowly goes, not fast, sorry, but i cant... and now my problem is with the character.



Kyrandiafan

I was bored so I made this. I hope it's any use to you.



Oh and hi. This is this is my first post.   :)

Jakerpot

it's, it's... PERFECT!  :o you i think nobody can see the wrong perspective of the vbooks because its too fast, i already done a shelf animation, but i can reconsider using that  :D Thank you very much



Kyrandiafan

Actually, the perspective is correct in 6 of the 11 frames. Every other frame is just the previous frame offset by 10 pixels to make the movement smoother. Of course that makes the perspective slightly off in those frames. But I don't think it's that noticable.

SpacePaw


SpacePirateCaine

I think that the animation done by Kyrandiafan is great, and the off-perspective frames really don't matter, since they're displayed for such a short period of time - Kind of like skimping on unnecessary details on a character (unnecessary shading, etc) in a detailed movement animation.

However, I think you should keep on doing your own, Jakerpot. It's tempting to use the resources of people that have offered you assistance on these threads, but if you keep on just using whatever's handed to you, you won't progress as an artist yourself. I noticed that you used the bookshelf that I created in my short animated tutorial pixel for pixel. It's not a terrible slight on me or anything like that - I created it basically for you, but I did it to show you how to do it - not to give you something to use and move on.

I'd like to see what it is that you've done so far - learn from all of these very useful and informative responses that you've been getting, and make something that you yourself can be proud of. I believe you have a lot of potential to be very talented - you did a great job with the book faces, and much of the other room elements you've made, so you shouldn't be riding on the coattails of other artists.

Now, that said, maybe Kyrandiafan's happy to have you just take the sprite and use it - but make sure of that before you just take it. I still think you should try your own, though. You'll be surprised how much you learn by studying and trying to recreate, instead of just taking and using.
Check out MonstroCity! | Level 0 NPCs on YouTube! | Life's far too short to be pessimistic.

Drawken

#26
Here's a tutorial of how I would go about animating it.

1. First, in paint, make the bookcase blank, with no books. Save it as "back1.png"


2. Now, make shelves half way between the existing ones.


3. Then erase the top of the bookcase and cover up every other shelf, keeping the ones you just drew.
The bottom of the bookcase should also be in the ground. Save it as "back2.png"


So, now you should have two bookcases.
The normal one and the one in the ground.

4. In Photoshop, open "back1.png" In the layers menu, create a new folder and name it "Book 1". Copy and paste "back1.png" into that folder.
Underneath the folder "Book 1" create a folder named "Book 2".
Now File >Open  "back2.png" Copy and paste it into the folder "Book 2".


5. Copy the folders "Book 1" and "Book 2" and paste them under the originals renaming them "Book 3" and "Book 4". Do this a few more time until you have 11 "book" folders.

6. In the folder "Book 3", cover up the top shelf along with the backing (with the Pencil Tool). Do the same thing in "Book 4".
In "Book 5" and "Book 6" erase the top two shelves. 
7 and 8, three shelves.
9 and 10, four shelves.
11, all of the shelves except for the bottom one.

You now have an empty descending bookcase. (You should also color the new tops a lighter brown, or whatever color the top should be. The right side should also be closed off with the pencil tool.


7. Now, open your original bookcase and put it above the folder "Book 1".

8. Make a copy of the layer. Hide the original. In the copied layer, erase everything but the 1st row of books. Click and drag that into the folder "book1". (Make sure it is on top of "back1") Rename it "1st row" Click and drag it so it's lined up on the bookcase correctly.


9. Copy "1st row". Hide the folder "Book 1". Paste into the folder "Book 2". (Make sure its on top.)

10. Click and drag it until the books are in the general area, of the shelf, they need to be.
With the selection tool, (M) select each book, and moved it (V) up or down to where it should be on the shelf.


11. Copy that "1st row", hide the folder "Book 2" and paste it into "Book 3". Repeat step 10.

12. Copy from "Book 3" to "Book 4". Repeat 10.
Copy 4 to 5. Repeat 10.
So on and so forth.

13. After that's all said and done, go back to the original bookcase, at the very top, and unhide it. Repeat steps 8-12 with each row of books naming them "2nd row", "3rd row", and "4th row".

14. You will also have to do this, to some extent, with the lighting in the top shelf.

15. Now is the time you can go back to each folder and edit the perspective of the book, weather it be erasing or painting with the pencil tool. (I just erased the tops of the books where they were overlapping the shelf. I didn't bother with the lines on the books.)       

You should get something like this when you are all finished.



Hopefully this will be able to help you to create it yourself.
<First time placing in a Sprite Jam. Neato.

Jakerpot




SMF spam blocked by CleanTalk