Transcripts
1. Course Introduction: Hello there. I empathy for them and I am
a digital design artists and a general computing
specialists who has been working in the design
industry for the past decade. In this course, I'm going to
be demonstrating how we can design animated
graphics boosters for different social medias. We are going to use a
web-based tool called Pixlr X, which is free to use. We will work on a concept of burger fast graphics booster and then follow
step-by-step procedure to complete the project
from start to finish. I'm also going to share some tips and tricks
that I've found useful throughout my
own personal experience as a designer as well. So let's get started.
2. Starting with Rough Planning for Design: Hello and welcome
to the course on making animated
boosters with Pixlr X. So in this course we are going
to take a sample event and make booster for it using Pixlr X for different
social medias. So before you actually dive in into the application itself, it's a good idea to
have what kind of design you want on a
rough piece of paper. So I'm just going to
go around and use Google Jamboard in my
case and just draw around something right
here as a rough idea. So I want the event
to be a burger fast. So let's say it's a big
burger fast way you can, I'm good burger
for a cheap price. So I'm just going to go
around and just go around and then write in Berger
fest right here. So this is going to be, let's say, on the center
of the base right here. And I'm going to go around over here and then design
something else as well. So let's see, this is
going to be dollar. So I'm just going to
go around and say 199. So this is the attractive
price range right here. You can have one
burger for dollar 199. Maybe I want to have it in something like a
shape right here. So before you even
go around onto, let's say an application, a good idea to plan out
your ideas like this. So you're not limited by the
tools of the application. So when you see the
tools and you'll see the certain limitations
of the application, it might hamper your
creative thinking. So first of all, it's a very good idea to
start making concepts roughly like this
on a blank piece of paper or a drawing application, as you can see that
I'm using right now. So over here let's see, on the bottom left hand side, I want something like I want
to add in, let's say e.g. the location. So this is
going to be, let's see, e.g. In town hall. So this is going to be
in town hall right here. So Town Hall, and let's say this is going to be avenue to, so this is just
Avenue and EU, right? I'm not going to care
about the spelling. Avenue. Do and let's see, e.g. this is going to be in
midtown right here. Alright, midtown, this is an imaginary address right here. So this is going to be
the address right here. And let's say
there's going to be like an icon right here, this like this, and
it's going to go around and draw out and
icon right here. So these are going to
be the information. And usually when
you're designing, it's a good idea not to
keep too much off text, keep it to the
minimal as possible. And that is what I like to do because designing itself is for the for the appeal of the
pictures and not the texts. I wanted to add in one
more thing right here. Let's say e.g. this
is going to be on, on a Saturday right here. So this is going to be
burger fast Saturday, just like this, that
the first Saturday. And let's say I'm going to go around and add an update
over here as well. So this is going to
be October 14 maybe. Alright, so there you go. This is what I have,
so that is what I want the content to be. I'm not going to keep any
more texts right here. Now let's see, on
the center I want to have a big burger
picture right here. So this is what I'm going to do. Let's say this is going
to be the burger that I'm going to go around and
add in right here. This just go around and add in. Let's see some sesame seed. So because, well, and this is going to be the
burger right here. Alright, so this is the image
that I want right here. And let's say the burger itself, I want to add in, let's say something
like a line right here. I want to add a ribbon like icon right here,
this like this. And for this one, the 11.99 dollar, Let's see, this is going to be
a certain design right here, like this. This is going to be
a special design and this is what is going to
be burger fast, right? Yes. At the October 14, that is what I want
on the banner. That said, it's
straightforward and there's a big picture
of a burger right here. Maybe some slight
pictures right here. Maybe I want to add in. Let's see if some
spatulas or maybe, maybe the patty right
here, this like this. So this is going to
be, let's say Patti and maybe a specular right
here just like this. So you can go around and then brainstorm out whatever
you have in your mind fast. So this is going to
be a burger patty or maybe a tease right here,
lettuce, tomato, whatever. We can decide this
later as well. So beggar fast on the ribbon, especially when 99 town
hall avenue to end, this is going to be in midtown. So this is, this is our idea
and now I'll discourse. We are going to focus
on how to turn this into an animated
graphics post-test for different social medias. And you can come up with
your own ideas as well. So it doesn't have
to be bugger feste, come up with your own event or a product that you
went to market and draw something
out like this, and then follow along with me in the course to design your
content using Pixlr X as well. So let's go around onto
the application and start designing what we
thought off right here.
3. Choosing a Document Size Adding Texts: So let's start designing
this in Pixlr X. So to do that, I'm
going to go around, keep this rough
design on the side. And over here in my other tab, you can see that I have
accessed out pixlr.com. And then once you do that, what happens is that this
is the option that you get. So if this is your first
time using Pixlr X, then you may be prompted to
log in over here on the top. And I highly suggest
you that you create an account and login is
free to do so as well. So once you login, what
happens is that you'll be able to make sure that all of
the designs that you make, we'll be safe and no matter which computer
you access it with, what happens is that the
design is always with you. So let's get started. So in this course we are
going to focus on Pixlr X, that speaks to the e, which is another variation which has a much more advanced
for the editor. But we're going to
focus on Pixlr X, which is a much
more simpler to it, especially useful if you are
a beginner in designing. So I'm just going to go
round and click on this. And what happens is that
I have this right now, I am in the Pixlr X homepage. As you can see, usually
when I started designing, I don't really like the address bar to be sewing
up, eaten every time. So I like to press F11
to go full screen. Now, what we need to do first before we can start
designing is we need to create a
new a new document and we need to to
the document size. So to do that over here you can see Create New right here, and you need to go around
and click on this. And you have an option to select out different designs
according to how you want. So you can see that I got
the presets for photos for social media is right
here for web or print for videos as well as
you can see the slide deck. So I'm trying to make this
for social media sites. So let's go to social
and see what we have. Got Instagram square, we got Instagram posts,
Instagram story, Facebook post Facebook story faced with gaba and so forth, as you can see right here. So what I'm going to
do is I'm going to go around and make
a Facebook post. And once I go around over here, you can see the size right here. It's 1,200 by 630 right here. And once I click on it, you can see that this
is what you have. Now, you're not going to worry about anything and just
click on the Create button. And once you do that, you will get onto the
mean Pixlr editors area. So over here on
the left side you see all the tools that
you can work with. Over here. You can
see the preferences. Over here on the right
side, right hand side. We're going to go around. Now we can go around
and men as the layers. As we go along, we'll get more familiar
with the tool as well. So this is the first step. You choose the document
size right here. And now let's get back on
onto our rough design. So you can see that this
beggar fest, that Saturday, October 14th, and
town hall avenue to right here and dollar 199. So we're going to do
now is we're going to go around and add in
those texts first. So let's go around and add
in the necessary elements. Over here on the left side, add text is an option
and you can go around and select out
different templates, as you can see right here, for the texts that
you want to appear. So I'm just going to
go around and see if there's anything that
I want right here. And if you don't like anything, then you can just go around and just select
out, add new texts. But I really like this one
right here, the orange color, the color that matches
the food as well. So I'm just going to go
round and click on it. And oranges here as you can see. So now what you can simply do is you can go around over here, click on this side, and here you can see that you
can change around the text. So this is the text. I want, I want it to be beggar fest right
here, just like this. Over here you can see on the
back desk and other texts, this is what the template is. You can go around and type
in beggar fest right here, just like this as well. So what I'm going to
do is I'm going to pull this out right
here, just like this. So this is the bank of Fest and I'm going to pull
this out as well. So this is the preset
that I have right here. So you can see that
burger Festus, yeah, for both effect, I'm just going to go around
over here, make it capital, dislike this as well for
that and keep it right here. So you can see that
I have my design for bugger fest right
here, just like this. So you may want to go around
emptying the font for this. So right now you can see that
the text looks interesting, but I'm not really getting
the feel of a food like here, usually for
food-related designs, It's suggested that you
choose around this bond. Over here on the Font section. Let's go around and
see what we have here. You can see that
there's different fonts that you can select. The one with the crown
are the paid ones. That is, you need a
premium account for this, that the one without
the free ones. So let's just go around and
use a free one right here. And let's see if we have more of a round
this font right here. So let's just go around
onto the top right here. You can see that
this is what you have and this is what
you have right here, okay? This seems good. And fears is yet we need to
do the same for this as well. So I'm just going
to go around right here and select entry is
for this one as well. So that I can just go around
and line it up right here. This is more around n, line that up right
here, just like this. So I can click and drag around, select out all and
keep it like that. For my other texts right here, I'm just going to go around and add a normal text for now. So there's dollar 199 and
that's town hall avenue to midtown and
Saturday, October 14. So for those, I'm just
going to go around over here onto the
left side on Add text. We can adjust them
later on as well. So over here I'm
just going to go around and say Saturday. So let me just go
around taking Saturday and this is going
to be October 14th. So that's my first text. And I'm going to go around, click on text again to bring in another text box right here and type in something
like a town hall. So that is going
to be my address. Abbott, new to I can go round press Enter
as well, and midtown. So this is going
to be my address. I can also go around and resize out my
textbox right here. But if you resize it too much, then it rinses out
the text within it. So I'm going to keep this yet. Dollar 199 is another thing
that I wanted to have. So what you can also do is instead of clicking
Add text from over here, you can go around onto the top in arena and style and clicks, click Text from overhead. So over here you can go
around and type in dollar. So I'm just going to type in dollar and 199 right
here, just like this. So this is what you have. So you can go around
and then resize it. So I'm just going to
go around over here and resize it out and keep this over here so we can make adjustments to it
later on as well. So usually it's a
good idea to start with texts that you may have. Because I really
like to do that, have the texts readings
first so that we can work around with design elements and to make them fit later on. So you don't necessarily have to worry about the
designs first. So we did choose the burger fast and so forth,
as you can see. But if you don't want to
worry about the designs, this keep the
contents that we want first so that data you
can start designing. We are going to
continue with this and adding other elements to continue without design and make the design much more
interesting to look at.
4. Importing Image into Project: So now that we have
our texts in place, let's see how we can add in a background image and
then work around with it. So to do that, I'm
going to go around on the left side and click on Add Element slash intersection. And over here you can see
Add Media is an option. If you were to go around
and click over here, then it opens up the
Explorer window, which allows you to select out an image and you
can click on open. Now, first of all, you can see that the image is larger than size and you
may want to resize it. But before you resize it, you need to make sure that the lock aspect
ratio is done on. That is because if
you resize it freely, then you might actually go around and then distort it out. And you do not want
to distort out your pictures because
it looks unnatural. So now I'm going to go round and you can see
that this is the picture. So I'm just going
to go around onto a rinse and style section. And over here you can
see that transform is an option and yet the aspect
ratio lock is turned on. If it is like this, you
may not want to resize it. And we are going to discuss
about why in just a while. So let's turn it on. And then now the aspect
ratio is the unknown, so we can re-size it freely
according to how you want. So what happens if we turn
this off and then resize it? If I were to go around and
turn this off and resize it, you can see that I can actually squeeze this out right here so we can totally destroy the
aspect ratio of the images. And that isn't really good. So you want to do that? Let's us go around and
press Undo and then the aspect ratio lock on for this particular
layer right here. Let's just go around
and resize this out. So I'm just going to
go round over here, resize it so that it fits
this out right here. So as per our plan, we have our burger image
over here as well. So let me just go
around and drag the burger on the bottom
layer section right here. So that detects come on the top easily when you're
working around with layer, wherever you place your
content over here, and the layer, that is exactly how it is
displayed over here. This beggar fest right
here and everything. But let's see, I do not
want to display out the town hall Avenue
just like this. So I'm just going to go
down, decrease the size, and then keep it right here. So the original plan that
we have still hasn't teens. As you design along, you may not want to stick to
the original plan anymore. And that is normal. You can make the teens as later on as well. So that's the dollar 199 and let's do it decided on
Saturday, October 14. I want to keep it right here. So let me just go
around over here and I'm going to
right-click and cut it. And I'm just going to
delete off this textbox. And over here in
town hall avenue to, I'm going to press
Enter on the top. Let me just paste
that outbreak kit and this is what you have. Now you can see that this is more like a design that we want. And we can make further
adjustments to it and make it more interesting
along the way as well.
5. Editing Added Pictures: So now that we have
imported out a picture, Let's go round and then edit out the important picture for that. Over here you can see that
there's different layers. So let's go around
and hide them. To do that, you can
go round and click on the visible icon that is in the shape of
the eye right here. So once that is
done, all the layers seems as if they're deleted,
but they're just hidden. You can click on the icon
again to get them back. Let's go around onto our picture now and then start editing. So usually when you're
editing a picture, it's a good idea to hide
out other elements so that you can only
focus on editing. The aim is right
here. So what I want to do with the image
should be clear fess, I want to make it a bit warmer, so I want to make it more
yellow and add one to it. So to do that, I can go round on to adjust
and filter on the left side. So over here you
can see on the top there's auto correction and
there's pop right here. I want the image to pop. So let me just click
on pop right here. And you can see that the color actually becomes more vibrant. That is because it analyzes the image and mix
the color pop up. Over here you can see there's different options
like color settings, scene setting, stone
settings, fill settings. So this depends upon
what you need to use. So you don't really need
everything every time. Let's just go around
with color right here. And this is something I like to use a lot
that is vitamins. Saturation controls the
overall color of the image. So you can increase the color, decrease the color, it becomes black and white as you can see. But if I were to increase
and decrease the vibrance, it only affects
the weaker colors. To know whether weaker colors
lies, you can go round, increase the saturation
because the vibrance, you can see that these
are the stronger colors, but the ones with the black and white are the weaker colors. If I were to go round,
increase the vibrance, decrease the saturation,
you don't see anything. But if I were to
decrease the vibrance, increase the saturation, the weaker colors
totally disappear. So to balance it out, usually what I like
to do is increase the vibrance and decrease the saturation a bit right here. Just like this. Since I want this
burger to fuel one, I want the audiences who see this poster to feel
that it's warm food. We can go round, increase
the temperature right here. You can make the temperatures
are cool or warm. Cool as much suitable if it
is ice creams and go food. But for Berger, I want to
make sure that it looks hot. So I'm just going to go around, increase the
temperature right here. So you don't need to use
everything right here. So you can experiment to get
familiar with the tools, but you don't need to
use everything for the, for the picture right here. You just need the need to
use the ones you like. So over here, I can also go
around use the exposure. Exposure is like brightness, but you can see that it
preserves the backup bit, blacks a bit better compared
to the brightness itself. Usually I try to avoid the
brightness itself because it adds in more light onto the
areas that is not necessary. So it can go around and
control the highlights which effects out
the brighter parts of the picture right here. So you can see that
you can get back the details out of the buttons
and everything, right? Yeah. And saddles Fx out the darker parts right
here as you can see. So you can bring back those details by increasing
the saturation as well. So another thing
that you may want to do is go around onto
toning as well. And in doting, I'm going to go around and add in, let's see, not donning but in film, I'm going to add in
yellow right here. In yellow, I'm just going to
go round and then let's see, overlay things right here. You can experiment around
with blend mode as well because that changes how
the color actually reacts. So I can none. It just goes around
and play a piece out, pick a color on top of it. Screen actually thins out the
bright, bright pops only, it only displays
the bright parts overly mixes the
color outright yet. So you can go around, decrease that mountain breeze the amount, make it much more
woman, just like this. You can compare the
before and after. And if you are happy, you can press Apply button and the team, this
will be applied. And then you can click
back on this layer swipe. He has this like this, and
this is what you have, and that is how you can edit
out the added pictures. And then I continue
with their design. So we are going to now follow
up more with how we can add in more details and adjust the things that we
have in our design.
6. Merge Down Layers: So till now we have this design. And if I were to go
around over here on this particular text right
here, click and drag. Then you can see that the bottom layer right
here stays where it fits with is an inconvenience
when you're trying to move this text
time and again. Let me just press Control
Z on my keyboard. Now let's do something. Let's mess up these
layers right here. So if you are absolutely sure that you do not need to edit the text anymore and you have multiple layers of
the same texts, you might want to
consider using it for better management
of the contents that you have on your design. So for that, I'm
going to click on the top layer right here and click on the
three dots button. Here. You can see that mess
down is an option. So if I were to click on this, then it takes the bottom there, then set into one single layer. So over here, there is no text editing feature
anymore because it has been converted into images. But now I no longer need to
worry about selecting both of the layers seem at the same time and regarding
moving it right yet, because it is the
same layer now, that is something that is suggested for designing as well, because it makes things much
more convenient as you go along and adding in more
elements on your design. I mistakenly actually disabled. You can see that the
199, that's right. Yes, let me rename it, enable that as well. So now we're going to further
move out and then see how we can add in more elements to our design to make it
much more interesting.
7. Adding Images to Project with Frames: In the beginning of a design, we meet or draft design. And we have actually went around and followed that
for more spot right now. But as, as a designer, you will face this a lot. The idea is keep on changing and you might want
to add an elements of which may be different from the initial
thought you may have. And that is normal
over here as well. Let's say I want to
add in to pick tests related to related
to burger, right? Yeah, Mondays, friends fries, and one is grilled,
bad to use for ikea. So let's say I wanted to add
those pixels on the side, now, one on the left side
and one on the right side. So to do that, I'm going
to add it in a stylus way. And to do that again, you can go around
over here onto arena and style and add in a frame. So if I were to click
on frame right here, you can see that
this is a frame. I can go around and resize
the frame and keep it where you want to frame
our player printf. Frames are placeholders
where you can go around and add an image as
your liking, right yet. You can also add in
frames by clicking on the Add Layer
button right here. And by clicking on frames
right here, just like this. So I'm just going to go
around and make sure that the frame are
the same size and keep this one over here on the right-hand
side and make sure it is aligned as I drag. And you can see that there's guidelines that is
provided over here which allows us to actually go around and then a
slight it and please, so that they are equal. You can turn on the
guidelines on and off by going into
preferences as well, right? Yeah. So guides
and snap to guides certain on so if I were to
go around and turn that off, you can see that they
no longer appear. But usually I like to keep it on because they give me
a sense of balance right here and mix the overall design balance
as well on the frames. Let's add in our pectus. And so to do that, I'm going to click on the
first frame and onset MS. So once I do that, I'm
going to go around onto my desktop and select
out the name is right here. Click on Open. So there you go. You can see that this
is my image right here. So I'm going to go around
onto the next image as well. That is the next frame. And I'm going to click onset MS, and then I'm going to select friends price right
here, just like this. So over here I'm going to go around and pushing the image. This allows me to
resize the image. But let the thing about it is I just wanted to sort out the batteries right
here, just like this. This is what you have as
you can see right here. Then what I'm going to do is
same with the fries as well. So I'm going to
partition out the images so that only the
fries are in focus. I don't really want to show
the plate right decks. I'm just going to go round out the Friday.
It's right there. There you go. This is what you have. So I'm going to go
around over here. And then on the shape, you can choose different
shape for the frame as well. Choose this one. And you can see
that the frame is applied and there's
interesting shapes, as you can see right here. So let's just go
around over here and select these shapes, right? Yeah, I'm just going to
go around onto the end. And let's say you
wanted to select these shapes right here, these kind of synapse
right here and so forth. So you can see that these are
the burger patties, right? Yet interesting shifts for them. So I'm just going to go
around over here and select, let's say, a similar
shape for this. And we can see that that's
the phrase right there. I'm going to go around
and select this, or maybe let's say something like this
right here and so forth. As you can see, there you go. We can see that I got the fries over here
just like this as well. And the burger
patties over here. Let me just go round and reposition out the
image right here so that the Patti is seen more clearly right here.
Same goes with this. You can go around
and pushing out the image according to
how you like right here, just like this and
it's going to go around, You bet right there. So this is what you have and you can see that burger
fast is that, and you've got the
burger patties right here, just like this. Let me pull out the images, keep it right around over here. And then you can see that
I actually went around. And then there's a bit of as right here,
I don't want that. So so let me just move
this around, right? Yep. So this is what you
have as you can see. So now what you can also do
is you can go around and teams around the
opacity so that it blends in with the
background right here. I'm just going to go around, make them blend in more with
the background as well. If you want, you can go
around and add Lynn add an outline to this
as well as you can see and to the
color of the outline. I don't really want
an outline like here, but let's say I do want a
shadow to be there right here, so I can go around
and on the shadow, and it contains the properties
of the shadows as well. And this is what you
have, as you can see, we've got some extra
pictures in frame for the burger patties
and french fries, as you can see right here. Let's add some more
detail onto our posters. And that is how we can
add in frames and make your designs much more
interesting and detailed as well.
8. Adding Relevant Graphics to the Project: Now that we have added in
our pictures and our text, Let's go around and add in relevant graphics
to the project. So first of all, I want
to add an a graphics. Let's see a circular graphics that covers up the dollar 199. Let's say I want the
graphics to be red in color. So to do that, I can go
around and add in a sheep. So to do that, I
can go around onto the left side and
over here on the top, on re-install, it can go around and click on shape
as you can see right here. So here you can go around, select a basic level of sheep, or you can go round onto a custom shape and
then go to shape right here and select out the seat
that you want to make 199. Interesting. I'm going to use this hip
right here as you can see. So let me just go around and push this out as you
can see right here. So right now, I'm not able
to make it like a circle. That is because the
lock icon is then on. This is something that we discussed in earlier
videos as well. So let's just go around and
click on the Lock button. So that is free. I want this to be
an exact circle. So let me just go
around and type in 200.200 height right
here, just like this. So it is exact circle. I'm going to go
around and toggle the aspect ratio log so
that it is locked in place. So let's us go
around, gobble up the 199 right here, this like this. And now I'm going
to click and drag the seep just below
199, right yet. But I don't want it to be covered by the French
price picture right here. So let me just bring that down
over here, just like this. So I'm going to go around,
click on the ship, and teens the color
of the shape, Let's say e.g.
something like red. Okay. That looks a bit
more interesting, right? Yep. You can also add ingredients
to make it more interesting. Dislike this. Maybe I want to make it a
radial gradient and you can see that this is what
you have with the gradient. I want there to be more red. So here you can see
that I can go round, click and drag around
these handles right here. You can click and drag
around that handle outside so that you can see that it has more
red on the inside. Let me just go around and
do this, this like this. I'm going to go around the
outer part, more red as well. So I'm going to click on this, click on the color and choose, let's say something like
a darker red right here, just like this, and press Okay, this is what you
have as you can see. Now, you can also go around adding pattern if
you want to add, you can see right here, but
I'm okay with the gradient. But you can see that
it just got removed, sell it, and just go around
and do the same thing again. You can also go round in the
direction if you're using, let's say linear,
I'm a gradient, but I'm just going to go round radial gradient in my case, you can experiment around with gradient so that can learn
more about it as well. So usually what happens is
that most of the tools use this experiment out and then
you learn it eventually. So in my case, I'm just
going to go round over here and utilize Let's see, darker red color right here. So this is what you have. You can also go round, add
an outline to the price tag, as you can see right
here, increase the size. So this is what you have. And over here let's us go around to is around
the color as well. So let's just go around
to surround a darker red right here so that it
looks much more messed. Let me just go around,
increase the size, decrease the size according
to how you want as well. Once you do that, you
can go around adding a shadow over here as
well, just like this, and increase and
decrease the blur, teens out the distance, as you can see right here. And teens around
the direction of the saddle in prison decrease the opacity as you
can see this like this. So you can go round over
here onto, let's say, the text itself and then teens around the text to
something else as well. So let's say you
want it to be this. I guess this is much more
interesting as well. So I'm going to
keep that as it is, increase out the size of year, one in dollar month
and 99 as well. This is what you
have as you can see. Let me just go around
and make it slanted bit right here so that it
is interesting as well. And you can easily see
that this is much more attractive for the
venue itself as well. I want to add an a shape on the bottom of
it, Let's say e.g. and I'm going to go around adding a space
over here as well. So Saturday, right? Yeah. So I want to add in a background
to this as you can see. So to do that, I can
go around and just enable out the background over
here for the text as well. So you can see that
you don't need to actually bring in
a Sikh over here. So I'm going to press
Enter overhead so that I can extend out the shape
and this is what you have. So for the background, let me just go around over here, press enter over here as well. And this is what you have. So you can see this is Saturday, October 14, down hall avenue
to midtown, right there. So you can go around left
align this over here as well. And you can also go round, do the line spacing as
you can see right here, letter spacing according
to how you want as well. So let me just go
around over here. You can also make,
let's say e.g. the Texas Gov, our
arc if you want to, but I'm just going to
keep this as it is. Let me just go around
and center align it out because I
like it that way. And I'm just going
to decrease this. And maybe teens around the size right here to
smaller sizes like this. So let's just go around and
deans the size over here. I'm going to go around over
here and genes around. Let's see the background color to something like darker color right here, just like this. Let me click on this as well. Onto the darker
color right here. Then this is what you have. So that's the color
I take and make it a punch out over here
if you want as well. Teams around the offset as
you can see right here, and work around with it. You can go round with line, You can go round with red
as well if you want to, but I don't want
that right here. You can add in a bit
of shadow as well. We can add an outline
to the text over here just like this to make
it more bold right here. This is what you have, so that's the color right here, and that is what you have. So now we can see that this
is what you have right here. You got the venue, as you can see right here. And you got you got
the bigger picture. You got the picture. You've got the dollar 199, which is an attraction, as
you can see, this like this, and this is what you have, and that is how you can go
around adding graphics to your project to make it much
more interesting as well. So now we're going
to go around and continue with animations
in the next part.
9. Adding and Adjusting Animations: So we have, are designed by
calf for the burger fast. And let's say now I want to make it more
interesting by adding an animations with is
something that you can do to make your designs
much more interesting and eye-catching
for your audiences. And depending on
different social media as the animation may be
supported or not. But for those which
are supported, you might want to
add an animations usually to capture
the attention. So to add an animation
on the left side, you can see that
animation is an option. And yet the one with the
crown or the paid ones, while the one without
the free ones. So you can just go
around onto accident. You can see this is the
animation that you get right here is not necessarily good
for this particular design. So you can go for Sudan, you can see which appears
like this, that's like Dumbo. This seems really
good as you can see, that it's rise as you
can see right here. It seems good as well. And there is feed,
as you can see. I'm just going to go
around over here. And let's say I want the tumble design right
here because that is the animation that
looks interesting for the overall design
that I have right here. So I can just go
around and click. And once you do that, that said that animation is applied. You don't need to do anything. As of now. There is no option inside of Pixlr X for you to adjust out
animations been one-by-one, you just click on
the animation that you want to apply and that's it. So once that is applied, you can see a play button
over here on the bottom. And if you were to press it, you can see the
animation in action. As you can see this like this, animation is added on,
onto different layers. And that makes the design much more interesting to
look at as well. That is how you can go around
and adding animations. And now on the next
video we're going to look at how to create very
essence for our design.
10. Downloading Designs in Different Formats: So now that we have created out variations for our designs, let's go around and
download them out so that they are
ready to be posted. So let's start with
our Facebook design that we have right here. And if I were to go
around over here, then you can see that
this is what I have and this design does have
an animation to it as well. But for Facebook, I'm not going to download it
with an animation, but let's say I want to
download it as a still image. So to do that, you can click on the Save button right here. And then you can go around under the intersection as you can see. And then you can
select, let's say, the peasy right here, which is a standard
format for images. You can also save it in PNG format if you have
transparency in it. But I'm just going
to go for the easy. You can go round, select
our quality that you want. But usually you don't
need to worry about it because it is optimized
for selection. But if you want to increase
the quality anyways, you can increase it out as well. But I'm just going
to go round and keep it at its default right here, because that really
will be okay. For the most part. I'm going to go around,
click on Save as. And then what happens
is that you can see that the file name gets converted right here onto the file name that
is being downloaded. So let me just click
on Save and that's it. So this design has been saved on my computer and I can just go around and pasted posted in social media
whenever I liked. I'm going to go around
onto home right here. So let's go around with
the Instagram post. And let's say for
the Instagram post, I want the animations
right here as well. In that case, what I can
do is I can go around, press the Save button. And now I'm going to
save it with animation. For animation, you can save
it as a GIF format as well. But then before is a video
format which is proper. So here you can see you can
set the frame rate and size. Usually you want to
have the size to its original pixels
because that is what we intended it for it to be. But it can also
decrease the size of the overall design, as
you can see right here. But I'm going to
keep it at one x j. It can make the frame rate
much more smoother by selecting 60 frames per second, or make it normal
by choosing 24. So I'm just going
to go around and keep it as it is right here, because usually the
defaults are okay. So I'm going to click
on Save As right here. And then over here you can
see Instagram post is being saved as MP4 because
it's a video file. And since it's
making a video file, it does take a bit of
time for it to work. As you can see right here, it's loading out everything
and now it's saved. Let's go around over here
into home right here. You can also go around and
save the two-tuples versions. I'm going to go around over
here for this as well. Let's click on Save on images, and let's click
on JPEG, Save As. And I'm going to go around over here and save it as a
to the post as well. So this is what you
have as you can see. Then after that I'm going
to go for pin design. And you can see that even this has animation to it right here. So let's say I'm
going to go round C, but without the
animation itself, I'm just going to go down
onto a JPEG right here, Save As, and I'm
going to go around onto my desktop and
save it out right then. Once that is done,
you can see that all of the designs
has been saved. And if I were to go
around onto my desktop, this is what you see. You've got the Z
peasy right here, just like this I, which
is ready to be posted, you can see that there's
this video file with animation as well for
the Instagram post, as you can see right
here, it can go round. Click on Next. This is the other design. The other design right here. This is how you start working around from
start to finish, right here, to create posters for different
social medias. And you're supposed
to do the thing. You have to take a
topic or anything, let any product or any
anything, let's say e.g. something like a fest itself, a festival and event. Then work your way from start
to finish inside of Pixlr X to create various designs of your own for
different social medias. So hope you enjoyed following this problem
for following along with me and making animated graphics
posters inside a Pixlr X. And I hope that you'll
be able to do the same with what we have
practiced together. So I'd like to wish
you all the best for your future in designing your own posters for
different social medias.
11. Project Details: Once you're in the
homepage of Google Forms, then you can create
forms in two ways. One way to create a form is by clicking on the blank
plus button right here. Once you do that and untitled, blank form will be
created where you can make changes according
to how you want. But let me just go around
onto the Google form whom? By going around over here and by clicking on this button
on the top left corner. Once you do that, you're back onto the homepage.
As you can see. Another way to quickly create a form is by choosing one of
these templates right here. You can directly click on one of these templates that
you see right here. Or it can click on the template gallery right
here, just like this. And then here you can see that different templates
gets displayed. So you can go round over
here and let's say you want a template for
customer feedback, then you can click on it. Then you get a
pre-filled Google form that is the information from the template so that
you can make changes to this according to how you like
and then publish the form. That is how you can create
new forms in Google Forms.
Pratik Pradhan, Digital Artist
