Easily Create & Manipulate Simple GIF Animations With The Help Of Picasion & Playgif
|
| ||||||||
| Compare: | Web Design Calculator | Web Design Cost Guidelines |
Are you an E-Commerce Web Designer? Add a Free Listing
If a picture paints a thousand words, then a picture animation would paint millions of words. One of the first things that people did in the early days of the Internet was to try to put moving images on the web, and long before the era of Flash, the only way to put animations on the web was to use GIF images.
Today, GIF is not as popular as it used to be, but that doesn’t mean that it’s already useless. The format can still come in handy whenever you need small sized moving images, something like an animated avatar (for Twitter, for example), a revolving logo for your website, or even a photo slideshow.
There are several image editors that could help you build GIF images. But if you need a quick tool while you are away from your home computer, web tools would be easier to access. Recently, I stumbled upon two web tools that could help you create and manipulate simple GIF animations - Picasion and Playgif.
Creating GIF Animations
Basically, a GIF animation is a set of images merged into one and displayed one by one in a continuous loop. So, to create one GIF animation, you’ll need several base images.
Creating a GIF animation using Picasion is very easy. Prepare a set of images that you want to convert to GIF and add them one by one using the “Choose File” button. Even though there are only three buttons available by default, you can add more than three images if you need to by clicking on the “Add one more picture” link.
You can choose the image size you want from the “Size” drop down list.
You can also choose the speed of the animation.
In my experiment, I created five pictures to build the animation. I used an image editor to write a word while taking one screenshot of the window every time I added a letter. Then I added the screenshots to Picasion.
If you want to build the animation using web images, you can choose the “URL” link and write down the addresses in the field provided.
It’s also possible to add images from your computer’s built-in webcam shots. Choose the “Webcam” link, then allow Picasion to access the camera and microphone by clicking on the radio button next to “Allow“.
Then click the “Capture” button to take the shots. Set the timer if you need time to prepare before your picture is taken.
After you’ve put all of your images in place, scroll down to the lower part of the pane and click the “Create animation” button.
Picasion will then process the images and show you the result, along with the option to share it via MySpace, Facebook, and/or Twitter.
Picasion will also provide you with links related to the animation, including HTML code that you can put on your website. There’s also the link to download the animation to your computer.
I copied the HTML code from the GIF animation that I created and pasted it into this post. Here’s the result.
I know my example is very simple, but you can create more complex animations by putting more images in one file. The possibilities of the kind of GIF animation you can create is limited only by your imagination.
Play With GIF
If you want to make your GIF animation more movie-like, you can try Playgif. This web tool will add a play/pause button to your GIF, along with options to adjust the speed, and to play the animation in reverse.
You need to provide Playgif with the weblink to the GIF and click “Start gif player“. You can put the direct link from Picasion here.
After generating the frames, Playgif will display your animation with all the playing options. Unfortunately, this modified GIF is only viewable on the Playgif site. You can’t download it or embed it to other locations.
Do you still use GIF animations? How do you build the GIFs and where do you use them? Please share your methods using the comments below.
Image credit: jrubinic
Easily Create & Manipulate Simple GIF Animations With The Help Of Picasion & Playgif is a post from: MakeUseOf
More articles about: animation, gif, image editors, image toolsSimilar articles:
Wed, 27 Jul 2011 18:31:30 GMT
Tags: animation, gif, image editors, image tools, Web Apps,
Vancouver E-Commerce | Cuba E-Commerce | Kolkata E-Commerce | NOIDA E-Commerce | Shreveport E-Commerce | Dhaka E-Commerce | Navi Mumbai E-Commerce | Pickerington E-Commerce | Fenton E-Commerce | Minneapolis E-Commerce |
animation
DAZ Studio 4 Available For Free Till August 31st [News]
3D figure design and animation software DAZ Studio 4 will be dropping its retail price of $49.99 to free for the remainder of August. The software, created by DAZ 3D, is used for the creation of artwork involving human models, animals, props and environme
Create Web Animations Using HTML5, CSS3 & JavaScript With The Help Of Adobe Edge [Windows & Mac]
Flash used to be the king of web animation, but now it's been slowly abandoned because of the possible future ruler: a combination of HTML5, CSS3, and JavaScript. Even though Adobe is still strongly supporting Flash, it is also beginning to embrace the n
gif
The 5 Best Sources For Animated GIF Images
I’m convinced that the animated GIF reveals something about humanity. Present your average person with a repetitive moving picture and they’ll become absolutely entranced. I’ve lost many hours of my life to dancing bears and dogs doing barrel rolls. Despi
The Most Fun You’ll Have All Day: Create Animated GIFs From Webcam Images In Seconds
I have a confession to make. I’ve never made an animated GIF in my life until today. Not only did I never make one, I also never found them very appealing, unless the subject matter was amusing (i.e. not a person making faces) and the GIF itself really we
image editors
Share Traditional Style Photo Albums Online With Albm [Mac]
There are nearly limitless ways to share your photos online these days. All of these sites provide you with a way to quickly sort your collections of photos and present them on individual webpages or slideshow presentations. But there's something about t
Make Technical Instruction Guides Easily Using Clarify [Mac]
Being a somewhat geeky person, you've probably had at least a few people ask you how to do something using their computer. When this happens, you really need a quick way to collect and annotate a bunch of screenshots so that you can show them exactly how
Need E-commerce Design? Check out our member profiles:
Developing custom eCommerce and eBusiness solutions since 2005. Bespoke software applications builders for web, desktop and mobile platforms.
Athens, Attica GR
Hi, my name is Lisa Ewing. I am a freelance website designer who is passionate about website design! My goal, create a custom virtual store front that conveys my clients passion for their business.
Haddon Heights, New Jersey US
Internet Marketing, Social Media and e-Commerce Specialist driving traffic to your site so that it does something when it gets there!
Grayslake, Illinois US
Csoft is a 15 year old company specializing in customized developing desktop and web based solutions. For More information about us, please visit us on our website www.csoft.co.in
New Delhi, Delhi IN
Custom Web Site Design for your Businesses, Church, and Non-Profit Organization.
Newberry, Florida US
We handle the entire web design package including form to email and/or database, php, css, flash, photoshop and graphic designs, video, e-commerce & DVD production. Rates on a case basis...contact us!
Chattanooga, Tennessee US
* Design for print and web * Full service printing * Web development and hosting * Business branding, development, and marketing
Issaquah, Washington US
We can handle any design, print or creative needs including web site design, full e-commerce solutions, mobile phone app design, brochures, newsletters, logos, corporate branding and so much more.
Valdosta, Georgia US
Google Introduces New Limitations On Google Maps API, Is No Longer Free For All [News]
Users of Google Maps API will soon have to start paying for usage The general price will be 4 per
40 High Quality and Free Multimedia PSD Files
Nowadays people enjoy listening to their favorite songs and watching at their favorite videos online
The 5 Coolest Websites To Go On A Virtual Adventure
It s a big world out there full of natural wonders incredible monuments and fascinating culture M
How To Meter & Manage Computer Bandwidth Usage
Unlimited bandwidth is the dream of every geek but unfortunately it s not always available Caps a
The 11 Best Questions From You [MakeUseOf Answers]
Every Friday MakeUseOf Answers honors the Best Answer of the Week to reward the skills and time requ
How The London Riots Showed The Dark Side Of Social Media [Opinion]
As I sit here wondering how things will pan out for London after the riots I can t help but turn to
4 Reasons I’m Glad I Own A Netbook And Not A Tablet [Opinion]
A key argument is that tablets are killing the netbook market I can see that if you want a small
Article Tags
E-commerce Design Articles
Web Apps & Internet (374)
News (291)
Web Apps (129)
Inspiration (128)
Music (119)
iPhone / iPad / iPod (116)
cool web apps (108)
Google Android (101)
Mobile Tips (100)
Announcements (99)
deals (88)
Games & Gaming Tips (84)
Tech Deals (82)
Opinion & Polls (76)
Cool Software Apps (76)
Social Media (66)
iOS (66)
Browser Tips & Tricks (66)
iPhone Apps (59)
Freebies (58)
geeky fun (58)
Photography (58)
iphone (55)
Google (53)
troubleshoot (53)
android (52)
Photoshop (52)
Graphics (51)
facebook (50)
How-To Articles (50)
Friends:
E-Commerce Website Pricing
Web Design Quote
Website Design
Graphic Designers
