1-BASIC COURSE: ARTISTIC BRANCH- (without to buy sofwares! ) 

Difficulty : Easy.

In this course we will browse different social networks, free applications, and we will select the best effects that are in each of them, all without watermarks. We won´t need  Photoshop or to buy an expensive software. Internet has miles of free online editors and  I will teach you  the best toils to create GIF ART.  Use of free apps on phone too.

INTRODUCTION:

Once the student acquires this basic knowledge, (s)he will have the ability to develop freely and explore an infinite number of creative possibilities.

In this course we will meet online editors, free applications, and Photoshop. We will select the best effects that are found in each of them, without watermarks. Internet has thousands of free online editors and we will know the best tricks to create GIF ART.

INDEX:

1-Photo retouching (if the student is interested in making previous changes).
2-Effects with movement: water reflections, rain, clouds, scary horror, heart beats, zoom, fantasy, kaleidoscopes, focus, earthquake …
3-Add borders or frames.
4-We will add filters: night vision, black and white, sepia…
5-We will use a Photoshop online to: cut, rotate, resize, export as GIF …
6- Needles Style GIF with Photoshop.
7-Conversion from .GIF format to video.
8-Conversion from video format to GIF.
9. Effect similar to cinemagraphs.
10.Gif with Photoshop.
11. Perfect visualization on screen.

LIST OF ONLINE EDITORS AND GIFS CREATORS:
There are many free editors, you can get to know a few that I have selected:

LUNAPIC . https://www196.lunapic.com/editor/
GIFPAL. https://www.gifpal.com/
Gifted Motion
SSuite Gif Animator
PICSART
VIMAGE for cells
ANIMATOR
PicsArt Animator: Gif & Video For PC Windows and Mac 1.0
Lumyer
GIFapp
GiftedMotion
GifPal (online)
Unfrezz (online)

1-Photo retouching (if the student is interested in making previous changes).

A-Choose PHOTO 1 ( photographies on the bottom )

We will use an online editor . This course is designed for easy use .

B-Introduce the photograph in the editor:
www141.lunapic.com/editor

C-Choose ROTATE option and add 90º and click on ROTATE to save.

D-Pick to cut-CLEAR-CROP option and cut a bit up and down.

E-Save the picture as PHOTO 1A (SAVE option). Later we will work with this image.

F-If you want to change the size of the image go to EDIT-RESIZE

SAVE to save

G-Take a while to observe all the tools, there are hundreds of interesting options!

2-Effects with movement: water reflections, rain, clouds, scary horror, heart beats, zoom, fantasy, rain, kaleidoscopes …

A-REFLECTIONS WATER:
Let’s create a beautiful gif with reflections in the water moving.
Choose PHOTO 2 and go to ANIMATION-REFLECTING WATER
Easy, right?
Well, do not get excited, let’s go to add the credits. Let’s T text and choose the font and color that you like.
Once typed, drag with the mouse where you want to place the text and APPLY TEXT.
To save SAVE in GIF format.
*** Go to point 7 if you want to convert to video.
B-RAIN:
We will continue in this editor for a long time.
Add PHOTO 3, go to ANIMATION-WATER DROPLETS
… Okay, do you know how to add credits and save, right?(p.2A) Well let’s go to the following effects!
C-CLOUDS:
Add PHOTO 4, let’s FILTER and choose SEPIA TONE .
Let’s go to ANIMATION and choose SMOKE CLOUDS
SAVE
We continue with more examples.

D-SCARY HORROR:
We will do 2, first add PHOTO 5 and then PHOTO 6.
ANIMATION-SCARY HORROR
SAVE

E-HEART BEATS:
PHOTO 7
ANIMATION- INFLATE OR DEFLATE- SELECT A ZONE- REDUCE IN SIZE TO LOT
Cut and center the image.
SAVE

F-ZOOM:
PHOTO 8 – ANIMATION- ZOOM-SAVE
PHOTO 9- ANIMATION-ZOOM-SAVE

G-FANTASY:
Do you remember the PHOTO1 image you previously retouched? Well now let’s use it with the effect ANIMATION- GROVY RAINBOW
Epectacular, right?
Repeat the process with the PHOTO10

H-KALEIDOSCOPE:

This effect is very fun. Of course, if you want it in motion you will have to introduce an animation. So add the GIF D1-SCARYHORROR and go to ANIMATION-KALEIDOSCOPER
SAVE
And what happens if you apply the kaleidoscoper effect again and again? Try it, try it …
You have a range of infinite possibilities to create.
I-FOCUS:
Select PHOTO PHOTO I and apply IN FOCUS
J-EARTHQUAKE:
Select PHOTO PHOTO J and apply JITTERY BLUR
K- 3D:
Select ROTATING CUBE
Choose pictures CUBE 1, CUBE 2, CUBE 3.
Ready!

* Well, it’s time to move on to add frames, so you can investigate the thousands of effects LUNAPIC has. To me personally the rest did not just please me, so we learn more effects with other URLs and Photoshop.

3-Add borders.

Continue in this editor. Introduce a gif, for example, H-KALEIDOSCOPER F-ZOOM.
Let’s BORDER-TOOLS for a classic frame. Try colors and measurements. SAVE.
You have many more frames to try, dedicate your time to know them all.

