How to add an animated heart to a graphic [GIMP]

View previous topic View next topic Go down

How to add an animated heart to a graphic [GIMP]

Post by Meiko on Tue Oct 25, 2011 9:14 pm

Do you use GIMP to make graphics? If so, this is a great skill to know, especially with confession avatars.

Step 1: Open your pre-existing graphic.

File< Open

Step 2: Create a new transparent layer

Layer< New Layer

Step 3: Go to your Toolbox window and click on the Pencil icon. Make the brush a Circle (11), and make the scale a .10

Also zoom to 400%- it is much easier to see what you are doing. Also change your color of the pencil at this time, if wanted.

Step 4: With your mouse, create a mark where you want the bottom of your heart to be.

Step 5: Add another transparent layer

Layer < New Layer

Step 6: Make 2 marks on the graphic again, by going diagonally up one space from where the original dot was. do this twice.

Step 7: Add another transparent Layer

Layer < New Layer

Step 8: Add two dots diagonally up from where those two dots were.

Step 9: Add new transparent layer

Layer< New Layer

Step 10: Add two dots diagonally from where the the previous two dots were.

Step 11: Add new transparent layer

Layer < New Layer

Step 12: Make a mark with the pencil one space up from your previous dot to both sides.

Step 13: Add new transparent layer

Layer < New Layer

Step 14: Go diagonally up one space inward to both sides and mark with your pencil

Step 15: Create a new transparent layer

Layer < New Layer

Step 16: Create a dot going inward next to the dots from Step 14.

Step 17: Create a new transparent layer

Step 18: See that space in bewteen those 4 dots? We made in Steps 14 & 16? Mark with your pencil the space under it.

Here's what your product should look similar to right now:



--------- This next part is how to fill your heart with colors. If you want to have multiple colors in your heart, just switch colors when wanted.

Step 19: Create a new transparent layer

Layer < New Layer

Step 20: Take your pencil, and starting at the bottom click the first little pixel inside the heart with your pencil tool, still keeping the .10 Scale and Circle (11) size.

Step 21: Make a new transparent layer

Layer< New Layer

Step 22: Fill in the next 3 spaces going across inside the heart above where you just made the first mark inside the heart.

Step 23: Add a new transparent layer

Layer < New Layer

Step 24: Fill in the next 5 spaces going across inside the heart above whre you just made the first mark inside the heart.

Step 25: Make a new transparent layer

Layer < New Layer

Step 26: Fill in the remaining squares at the top of the inside of the heart, going across.

Step 27: View your animation

Filters < Animation < Playback

Step 28: If you like your animation, optimize it and polish it up.

Filters < Animation < Optimize (For GIF)

A new window will pop up, don't worry! Feel free to go to Filters< Animation< Playback again, to see your animation once more before you save.

Step 29: Save your finished product. Make sure you save as a gif in a place where you can find it. A window will pop up asking if you would like to export. Move checkmark or bullet to save as animation
If you want your animation to be slow, add to the amount of milliseconds. [OPTIONAL: You could also do this by putting more transparent layers between each step.] Click save!

Share your products!

Here's mine:

avatar
Meiko
Member
Member

Posts : 227
Join date : 2011-10-25

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Price on Tue Oct 25, 2011 9:45 pm

Moved to Guides and How-To's. Smile Great guide!
avatar
Price
Member
Member

Posts : 70
Join date : 2011-10-23

http://thewebkinznation.forumotion.com/

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Meiko on Tue Oct 25, 2011 9:49 pm

Thanks, Price!
avatar
Meiko
Member
Member

Posts : 227
Join date : 2011-10-25

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Guest on Wed Oct 26, 2011 3:29 pm

Great!
thanks Becca!
I am going to sticky this!
<3

Guest
Guest


Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Meiko on Thu Oct 27, 2011 9:22 pm

I am honored! This is my first post ever stickied. Thanks! If any wants to know, I learned how to do this from the "big" website.
avatar
Meiko
Member
Member

Posts : 227
Join date : 2011-10-25

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Guest on Fri Oct 28, 2011 12:36 am

ratgirl57 wrote:I am honored! This is my first post ever stickied. Thanks! If any wants to know, I learned how to do this from the "big" website.

No problem!
So glad you chose to come to us!

Guest
Guest


Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Kennedy on Sat Oct 29, 2011 8:07 pm

My oh my!
Thanks for this lovely thread!
avatar
Kennedy
Member
Member

Posts : 278
Join date : 2011-10-29

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by webkinzlover on Sat Oct 29, 2011 8:58 pm

This is really helpful!
I am going to use this very soon for an icon and signature, thank you so much!

webkinzlover
Member
Member

Posts : 1
Join date : 2011-10-29

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Kennedy on Sat Oct 29, 2011 8:59 pm

oh Kay LOL
no problem!!
avatar
Kennedy
Member
Member

Posts : 278
Join date : 2011-10-29

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Meiko on Sun Oct 30, 2011 11:52 am

Thanks, I may make a guide how to do animated dots later.
avatar
Meiko
Member
Member

Posts : 227
Join date : 2011-10-25

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Rainbow Zebra on Sun Oct 30, 2011 1:31 pm

Amazing guide! Glad it's stickied <3.
avatar
Rainbow Zebra
Owner

Posts : 295
Join date : 2011-10-29

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by doggoneit on Sun Nov 06, 2011 12:32 am

Thanks so much Becca! (:
avatar
doggoneit
Member
Member

Posts : 379
Join date : 2011-11-05

http://www.webkinztown.com

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Bunny x on Sun Mar 25, 2012 8:29 pm

Great guide
avatar
Bunny x
Member
Member

Posts : 31
Join date : 2012-03-25

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Em on Wed Jul 25, 2012 9:29 am

Im getting gimp soon! YAY!
avatar
Em
Member
Member

Posts : 752
Join date : 2012-06-23

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by bell77j on Wed Jul 25, 2012 5:13 pm

thank you imma get gimp now just to try
1
avatar
bell77j
Member
Member

Posts : 708
Join date : 2012-07-07

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by drafthorse1 on Wed Jul 25, 2012 5:18 pm

Thank you for this awesomeness guide! Very Happy
avatar
drafthorse1
Member
Member

Posts : 153
Join date : 2012-03-04

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by uniquecowgirl on Sat Jul 28, 2012 7:05 pm

Thanks Becca for the great guide!
avatar
uniquecowgirl
Member
Member

Posts : 565
Join date : 2012-02-20

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by bell77j on Mon Jul 30, 2012 10:18 pm

i like it i know how to do it though xD and you can also fill the heart up to down
avatar
bell77j
Member
Member

Posts : 708
Join date : 2012-07-07

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by gleekforever on Wed Aug 01, 2012 9:05 pm

thanks meiko!
avatar
gleekforever
Moderator

Posts : 1150
Join date : 2012-07-03

http://webkinzfanclub.forumotion.com/

Back to top Go down

Re: How to add an animated heart to a graphic [GIMP]

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum