Crafty Threads 'n' Yarns Forum Index Crafty Threads 'n' Yarns
The Friendly UK Board that invites Knitters, Crocheters, Dressmakers, Quilters, Patchworkers, Jewellery makers and Paper Crafters to join in our chat about Craft
 
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   Join! (free) Join! (free)
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 


How to make a button and animate it (tut)

 
Post new topic   Reply to topic    Crafty Threads 'n' Yarns Forum Index -> How Do I Do That?
View previous topic :: View next topic  
Author Message
KnittingLadybird
Purly Button Queen


Joined: 05 Nov 2006
Posts: 7359



Location: No matter where you are, you're always HERE!

PostPosted: Wed Aug 15, 2007 12:45 pm    Post subject: How to make a button and animate it (tut) Reply with quote

buttons are small pics made by layering other things like pictures and text on top of a base or background.



we can see that we have our base...our small image and text...

all 3 images are opened up in your programme. then the small image and text block are then copied and pasted onto your base.


click this picture to show you a screen shot of these images in image ready, to give you a better idea.
Notice at the bottom of this picture you can see a small picture of the finished button and to the side all the layers separately.

Now you have seen how a basic button is made....i'm going to try and explain how to turn your button into a blinkie.



We will be using 2 background images to make this button...if you look at the 2 images above you will notice that they are slightly different.
(this is done by drawing a series of dots onto your basic base...i did this in paint (light <white> and dark <black>) and then saving the image, then flipping the image to make the dots go in the opposite direction and then saving again).

As before, all images and text are opened into your programme...one base is copied and pasted onto the other.


Now to animate our button..as i said before you can see a small image at the bottom of our screen of the finished button. In this "animation bar" we are going to create a new 'frame'.
We now have 2 images of our finished button...but not quite.
On frame 2 we are going remove layer 2 (layers are on the right handside of the screenshot). This will give frame 1 with dots going from black to white and frame 2 will have the opposite, going white to black.
As the little picture and text are layered on top, these will not be affected and will appear on BOTH frames in the same place.
You will be able to set the time delay (ours is 0.5secs) between the flicking of one frame to the other. Always save your buttons using the save optimised as selection...And hopefully we should be seeing a simple 2 framed animated gif image!


Phew! lol


This was my tutorial from Bloggers Paradise, which is going to close at the end of next month (I think?) So I asked if i could put it here for all of you may want to try it.



_________________

Snag me
Back to top

View user's profile Send private message Send e-mail Visit poster's website
jessica



Joined: 08 Nov 2006
Posts: 1691




PostPosted: Wed Aug 15, 2007 12:49 pm    Post subject: Reply with quote

oh how exciting, what programme do you open up in, of am i being thick.
Back to top

View user's profile Send private message
Piglottie
CRAFTAs '07 Most Inspirational


Joined: 06 Nov 2006
Posts: 3016


5 January 1971
Location: East Yorkshire

PostPosted: Wed Aug 15, 2007 12:50 pm    Post subject: Reply with quote

notworthy Oh my word Linz! I bow to your techno wizz genius Smile ( Embarassed You know that thing where your other half starts giving you directions and you switch off after the second turn left? My brain sort of did this half way through the technicalities of it all Embarassed Laughing )
_________________
             
Back to top

View user's profile Send private message Visit poster's website
melody yarns
Site Admin


Joined: 03 Nov 2006
Posts: 8688



Location: UK

PostPosted: Wed Aug 15, 2007 1:13 pm    Post subject: Reply with quote

Flipin' eck! I'm going to make this into a sticky so we don't go and lose it, if that's hokay?
_________________
Melody's blog
Ravelry name ~ melodyyarns
22 out of 24 completed in 2009 - only 3 to go!

Back to top

View user's profile Send private message Visit poster's website
carolinne
Moderator


Joined: 05 Nov 2006
Posts: 2884


27 December 1961
Location: berkshire, uk

PostPosted: Wed Aug 15, 2007 1:24 pm    Post subject: Reply with quote

blimey girl that is amazing
_________________




Back to top

View user's profile Send private message
carolinne
Moderator


Joined: 05 Nov 2006
Posts: 2884


27 December 1961
Location: berkshire, uk

PostPosted: Wed Aug 15, 2007 1:26 pm    Post subject: Reply with quote

......mind you when i first read the title i thought you were being impatient with us for not knowing how to animate .....then i realised that tut means tutorial........dooooh
_________________




Back to top

View user's profile Send private message
Princess Sahara



Joined: 14 Mar 2007
Posts: 206


1 June 1978
Location: Eastbourne, East Sussex

PostPosted: Wed Aug 15, 2007 1:36 pm    Post subject: Reply with quote

Wow! Thanks for showing us Very Happy

*wanders off to think what to put on her button*
_________________
Sarah x
Gemini Knits My Etsy Shop
Everything Knitting My Website
Gemini Knits Blog My Blog
Back to top

View user's profile Send private message Visit poster's website
KnittingLadybird
Purly Button Queen


Joined: 05 Nov 2006
Posts: 7359



Location: No matter where you are, you're always HERE!

PostPosted: Wed Aug 15, 2007 2:16 pm    Post subject: Reply with quote

lol Carolinne

I use image ready/photoshop...but the same basics work for any programme that can frame and animate really.
_________________

Snag me
Back to top

View user's profile Send private message Send e-mail Visit poster's website
craftylady



Joined: 02 Jan 2007
Posts: 2151


1 September 1962
Location: my own little world

PostPosted: Wed Aug 15, 2007 6:18 pm    Post subject: Reply with quote

Do these buttons need buttonholes cos I will need someone to make it for me as my sewing machine doesn't have a buttonhole function.....
_________________



Ravelry id: cascade
Back to top

View user's profile Send private message
craftybernie
CRAFTAs '07 Most Diverse Crafter


Joined: 22 May 2007
Posts: 1072


31 December 1971
Location: Isle of Man

PostPosted: Wed Aug 15, 2007 7:04 pm    Post subject: Reply with quote

I've always wondered how to do that!!! Thanks for sharing. This is so cool.



_________________
Back to top

View user's profile Send private message Send e-mail Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    Crafty Threads 'n' Yarns Forum Index -> How Do I Do That? All times are GMT
Page 1 of 1
  

Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Card File  Gallery  Forum Archive
Powered by phpBB © 2001, 2005 phpBB Group
Create your own free forum | Buy a domain to use with your forum