Blog

Latest updates from Cleonix Technologies
gif
Creating animated GIF using photoshop

The GIF format is one of the oldest graphic formats used for designing sites having existed since 1989. GIF, short for Graphics Interchange Format. For animating the still images, mostly the GIF file types are used as plug-ins are not required for it. By using the new features of Adobe Photoshop, it’s quite fast and simple to make an animated GIF.

How to Create Animated GIF using Photoshop

  • Set up your layers
  • Create Animation Frames with Layer Visibility
  • Create Animation Frames using Tween
  • Adjust your Timing
  • Export the Animated GIF

Set up your layers

The first step in creating any animation in Photoshop is to build a layered Photoshop file with all the elements you plan to animate.
Create Animation Frames with Layer Visibility

Chose Windows > Animation to show Photoshop’s animation palette. Changing the layer visibility one frame at a time is a classic Photoshop animation technique that covers a wide variety of needs.

Create Animation Frames using Tween

choose “Tween…” from the Animation palette’s pop-out menu. Set how many frames to add, and Photoshop spreads the movement of your layer across those extra frames.

Adjust your Timing
Go back through and adjust the delay for each frame of your animation.

Export the Animated GIF
File > Save For Web & Devices, make sure the image type is set to GIF, save your file.

source:http://creativetechs.com/

cleonix.com
Proper Format of Graphic for Website Design

In a website design different formats (JPEG, GIF, and PNG ) of graphics are used. It’s important to know the difference between the different image formats and how to use them in each situation. Because using the proper formats, give the site a different edge.

About the .JPG Format
JPEG stands for Joint Photographic Experts Group. It is a standard method of compressing photographic images. We also call JPEG the file format which employs this compression. The JPEG images offer compressed file types and provide high quality appearance. We use Use JPG images for photographs and other images that have millions of colors. It uses a complex compression algorithm that allows us to create smaller graphics by losing some of the quality of the image.

About the .GIF Format
The GIF format is one of the oldest graphic formats used for designing sites having existed since 1989.GIF, short for Graphics Interchange Format, is limited to the 8 bit palette with only 256 colors. GIF is still a popular image format on the internet because image size is relatively small compared to other image compression types. The use of this file format ensures quick loading of the images used on the site. For animating the still images, mostly the GIF file types are used as plug-ins are not required for it. It also supports transparency.

About the .PNG Format

PNG short for Portable Network Graphics is a recently introduced format, so not everyone familiar with it. Though it has been approved as a standard since 1996.This image format specifically designed for the web. PNG often creates smaller file sizes than GIF
.It supports lossless data compression. PNG was created as an improved, non-patented replacement for Graphics Interchange Format (GIF), and is the most used lossless image compression format for web designing.


About the author


0 comments

Categories
Latest Post
optimize magento cart page

Tips to Optimize Magento Cart Page for Better Conversion Rate

Posted on September 21st, 2015

SEO tips and tricks

6 SEO Tips & Tricks for Better Search Engine Results Positioning

Posted on September 21st, 2015

web crawler

What Is a Web Crawler and How Does It Work?

Posted on September 21st, 2015

Tags
404page 404pageerror advancedphptools advantageofwebdesign advantageofwebdevelopment AI androidappdevelopment app development appdevelopment appdevelopmentforbeginners artificialintelligence b2b seo b2c seo backlinks backlinksforseo backlinksin2021 basics of digital marketing benefitsofwebdesignanddevelopment best web design company in saltlake best web designing company in kolkata blogging blogging tips blogging tutorial Businessdevelopment businesspromotion businesswebsitedevelopment c++ c++ features commonmistakesofaddingimage computervirus Cross-Browser Compatibility custom404page developandroidapps digital marketing digital marketing tutorial DigitalMarketing Digitalmarketingbenefits Digitalmarketingtips E-Commerce ecommercedevelopment ecommercewebsite effectoftoxicbacklinks favicon future of information technology future of mobile apps GIF googlesearch googlesearchalgorithm graphicdesign graphicdesignertools graphicdesignin2022 graphicdesigntips graphicdesigntutorials Graphics design guestposting guestpostingtips guestpostingtutorials howtocreatelandingpage howtodefendcomputervirus howtogethighqualitybacklinks howtoidentifycomputervirus howtooptimizeimage HTML5 htmllandingpage hybrid mobile app development hybrid mobile apps imageseo imageseotechniques imageuploadingmistakes Impact Of Information Technology importantfeaturesofjava increaseonlinereach information technology Information Technology On Modern Society internet iOS iOS app development iOS benefits IT blogs java framework java frameworks 2021 java learning java tutorial javadevelopment javafeatures javaframework JPEG landingpagedesign laravel laravel benefits laravel development services learn blogging live streaming magento 2 magento with google shopping malware malwareprotection marketing meta tags mobile app development mobile apps mobile seo mobile seo in 2021 mobile seo tips off page seo off-page seo techniques omrsoftware omrsoftwaredevelopment omrsoftwareforschools on-page seo online marketing online payment onlinebranding onlinebusiness Onlinemarketing osCommerce pay per click payment gateway payment solution PHP phpdevelopment phptools PNG ppc private network professional web design progamming programming language promotebusinessonline pros and cons of information technology protectionformcomputervirus python pythonforAI pythonlanguage pythonprogramming Responsive Website Design SEO seo tips SEO tips in 2020 seo types seoprocess seotricks shopify software development software tools SVG technology toxicbacklinks UI usesofomrsoftware UX video streaming virtual assistant virtual assistant monitoring Virtual private network VPN web design web design in kolkata Web Development web payment web1.0 web2.0 web2.0advantages webcrawler webcrawlerandseo webdesign webdevelopment webdevelopmentservice website Website Design Website speed websitedesign websitedevelopment websiteforsmallbusiness whatisomrsoftware whatistoxicbacklink whatisweb2.0 whatiswebcrawler