https://www.artsthread.com/graduation-tips-how-to-make-a-gif/
Online Promotion: How to make a GIF
The first in an ARTS THREAD How To series on making your online portfolio stand out and get noticed! How to make a GIF.
What is a GIF? Is it a moving photo? Is it a short video with no
sound? Actually, it’s simply a series of still image frames coded into a
single file. A GIF is a moving picture that tells a story of the moment
better than most photos or videos could. It’s a very powerful and
engaging tool that everyone should be including into their websites!
Here are 2 ways to make one 1 – from a series of still images or 2 –
from a video.
MAKING AN ANIMATED GIF FROM STILL IMAGES IN PHOTOSHOP:
1. 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. Our
example document has 4 layers containing a hexagon, triangle, circle and
diamond.
2. Create animation frames with layer visibility
Chose Windows > Timeline to show Photoshop’s animation palette. In the Timeline window, click “Create Frame Animation”.
On the first frame, turn off visibility for all layers you do not want
visible at the start of your animation. Then add one frame at a time,
and turn on the layers you want visible for each step in the animation.
Changing layer visibility one frame at a time is a classic Photoshop animation technique that covers a wide variety of needs.
3. Adjusting your timing
Under each frame, select how long it should appear for before
switching to the next frame. To do this, click the time below each frame
and choose how long you’d like it to appear. In our case, we chose 0.5
seconds per frame.
At the bottom of the toolbar, select how many times you’d like it to
loop. The default will say Once, but you can loop it as many times as
you want, including Forever. Click Other if you’d like to specify a
custom number of repetitions. Preview your GIF by pressing the play
icon.
4. Exporting your GIF
Satisfied with your GIF? Save it to use online by going to the top
navigation bar and clicking File > Export > Save for Web
Make sure the image type is set to GIF, feel free to experiment with
some of the other options, and save your file. To test your resulting
animated GIF, drag the file onto your web browser.
MAKING AN ANIMATED GIF FROM A VIDEO IN PHOTOSHOP:
1. Import Video
Once you’re in Photoshop, go to File > Import > Video Frames
Select your video and click on “Load”. Make sure that it is a video that
can play in Photoshop. The formats supported are .MOV, .AVI, .MPG,
.MPEG, and .MP4.
2. Import Video to Layers
Check the appropriate selections under “Range To Import”. To select
only a few frames, check “Selected Range Only.” This option will allow
your GIF to be converted much faster. The size/layers will also be
smaller so that you can easily edit the GIF. If you do this, move the
slider in the video to your starting point, then hold shift and drag
towards the ending point to ensure that a section has been highlighted.
Your video will now be converted into layers so you can make it into a
GIF.
3. Edit Animation
Chose Windows > Timeline to show Photoshop’s animation palette. In the Timeline window, click “Create Frame Animation”.
Go to the animation area and trim any unnecessary frames until your
animation looks the way you want it. Adjust the timing of your GIF as
explained in “Making animated GIF from still images”.
4. Crop Video
Go to Image > Crop This will crop unnecessary space from the
picture and will lay focus on your subject of the animation. This is
also a good moment to add any new frames/effects if necessary.
5. Video Size
Image > Image size
It’s recommended to reduce the image size of the video. To do this,
choose new dimensions under Image Size. You generally want to choose
half the dimensions of the original GIF to keep the same proportions.
6. Export GIF
Satisfied with your GIF? Save it to use online by going to the top
navigation bar and clicking File > Export > Save for Web
Make sure the image type is set to GIF, feel free to experiment with
some of the other options, and save your file. To test your resulting
animated GIF, drag the file onto your web browser.
EXPORTING GIFS – FILE TOO BIG?
Once you’ve exported your GIF, if your file is too big, try these out:
- Drop duplicate frames
Your animation most likely pauses or rests at some point. If you look
closely, you’ll notice that these moments contain a bunch of duplicate
frames with a duration of 0.03 seconds. If there are 10 duplicate
frames, delete 9 of them, and set the duration of that one frame to
something longer, like 1 second. - Cut down on colors
When you’re saving your GIF in Photoshop, you’ll see a “colors”
drop-down on your right. Play around with this. Set it as low as
possible without turning your GIF into a hunk of junk. - Tweak your lossy
If you set the Lossy somewhere between 1 and 10 when exporting, you’ll shave off some kilobytes without killing your quality.
HOW TO USE GIFS IN YOUR MARKETING?
- On social media
Use GIFs to stand out in a crowded newsfeed on Twitter, Facebook, Pinterest and many more social media platforms. - In your email
Animated GIFs display in email the same way a regular image does. So why
not spruce up your emails by replacing still images with animated ones - In blog posts/your website
Use GIFs to help explain your project better and attract more visitors.
- Business Start Up
- Career Advice
- Creative Careers
- Design Keywords
- Graduation Tips
- Online Promotion
- Pre-University Tips
- University Survival Tips
https://stackoverflow.com/jobs?utm_source=website&utm_medium=banner&utm_content=leaderboard_6&utm_campaign=house_ads_house_ads_ROS_SO
|
Developer jobs
Bengaluru, India
Paid relocation
Bengaluru, India
₹2500k - 5000k
|
Equity
Bengaluru, India
Bengaluru, India
Bengaluru, India
Paid relocation
Java Developer
3w ago
Bengaluru, India
Bengaluru, India
₹3000k - 5000k
|
Equity
Paid relocation
Bengaluru, India
₹600k - 1000k
|
Equity
Paid relocation
Front-End Engineer
4w ago
Bengaluru, India
Principal Software Engineer
1w ago
Bengaluru, India
Development Manager
1w ago
Bengaluru, India
Bengaluru, India
No office location
Equity
Remote
Visa sponsor
Paid relocation
21 to 27213 WEDNESDAY LESSON 849
Senior Swimmers gather medals in RAINBOW AQUATICS MASTERS INTER - CLUB
SWIM GALA 2013 & 1KM SURF TO MOUNT OPEN WATER SEA SWIM -2013 in
COLUMBO
J Chandrasekharan including Brigadier Siddhappa, Mohan Reddy Sawkar,
Kumar, Mohan Rao, Muthu Krishnan, Chengappa, Rajini, Aiyappa, Lalitha,
Sita Rao, and others from India and Sri Lanka participated in the above
meet held on 22nd & 23rd February at the NCC Swim Complex and
completed the 1km surf to Mount Sea Swim held on February 24th and
achieved the following mens/womens different age categories jn events
100m Butterfly Stroke, Back Stroke, IM, Breast Stroke, Free Style and
were placed First, second and third places.
RAINBOW AQUATICS
MASTERS INTER-CLUB SHORT COURSE SWIMMING GALA AND
1km SURF TO MOUNT OPEN WATER SEA SWIM
2013
Total Athletes that Participated - 184
Male athletes - 125
Female Athletes - 59
Number of athletes participated for the sea swim - 71
Male athletes - 58
Female Athletes - 13
A Total of 21 swimmers from India Participated for this meet
Swimming champions and Sea swim .
Winners
Women’s Category
20-24
Individual Swimming Champion - Shari Amarasuriya - SSC
Sea Swim Winner - Cristeen Perera - OAC
25-29
Individual Swimming Champion - M.T.D Fernando - SL Navy
Sea Swim Winner - M.T.D Fernando - SL Navy
30-39
Individual Swimming Champion - Tehani Samarasekara – Rainbow aquatic club
Sea Swim Winner - A.C. Shiranthi Perera
40-49
Individual Swimming Champion - Suman Mahedra Kumar Singhi - India
Sea Swim Winner - Suman Mahedra Kumar Singhi - India
50-59
Individual Swimming Champion - Rajini Lakka - India
Sea Swim Winner -Rajini Lakka - India
60-69
Individual Swimming Champion - Sita Rao - India
Sea Swim Winner -Sita Rao - India
Men’s Category
20-24
Individual Swimming Champion - Rasith Chalanha and Shaan Dias - SL Navy
Sea Swim Winner - Shehaan Dias - RAC
25-29
Individual Swimming Champion - Akshayan Rajasingam - Otter Aquatic Club
Sea Swim Winner - W.P.L Fernando - Police
30-39
Individual Swimming Champion - R.P.M.P Daminda - Navy
Sea Swim Winner - R.P.M.P Daminda - Navy
40-49
Individual Swimming Champion - J.A. Ranathunga - Bolling Swimming Academy
Sea Swim Winner - K.D.H. Susantha - Police
50-59
Individual Swimming Champion - Mohan Rao Lingasugur – India and Roger Kanaka - Otter Aquatic Club
Sea Swim Winner -R.M. Kantha Karunarathna - SSC
60-69
Individual Swimming Champion - Edward Vandriesen - SSC
Sea Swim Winner -Edward Vandriesen - SSC
70-79
Individual Swimming Champion - BRG Vijayakumar - India
and J Chandrasekharan came second
Sea Swim Winner -BRG Vijayakumar - India
and J Chandrasekharan came second
We thank each and every swimmer who participated for this meet to make
it a memorable one.
we also take this opportunity to thank our head coach mr. julian bolling
along with the swimming committee of RAC and also the old thomians
swimming club for organizing this meet for everyone to come together. a
special thank you to Sathish Kumar for leading the indian team which
added color to this event and also for the medals sponsered. a big thank
you goes out to the Rainbow academy Coaches who helped immensely to
make this event a succesful one. finally a big thank you for all the
Rainbow swimming volunteers (Kanitha, Chandula, Shaan, Dimuth, Yahiya,
Shenali, Pasindu) who helped make this event success by managing the
technical side of the meet.
Thank you Guys, Hope everyone enjoyed the experience and hope to see
everyone next year.