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
schema markup

How Schema Markup Contributes to Your SEO Ranking?

Posted on September 21st, 2015

AI-Powered Digital Marketing

AI-Powered Digital Marketing: Unleashing the Future of Advertising

Posted on September 21st, 2015

Yoast SEO alternatives

Some Best Yoast SEO Alternatives to Handle Your WordPress SEO

Posted on September 21st, 2015

Tags
404page 404pageerror adnetworks adnetworksfor2023 adsensealternativein2023 adsensealternatives advancedphptools advantageofwebdesign advantageofwebdevelopment advertisingplatforms AI androidappdevelopment angularjs app development appdevelopment appdevelopmentforbeginners artificialintelligence automationtesting b2b seo b2c seo backlinks backlinksforseo backlinksin2021 basics of digital marketing basicsofemailmarketing benefitsofsocialmediamarketing benefitsofwebdesignanddevelopment best web design company in saltlake best web designing company in kolkata bestadnetworks bestcmsfor2023 bestcmsplatforms bestcsstricks bestseotools bigdata blog blogging blogging tips blogging tutorial Businessdevelopment businesspromotion businesswebsitedevelopment c++ c++ features careerindigitalmarketing CMS cmswebsites coding commonmistakesofaddingimage computervirus contentmanagementsystems corewebvitals Cross-Browser Compatibility css csstips csstutorial custom404page datascience developandroidapps digital marketing digital marketing tutorial DigitalMarketing Digitalmarketingbenefits digitalmarketingin2023 Digitalmarketingtips E-Commerce ecommerce ecommercedevelopment ecommercewebsite effectoftoxicbacklinks emailmarketing emailmarketingtips favicon freeseotools future of information technology future of mobile apps futureofadvertising futureofAI GIF gmb googleadsense googlemybusiness googlesearch googlesearchalgorithm googlesearchconsole graphicdesign graphicdesignertools graphicdesignin2022 graphicdesignmistakes graphicdesignskills graphicdesigntips graphicdesigntutorial graphicdesigntutorials Graphics design guestposting guestpostingtips guestpostingtutorials hosting howsocialbookmarkingworks howtocreatelandingpage howtodefendcomputervirus howtogethighqualitybacklinks howtoidentifycomputervirus howtooptimizeimage HTML5 htmllandingpage hybrid mobile app development hybrid mobile apps imageseo imageseotechniques imageuploadingmistakes Impact Of Information Technology importantfeaturesofjava increaseonlinereach influencermarketing 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 javain2023 javascript javascriptblog javascripttutorial javawebdevelopment JPEG landingpagedesign laravel laravel benefits laravel development services laravelbenefits laraveldevelopment learn blogging learncss learndigitalmarketing live streaming LocalSEO machinelearning magento 2 magento with google shopping magentowebdevelopment 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 offpageseo omrsoftware omrsoftwaredevelopment omrsoftwareforschools on-page seo online marketing online payment onlineadvertising onlinebranding onlinebusiness Onlinemarketing OnlineVisibility osCommerce pay per click payment gateway payment solution PHP phpdevelopment phptools PNG ppc private network professional web design progamming programming programming language promotebusinessonline pros and cons of information technology protectionformcomputervirus python pythonforAI pythonlanguage pythonprogramming qualityassurance reactjs Responsive Website Design RichSnippets robotics SchemaMarkup searchengineoptimization SEO seo tips SEO tips in 2020 seo types SEOBenefits seoin2023 seolearning seoplugins seoprocess SeoRankingTips seostrategy seotips seotools seotrendsin2023 seotricks seotutorial SeoTutorials shopify socialbookmarking socialmediamarketing socialmediamarketingvstraditionalmarketing software software development software tools softwaretester softwaretesting softwaretestingin2023 StructuredData SVG technology testautomation toxicbacklinks typesofsoftwaretesting UI usesofomrsoftware UX video streaming virtual assistant virtual assistant monitoring Virtual private network VoiceSearch VPN web design web design in kolkata Web Development web payment web1.0 web2.0 web2.0advantages webcrawler webcrawlerandseo webdesign webdevelopment webdevelopmentservice webmastertips website Website Design Website speed websitedesign websitedevelopment websiteforsmallbusiness websitemigration websitemigrationtechniques websitemigrationtips websiteuserexperinece whatisgooglemybusiness whatisomrsoftware whatissocialbookmarking whatistoxicbacklink whatisweb2.0 whatiswebcrawler whatsapp whatsappmarketing whatsappmarketingbenefits windows windowshosting windowshostingprosandcons windowsserver Wordpress wordpressseotools yoastseo yoastseoalternatives yoastseobenefits yoastseotips