Skip to main content

How to Create a .gif and upload it to Instagram

In today’s episode, we show you how to create a before and after image in Photoshop. After that, we show you how to animate it as an animated gif. Then to top it all off, we show you how to upload your .gif to Instagram.

GETTING STARTED

We start off with a normal .psd file. We strip all of the adjustments off of the image until we are down to the original. After that, we create a new layer within Photoshop. On that new layer we go to Image -- Apply Image. From there you want to make sure your settings reflect the settings you see in the video. Once you hit OK, you will get a copy of everything you see, on a new layer. Now you have a before & after. Next is adding the animation!

ADDING ANIMATION

Since our final destination in this case is Instagram, we need to create a format that we know will work well for the application. After we have our desired dimensions, we have 3 layers to work with. A background layer, an original layer of our image with no changes, and the final image with the changes we’ve made in photoshop. Turning these layers on and off will help identify which is our before and after. Now it’s time to animate our image. We use the video timeline to create a frame animation. Frame animation just allows us to create individual frames. Now we click -- Make frames from layers. Now we have 2 frames in our animation, the before frame and the after frame. We set the duration to 2 seconds, meaning every 2 seconds the frame will switch from before to after.

EXPORT SETTINGS

Now that we have our frames loaded into our animation, it’s time to make sure our export settings are perfect. We changed the duration of the timeline to forever. So now the image we see will constantly shift from the before to after.

UPLOADING TO INSTAGRAM

Next we show you how to email the file to yourself and upload the image to Instagram. From there you can choose any filters or other options that Instagram offers.

----------------------------------------------------------------------------------------------

Thanks for watching Phlearn! If you enjoyed this video be sure to subscribe to our channel so you don't miss a thing!

Subscribe: http://goo.gl/LBIEQU

For more advanced Photoshop Tutorials be sure to check out our Phlearn PRO Tutorials. We offer the best Photoshop tutorials available starting at just $24.99.

http://phlearn.com/product-category/pro-photoshop-tutorials

----------------------------------------------------------------------------------------------

Stock Images provided by: http://us.fotolia.com/

[embed]https://www.youtube.com/watch?v=yTMpjF5-X_A[/embed]

Comments

Popular posts from this blog

C++ Programming Tutorial - How to Install Code::Blocks in Ubuntu Linux - Learn Online

Installing Code::Blocks How do I Install Code::Blocks HOWTO: Installing Code::Blocks 10.05 How do you install Irrlicht on Code::Blocks? How do you install CodeBlock on ubuntu? codeblocks /bin/sh: g++: not found Installing codeblocks on ubuntu Installing Code::Blocks on Ubuntu 10.04?

Facebook Advertising Coupon – What Happened?

It used to be that Facebook had many different promotions in which they gave out free $50 advertising coupons. Facebook Advertising Coupon is only getting from some hosting service that is include in godaddy Hostgator and 1and1, If you do a search for “Free Facebook Coupons” on Google you’ll probably see some results like this: Free coupon when you buy WordPress hosting through GoDaddy Free coupon when you setup a DIY website through specific website builders Free coupon when you “like” Facebook’s Marketing page Unfortunately none of these are still active. What happened is in mid-2015 Facebook tightened their hold on advertising credit coupons, likely in response to companies who were “reselling” coupons on eBay and Fiverr. As a result, Facebook ended many of these promotions. Facebook Advertising Coupon Facebook Ads can get expensive pretty quickly. There’s no secret about that. And with organic reach continuing to decline with the most recent algorithm update to th

Contextual Design and Development is the Driving Force Behind all Successful Mobile Applications

The time of ordinary custom web application design & development is long gone. Today the focus is on contextual design and development. It is the rise in the popularity of mobile applications that has provided the impetus for giving importance to ‘context’ when it comes to app or web development. Let’s focus our attention on mobile applications and why mobile applications need to be developed keeping the context in mind. Because they are used in diverse locations Let’s face it. We all love mobile apps because they can be used just about anywhere and at any given point of time. Yes, that’s right, they can be used in offices, on a train, in the kitchen, movie theatre and the list just goes on. So, the app needs to be developed in context of the location. Different users have different needs when it comes to a mobile app and these needs, in part, are determined by their location. For e.g. if a developer thinks a particular app that is in the process of being developed will onl