4-We will add filters: night vision, black and white, sepia…

WITH LUNAPIC:
I will be brief at this point because it´s ease. Just go to Tools in Lunapic and use all the FILTERS. You can do night vision, Vintage, Fire, Water … etc

WITH PHOTOSHOP:
FILTER and FILTER GALLERY. Try options.

5-We will use a Photoshop online to: cut, rotate, resize and export to .gif format.

You can use Lunapic for this section, but I am interested in teaching do it with Photoshop too, especially for those people who pretend to make of Animation a profession. Well, we will convert .gifs about 500px approximately created by Lunapic, to .gifs of high resolution for possible commissions.

It should be ideal that you use the latest version of Photoshop Adobe 2017.
Let´s go to start …

We open Photoshop:

OPEN-Select and search GIF: Reflects

CUT :
Cut by selecting the Cut Tool (on the left horizontal bar) and drag the cursor until the square image. Click sign √. (We have cut all the gif, not just one frame).

TURN:
In this case we will not rotate the image but I indicate the steps.
IMAGE-ROTATION OF THE IMAGE

CHANGE THE SIZE:
Lunapic works with very small sizes, about 600px, and we probably need to create larger gifs.
To publish our works on Facebook, or Instagram, the ideal size would be 500 px. If you want to represent it on some monitor, it is better to convert to 1200px, for example.

Let’s IMAGE-SIZE IMAGE- And we write 1200px

Click HAND Tool or type H to make the image smaller.

TO EXPORT:

Important!
A .gif is not exported like a photograph. Go to FILE-EXPORT FOR WEB and set various settings:

Choose GIF file
Repeat options: infinity
SAVE

6-Style Needles GIF with Photoshop

With the .Gif on Photoshop, go to FILE-EXPORT FOR WEB and set these settings:
Color Reduction Algorithm: White / Black
SAVE as NEEDLES

Do we make another example? Enter the GIF BLUR and follow the previous steps. Save as BLUR NEEDLE

7-Conversion from .GIF format to video.

Well, now we know how to do .gifs, but we want to convert it to video. Do not worry, I’ll make it very easy, you do not need to buy a software, go to the url:

https://cloudconvert.com/

SELECT FILE- choose a gif and convert to VIDEO-MP4

8-Conversion from .GIF format to video.

You can use this same url, but .GIF lose resolution.
We can also introduce the video to Photoshop and save it to GIF with the following steps:
FILE-EXPORT TO WEB and set gif.

9.Effect cinemagraphs:

Cinemagraphs always must be done with a video, bur we can get a similar effect with the app VIMAGE from the mobile. You have to download this free application now in Beta.
We will do just one example, because it is very easy, you just have to practice.
We selected the hummingbird effect and PHOTO COLIBRI.

10.Photoshop

And if we do the same effect but with Photoshop? Let’s go there!

We will create a folder that we will call BIRDS IN MOTION. In this folder, we will save photos that we will retouch.

We open Photoshop and BIRD photography.
We are going to move the birds of the photograph, for this we will go to TOOLS on the left side, we go to PATCH, we deploy their options and we choose MOVEMENT TOOL WITH DETECTION OF CONTENTS.
What is this tool for? Let’s select the birds,cut and move them.
We select the bird above, with the mouse we surround it and move it to the back side. We will do the same with the bird below. Save the image as BIRD 1 in the folder BIRDS IN MOTION.

We repeat the operation until we create an image similar to this, which we will call BIRD 2:

And again, the same operation, creating the image BIRD 3:

Now we have the original image BIRD and the images BIRD 1, BIRD 2 and BIRD 3.

* Let’s create an animation: (If you prefer, you can visualize the bird video file that indicates step by step too):

-We open Photoshop and image BIRD, BIRD 1, BIRD 2 and BIRD 3.
-We are going to drag all the images on top of BIRD so that we create layers.
-Let’s go to VIEW-WINDOW-click on TIME LINE.
You will see that new tools are opened underneath and we choose the option FRAME ANIMATION.
-What we will do is create layer on the timeline, delete it, and drag one by one.
– We chose INFINITE option.
– Save GIF: (If you do not remember to go to P.5)

11. 7GIF

I advise you to download this tool for the PC for free. It allows to visualize the GIFS in the screen and to change the background color, which makes the visualization ideal to observe any visual error.

PHOTOGRAPHS :

PHOTO2

PHOTO10

PHOTO J

PHOTO I

PHOTO 9

PHOTO 8

PHOTO 7

PHOTO 6

PHOTO 5

PHOTO 3

PHOTO 4

PHOTO 1A

PHOTO 1

CUBO 3

CUBO 2

CUBO 1

COLIBRI

**********

I hope you enjoyed this course and you had a lot of creativity to surprise me with your artistic creations!
Below I leave a list of courses, not written, with screenshots in video, which step by step indicate how to create other types of animations:

2-MORPHING COURSE : BASIC MORPH + MULTIMORPH.
3-PHOTOANIMATION .
4-ADVANCED COURSE: ART AND COMMERCIAL BRANCH.
5-CINEMAGRAPHS with Adobe 2017 .

Share