Transcripts
1. Welcome to this Course!: Hi, my name is Tim Wilson. I'm a senior trainer
at Red Rocket Studio. I would love to
help you to create beautiful professional
work in new Adobe Express. Not only if I
trained for some of the world's leading
companies including Disney, Nissen, BBC, NHS, the times. But I've also spent
many years as a lecturer in graphic
design at the university. We'll start at the
very beginning and I'll take you through
everything step by step. You're not left on your own. I'll be there all the time
to answer your questions. I've crafted this course as a series of projects
by the end of it. Not only will you be an
Adobe Express master, but you also have nearly
20 separate projects that you will have created. These are some of the real
world projects that we'll be working through in the three
levels of this course. Social media documents,
flyers documents, print and screen
slow animated posts, video posts,
multimedia documents, infographics, and so more. I'll be showing you tons of pro tips and tricks as well as some basic graphic
design principles to help you create really
beautiful, professional work. Start right now, I can't wait to help you to learn
new Adobe Express.
2. Introduction to Photobook Brochure: We're going to make a
multi page brochure, but we're going to use
a lot of things that we've done before,
you can go over them. We're going to take a letter and we're going to make
this neon looking letter. You can see on the side
that's using the AI. We're going to use
multiple images in the various pages
and I'll show you how you can put them
in really quickly. And then color overlays. Then finally, we'll do as we
did before and we'll take it out using flow paper to
get that animated effect. I'm going to take you further
into flow paper this time, so you can see a lot more
of the details in there.
3. Describe the Text Style: Let's get on with
this photo book. I'm going to click on photo. I'm going to go to Photo book
and create from scratch. I like the size that
I've got over this. I'm going to keep
that, but you can resize it if you wish. Now, for the cover
of this document, this is going to be called
the M Studio Dogs brochure. It's about the
band's final tour. I want to do an M in here now. The band is very much
about neon colors, bright colors in a
dark background. That's what I want to
reflect on this cover page. So I'm going to go to my text and I'm going to put in the, add some text in here. I'm going to put in
the letter M in here. I'm going to make it bigger. It's going to be quite
large on the cover. And I'm also going to select
it and change the typeface and find something
which could work. Just something large but
fairly plain over here. I think that will do nicely. Now, I want to go and do
a neon effect on there. Now. At the moment, if I just deselect it, if you just go down to
text effects in here, you have some pre
made text effects, But to be honest, they're
not exactly what I want. I'm just going to go
back again and select my letter M to make
my own effect. I'm going to go down here
to the text effects. Click on that, and then in here, I can actually describe what
I want to the software. I want this to be high contrast Neon. Let's try and spell
Neon correctly. Let's try high tech contrast. You can always
change this later on and experiment with
different things. Dark Neon, I'm now going to just generate that and see what it
actually gives me. It takes a moment sometimes
for it to come up and it will give me some
variations in here. I don't really like, not that
happy with that one there. Those are not quite right. I'm going to change
the text slightly. As you change this around, you'll get different results. I'm going to say high
tech, neon dark. And let's try that again and see what we can get that way. That's probably more the type
of thing that I'm after. It's slightly different,
but let's load some more and see what we get. Ah, that's looking more like
what I'm ready after now. If I change my background
color to black, it'll probably pop up a lot
better in there anyway. Have a bit of a go
with that put in your character first then
once you've done that, once you've got your
character in, you just go. Let's do another
bit of text here. Just go down to the bottom to text effects and
describe what you want for your
particular text effect to go, try different variations. Keep generating
different ones and describing it in different ways until you get what you're after. I'm going to do mine again with once again some Neon and see if I can get something a
little bit more interesting.
4. Add a Photo Grid: Now as you can see, I finally found what I wanted in there. I've also put in
some other text. I just sample the colors
from the little graphic, the way that I've shown
you so many times. Now, I'm going to go and
add a second page in there. I'm just going to do a same
size page on this page. I want to have five different
pictures of the band, but I'm going to put
them into a grid. So we're going to go
down to grids down here. I'll click on Grids and I'm
going to go down, I can find, there we go, five of those, then I can have one picture
in each of those areas. But of course we want
to make it full page, so I'm going to pull
that right out like, so move it across a bit. Now if you want to change the distances between
these pictures, you can change the
spacing in there. So I could actually get them
right up against each other. The background at the
moment is transparent, but I could go in there and say, well actually I want
it to be black like, so I'm going to go and
put the pictures in here. Now normally this
is where I'd find the pictures on my hard drive
that the band had given me. But in this case,
I'm going to be using pictures from the media. I'm just going to click on
this one here to select it. I'm going to go over to Media
and I'm going to search for band in there and just
find some images. I think I'll take
that one in there. Remember you can always
double click it and move it around if you
need to change it. So let's just have the guitar
fingers coming in there. I'm going to double click
on this one once again, do the same thing, go to media. It's still remembered that
I'm actually on the band. Put that one in, we have that across in the right
position, I think. Let's have a few slightly
different ones now. So once again, double click, et cetera. Something
else for this. Maybe that one, the drummer,
let's move that across. There's no drummer in
there, it's just a set of drums in that case. I'll leave it right there. The last one over here, I'm going to click on
Choose the Picture. Let's go and get something else, like a singer in there. Now I want to tie all
these pictures together, so I'm going to go
along to elements. I'm going to go to my shapes, and we've looked at this before. I'm going to put a
shape over the top. I'm just going to
pull that shape up over here and I'm going
to make it the color, the red color that I've
got on my first page. I'm just going to
fit it with the red. I'll go and sample
it in a moment, but for now I'm just going to choose a dark red like that. I'm going to change
the blend mode to multiply so we can see the
pictures coming through. That's a lot brighter
red in there. I'm going to just brighten it up over here into custom
and choose a brighter, more vivid red from there. Don't forget, you can always go back to here, change
the spacings. I can move those
closer together if it looked better
or further apart. I like the little black
lines around them. If you want something from
the edge going inwards, use your padding and
that will pull it in from the side like so I like them going right to the end of the page for
what I'm doing here. But do have a bit
of a go with that, make a second page, put some pictures
in using a grid.
5. Add a 3 Photo Grid: As you can see, I've just put
in a little bit of text in there and the straightforward. Let's go and add another
page in here, same size. Once again, I'm going
to go into my grid. I'm going to choose a
slightly different grid, this time I'm going
to pick this one over here so I can show you some
other options with the grid. Let me move it right up
to the top over there, so it's going to
be full page size. Then I want to have three of
the band members in here. Let's just make
sure that I can get that in the position there. It's strange because sometimes the little windows don't always appear when you
try and drag them. But I can then start to move these around into any
position that I like. Depending on the
picture that I've got, I can just change those
sections once again. I'm going to go to the background
to keep the same theme. I'm just going to pick
black as the lines between them and the
rest is the same. Going in, finding the pictures, let's find some
singers over there. That one he'll do
very nicely in there. Let's click on this one. Same again, different singer and I'm going to have to
move him across, Ali. So one last one to go in here and then the page is done.
Very, very simple. This little one we want, I think she'll work very
well in there as well. All right. Have a
bit of a go get some pictures going on on
your third page in that.
6. Flow Paper Settings: Now I've added some
more pages in here. As you can see, I'm going to
go over to this page here, which is just a full picture, full screen with a little
bit of text in there. And I've just used the
same text that I did on this page in here. And then I did another page
here using that same grid. And I've just gone and put a
color picture in the middle. Well, in fact, they're
all color ones. And then I just went to
the individual pictures, went down to effects and chose gray scale to make
them more black and white. I've then got the color
one in the middle. Now let's go on
to the last page. I'm just going to click
on the ad over here. When I'm adding a page, I've been adding the
same size pages, but maybe you want something
a whole lot bigger. And you can quite
happily do that by going to custom size over here. When you choose custom size, you could have a
different size page. I'm actually going to just
keep it as the same size page, but if you want, you could have a custom size page as well. Now in here I'm going
to bring in a picture. I'm going to go and find the
picture for the final page. And that's going to be one
of the band members in here. And let's go with, I want to crop it off, so we've just got her
with a guitar in there. But to make this a
bit more interesting, I'm actually going to copy
her the bottom version, I'm actually going to make size, so we get a really large version of her in the background. I'm also going to go to
the background version and go into my image options. I'm going to go along to adjustments and
write at the bottom, I'm going to blur the
background picture out so you can still see the effect
that is actually is her, but with the sharp one
in the foreground. It's an effect that's
used quite a lot. I need a little bit more
text to finish this off, so I'm going to go and
add some text in here. Paste my last bit
of text into there, and I'm going to change
my text to white. Let me just select all
the text and adjust the color to make it white or something that I can
read on the background. I just got to pop that
right down over there. Now, I'm having trouble reading the first a little bit
because of the guitar. I could of course, just go in, double click on that, maybe make the whole thing
a little bit bigger. Move it around until I can see the area or
the text that I wanted. Or of course I can click
on there and I can go down to my effects and
I can add a shadow. So I'm going to put a
shadow and I'll just put a shadow behind the text to help
lift it away from the background so
you can read it on some of the darker areas. I'm going to move that just
in that position over there. Now that we've done
that, we can then share this. I'm going to go to do. I can either download the whole document and I'm going to go to all pages
here as Jpegs, PNGs, or a PDF. Or we can do what
we did earlier on. We can go along to the add ons. I'm going to go into
the flow paper, wait for it to load itself. I'm going to export to flow
paper as we did before. Now we're in flow paper. Let's have a look at
some of the settings. We've got settings on the right hand side which
are really to do with the interface on the
left hand side appear. This is the one that I'm
actually interested in. These ones allow you to change the look of
your final result. If I click at the
top, you'll see I've got these style templates. Now let's have a look
at this one first. We're actually on realistic
three D. If I click on that, you can see we've got
a dark background, these little buttons over here, and it looks realistic when
the pages are turning. If I go down to the bottom, I've got hard edges. This time when I click, it's like those are cardboard and they don't bend at
all when they change. You got some other options
in here, for example, if I go to this one here, we get a slightly
different look to it. Look at the way those pages
bend when they change. Have fun with it,
play around with it. It really is brilliant. Don't forget, publish and publish to the cloud
to get your link.
7. Introduction to Invoice Translate: This is not going to be
a very long project, but it's such a useful one. We're going to take a
template and then I want to show you
how you can change the language on that template, and it's surprisingly easy. We'll take this invoice
and change it to French, but you can do it
with any text into, I won't say any language, but there's a lot of languages
there to convert into.
8. 1-Page Translate: Let's have a look at invoices. I'm going to go over to
the document option. There's a little invoice
over here and I'm going to say Browse
Templates because there's a lot of
different invoice pre templates that
you can choose from. I'm just going to go and find
something fairly simple. Click on it and it brings
it in and you can see the whole thing is made up
of different parts in here. We've got the
background of there, which is that one you can
change to anything you like. We've got rectangles like that. That's just a rectangle which
I can change the size of. We've got text in there
individually, we've got lines. All the things that
we've done so far. So why am I showing you this? Well, one of the things
I'd like to be able to do is to change the language. So I'm going to change
the language on my invoice because the
company is in France, so I'm going to translate
that into French. And you can do this
really easily. In Express, along the top is
a little translate button. If I click on that over
here it says, well, it's going from
English, which it's detected to which language. And I'm going to go down and
translate that into French. Click Duplicate and Translate. It will make a
second page for me, and there it is,
translated into French. So easy, really quick
to use as well. Try it out.
9. Multi-Page Translate: Let's have a look at this
using a multi page document. I've gone back to
my Cyprus brochure. Now the thing is with translate, it only works on a
page by page basis. If I went to this page here, I would click on Translate. Once again I'm going from
English because Cyrus, the South part of
Cyprus, they talk Greek. The top part is Turkish. I'm going to go down and
find Greek in there. Duplicate and translate. You can see it's just made
a seventh page in there. Let's put it next to
it. There we are. It's translated that into Greek. For me to be honest, I would get somebody
who is fluent in Greek to actually read
that and double check it. But it gives it, it's
a good starting point. Have a go with that.
Whichever page you're on, it will just translate
that accordingly. Click on Translate,
Choose a Language, and let's try this
one as Turkish. Duplicate and translate. There's my Turkish page.
Have a go with that one.
10. Introduction to YouTube Animated Video: In this project, we're going
to create an animated video. We're going to be
using drawings. You can use photos if you like. I'm going to choose to do something about photography
because I like photography, but you can choose any
subject that you like. We're going to animate all
the different parts to get a really fun feel
for the whole thing. There's a bit of
a surprise later on when we start to
put the voice over in, because it's not
going to be my voice. But I'll leave that
as a surprise Anyway, let's jump in and get started.
11. Add in the First Video: Now for this project, we're going to go along
and make a Youtube video. It'll be animation, so I'm
going to click on videos. I'm going to go to Youtube
and say Create from scratch. This gives me a certain size and I want to check that
it's the right size. I want HD size. And if I click on Re Size, you'll see it's 1920 by 1080, which is HD size. That's fine for what
I'm trying to do. Now, I want to start
off at the beginning of the video with a video
of somebody waving. I'm at the camera now, this would normally, if I was doing this
video for myself, it would be me explaining
something about photography or somebody
else explaining something. But I'm just going to
use something from the videos here and I'm going
to find a person waving. I'm going to search the
videos and it's waving. That one looks a bit too cheesy. I'm just going to go down
because I saw one earlier, it was somebody with
a hat. There we are. That one there looks
very natural, the wave. So I'm going to click
on that and bring it in. Now it's there. I'm just going to
play it. She waves and then she starts chatting. Now, we don't want any
of the chatting in here. All I want is the bit at the
beginning with her waving. So she comes in and waves like that and that's really
all that I want. So I'm going up to about 2.2, to 3 seconds and
I'm going to pull this video right back in. Now remember if you don't
see this video area here, I'll just click to hide it. Just click on Edit
Timeline at the bottom. So she's going to
come in and wave. It's quite sudden that
she's come in there. So maybe if I click
on that video, I could actually go in and try out some of these animation
settings down here. And I'm going to say in, I'm
going to get it to fade in. So it'll just fade in from
white or my background color. If I change the background
color to black, let's fade that in again
and you'll see it'll just fade from black into
the video like. So.
12. Backgrounds in Scenes: I'm going to go along to my
elements in backgrounds. I'm going to search for film. This orange ones come up,
which is rather nice. If I click on that, you can
see it makes a background. But if I want to make it a
little bit more interesting, what I'm actually going
to do is detach it from the page and then
just scale it out so I can scale it slightly bigger then maybe move it over so I don't get
much of that brown. I just want the orange in
there for something quite fun. Because this whole
thing is about sun. Then for each of my
different scenes, I'm going to have the background changing ever so slightly. I'm going to move
that in a little bit, like I think I'm going to do about 3 seconds for
all of these areas. Add my scene in over there and
I can then just go back to this scene here and we can
just copy it and paste. You can quite happily copy and paste between scenes
very quickly. I'm going to spin
this around so it's around the other way
this time as well. Let me do another scene over
here. I'll paste that in. And just move it a little bit brown coming
into that one over there. Let's do another
scene over here. Paste that in over there. I'm going to keep it like that. Maybe add another scene in here and do this slightly different. I'm not sure whether this
will scale up large enough. Let's find out. I think
that'll work quite nicely. And another one P, that I'm going to
make that smaller. But I do want to because I want to show the whole
piece of film there, but I want it on a
white background. I'll also change my
background color to white for that one, so we get something like that. Remember, I can always add in new scenes along
here as I go along. Now, for most of these scenes, I want them to be
about 3 seconds long. I'm just going to go to each
of them in turn and make them roughly 3
seconds over there. That's probably just
enough for people to read a quick sentence
but not get bored. We'll have 3 seconds there, 3 seconds here, another
one over there. The end one is
going to be longer because that'll be
the final piece. And that I'm going to stop
there so you can try this out, have a bit of a go
get some scenes in, get a background in there, and then we'll start
building the text and popping the text bits
into our project.
13. Add Some Text: Let's start the beginning
and bring some text in. I'm going to go along to the text tool and I'm going
to go and find it over there. I'm going to add my text in. This is going to be
better film photography. Now the pictures that I've got, there's lots of little cameras, sort of drawings of
cameras that I've got from splash if you prefer birds. I've got a lot of
pictures of birds. I've got a lot of pictures
of cupcakes as well. So if you want to
do something else, you don't have to do
film photography anyway, I'm going to select this text and I'm going to go in and find a
different type face. Now, I've saw one recently that I rather like the look of, and that was permanent marker. So you might not have it, you might have different ones in there that you
like the look of. But I'm going to go and find
permanent marker over there. There we go. I thought that would actually
work really well for this. I'm going to do dynamic
text in here and just pull it in so we get better
film photography like that. I'm going to move it
down to the bottom and just out of her
face over there, color wise, Well, it's
white at the moment. I think I'm probably going
to keep it as white. Then we're going to
move on over here. That will come up
and be in there. I'm going to leave that on, so she fades up, but the text stays on. Then just before she goes, I want to fade the text out. I'm going to go down here. I'm on the text to Animation. Choose out and then click fade. What I'll have is the
text is in there. She fades up waves at the
camera and the text fades out. The background comes in. Now on the next bit, I'm going to have my first
bit of text in here, which is going to be five
tips about film photography. I'm going to put that
in, but for speed, I'm just going to
go back over there, Copy this bit of text, move into here, and I'm going to paste that bit of
text in as well. I want it to be
the default text, not the dynamic text. This is going to be five tips on film photography. I'm not the world's
fastest typist and I do apologize for that. I think this five tips, I'm going to try and
make that just a little bit larger over there. Five tips. Then this bit here, I'm going to just do a return and make that on
film photography. There's my main bit
of text in there now. I'm going to just get it
up a little bit like that, but I don't want to
come in straight away. What I'd like to do is
at the beginning here, I would like to have a camera, a picture of a camera in there. So I'm going to take
this whole scene and just pull it out a little bit so I can have a
camera coming in. And then the five tips on film photography coming in after that going back to the
scene in the scene, if I click on the text, I'm going to show
my layer timing. That's the little
button at the bottom. I can pull that in over there. So the five tips on
photography won't come in until that
point over there. Then once again it just
fades out at the end. I might want it to
fade in as well. I'm going to go
once again down to my animation in, faded in. I want to be a quick fade. Just half a second or so,
we can get that to come in. Let's play that to see
what the timing is like. Quick fade up and then fade out. In fact, that fade out is a
little bit too slow for this, so I'm going to go back again. Go down to my
animation, my fade out. I'm going to take that
down to half a second. Ish, just over half
a second as well. To check the timing. Do keep
checking your timing all the time to make sure that it
actually works for people. And they're not sort of sitting, twiddling their thumbs while you've got this amazing
fade going out. Fade in enough time
for them to read it. Fade out. Now, the beginning, I like to have a little
camera coming in here, so I'm going to go
and find a camera. I'm going to media and I'm
going to upload from device. I've got a folder here with
camera graphics in it. And as I said,
there's also one with birds and there's
one with cupcakes. If you prefer those,
let me go to the icons and have a look at
some of these and find one which
looks really cool. I'm going to start off
with this teal colored one green or whatever
it is over here, going to make that a
little bit larger. This is going to be the
first image in there. I'm going to shorten
it over there. It'll just come in. The text will come in
after that as well. I might even expand
this a little bit if you've actually got about 5 seconds of
this first bit, because there's actually
two things going on. There's the camera coming in and then there's
the text coming in. After that, I'm going
to go to the camera, go down to my animation. I'm going to fade
it in very quickly, less than half a second. I'm going to fade it out very quickly, less
than half a second. Then, while it's
actually in there, I'm going to go to looping. What I want to do is
I wanted to jitter. I wanted to move around to
give it a bit of light. This is in the looping option. I'm going to go and find jitter, and I can change or adjust
the jitter in here. You can see how that moves
around ever so slightly just gives it a really
cool animated feel. Let's have a quick look at that. Comes in jitters around
and then fades out. If I wanted the camera to
be underneath the text, I could actually move the camera in the layers
over here below the text. Now when that happens, the text fades in and the
camera fades out behind us. And that just gives us
enough time to read the rest of that text on there.
Let's have a look. Comes in now with the text, I'd also like to change the background so I've got a bit of
a shadow going on. I'm going to click on my text. I'm going to go once again into the text options and I'm
going to go to a shadow. Now what you'll see
is with a shadow, it looks really
nasty over there. It's far too hard. If I do the hazy one, once again, that's too hard. All of these just look
really bad because the shadows themselves
are actually dark. Well, they're black virtually if I click on custom over here. First of all, I can
do things alike. I can change at the
distance of the shadow. I can change the angle of the
shadow to move it around. I can change the amount
of blur on the shadow. I'm just going to
change the distance a little bit on there, but this is what I
want to show you. I'm going to click on Color. I'm going to sample a color from the darker area of the picture. Now my shadow actually
becomes that color there. Now that looks more like a
glow. Let's try that again. Going to go as an orange, but I'm going to click on Custom and just darken it
down a little bit. That gives us really nice
gentle shadow in there. Once again, if I
move that blow out, you can see it's kind of
at the wrong angle, ready. So I will just
change that a little bit, just something like that. I want to keep it as subtle as possible so it just lifts
it slightly off the page. I'm not going to do it on every single one of these scenes, just on the first one, because this is a main piece. So let's play this so far so we have better
film coming in. We then cut straight
to the animation. The camera jitters around a little bit and the
text is sitting there. Now if we wanted to
jitter the text as well, we could do that by going
down to our animation, putting on some looping,
choosing jitter. But I don't want
too much jitter, so I'm going to go slow and
not too much intensity. So we'll just be very gently
moving on the background. Let's play that one more time. She comes in, she waves, the camera comes in, and the text is jittering
ever so slightly. Have to go with that so far.
14. Animate: Let's go back to the
beginning again for a second. I noticed when we were playing this that the black didn't
look quite so good. And especially over here, I faded her out. And then it jumped into that. What I'm actually going
to do is I'm going to go along to the second scene. Copy the orange background. I'm using command C or control C on a PC command on a Mac. Go back in here and I'm
going to paste it in. But you can see it pasted
in front of the video. All I've got to do
is drag it below the text and her video in there. Now what will happen? He is right at the beginning,
we'll have the orange. She will fade in and then
she'll fade out to the orange. And it'll look seamless like So we've got our next
scene to deal with now. Once again we fade out over here onto our next scene,
the background changes. If you didn't want the
background to change, of course you could just copy that in again, exactly the same. So I could get rid of that
and just paste it in. Paste it in, and that'll give
us the same scene in there. Either way, it doesn't really matter if you're going
to change it. Change it. If not, just undo it like
I've done over here. I'm going to bring
in some text now. So I'm going to say
add in your text. And you can see it's remembered my last font that I
was dealing with. This little bit of
text is going to say the first tip is
going to be shooting manual with a manual lens. Move that in a little bit like, so move that across over here. That's going to come
in at the beginning, I'm going down to animation. I'm going to fade it in. No, I'm not going to fade it in. Let's do something
else over here. Instead of fading it in,
let's try something else. Let's try a drift
in or a slide in, one of these ones here. Whichever works for
you to drop in, I'm going to try
drop in over there. So it'll just drop in
from the top very gently, like that, into the
right position. I'm happy with that, but I do want to
fade out as well. Let's just go down to
animation and out. I'm going to choose
to fade it out, maybe slightly faster
than the normal. Let's try that out.
From here we go. Five tips on photography. Shoot them menu. My goodness, I need to sort my text out. I can't even read it
properly in there. But I'm also going
to bring in one of the little cameras
at the top again, as before, go over to my
media upload from device, find the camera that I
want to use in there. I think I like that
big red camera. I'm going to place
it over there. And then I want to animate it. Animation. I'm going to go to, in this time I'm
going to use grow, so it'll actually grow into the picture
there and then out. I'm just going to fade it
out quickly at the end. Now I would like to
have the text coming in first and then the camera. So I've clicked on the
camera and in the timeline, I can just shorten
that a little bit. Like, so what will happen
now is when we play this, the text will drop in
and then the camera comes up As always, I'm going to go to the camera, I'm going to go to
animation and I'm going to put a little
bit of movement on it. You can see we've got
different movements in here blinking or I think
I'll probably do a little bit of Jess or
a little bit of wiggle. Wiggle is quite good. I'm going to do it quite
fast but not too much, so it'll just shake a little
bit like that anyway. Do you have to go with that? And I'm going to sort
out my text because all my text is a total
mess. Try it out.
15. More Animation: For the next little animations, I'm going to use the same text. I'm just going to copy
the text from here. Command or control C, go to this scene, paste it in, and change it. This is going to be going to say use an exposure notebook. As before, I'm going to bring in a little camera into the media upload from device,
find a different one. Let's use that orange one over here and animate it
down Over to animation. I want to animate it in. I'll use a fast fade. I'm going to animate
it out also with a fast fade. Let's cut it there. Animates in with a fast
fade and then the looping, a little bit of jitter on that
as well. Not too intense. There we go, Just to give it
a little bit of movement. Now, the same for the next
page as well, to be honest. Let's have a look at that
and see how that works. Shooting manual comes in, then that moves in as well. Now the manual, an exposure exposure notebook is still using the same
animation that we had before because it just
copies the whole thing. I am going to go down
here to the animation and I'm going to change the drop in and just do it
to a quick fade. So onto the next one over here, which is going to
be that I'm going to select this, copy it, move across to the third scene, paste it in and change this. This is going to be
one camera of course. Bring in another
camera over here. Plot from device. And what one hasn't I used yet? I don't think I've actually
used that black one. I'm going to bring that one in. Let's just make
that a little bit larger and do the same
things as before. You can just experiment with
these different animations. I'm going to bunge that in. I'm bunge it out, it'll disappear
off in the middle. I'm going to choose wiggle. It'll just wiggle around. Let's have a look at,
or how these two work. I'll play those that moves
around, that comes in. We can just offset
them slightly as well. The text maybe comes
in just a little bit later than the
camera, or vice versa. Shall I'll bring the camera in just a bit, a little bit later. The text comes in first, and this one over here, camera needs to come down. And maybe also just
a little bit later. Now you'll find that this
jumps around quite a bit. If we zoom into it, there's a little
zoom button there. You can be a bit
more accurate about exactly where you
want that to be. Over here, I'm just going
to click on the camera. Move it in a little bit. Let's have a look
at our timing now. So using exposure,
text comes in, The camera bounces in and
then disappears out again. Have a go with those two scenes, and then we'll move on.
16. More Scenes: Now as you can see,
I've just done another little scene here, but I want another scene to come in between that
and before the end, I'm going to click on the
little plus over there. And I can then add
a scene to this. But I've added the scene in, so I can just go
back to the scene here and copy the
bits that I want. I'm going to select all
those bits and copy, go over to this scene and
paste them all in over there. Obviously, I don't
want that camera. And then I'm just going to
change the text over here. I'm going to take that back
also to about 3 seconds and change this a little bit of text to the next
one that I want. The next one is going to
just say, take a class. Same again, you
got used to this. Now let's try this
one over there. I'm running out of different
animations to show you here, I'm going to bring that in
and then go down animation. Let's use a looping. Yeah, yeah, but the intensity is a bit too strong over there. I just wanted to move tiny
little bit over there. And I'm going to
increase the speed, so it'll just
bounce around like, so we've got down just a
little bit over there. And then of course I'm
going to fade it in. And I'm going to fade it out. I think I've now got five
different tips in here. So I'm going to zoom
out a little bit on my timeline And try this from the beginning just
to see how it's looking. And if I need to
change anything. Playing through
there, she waves. We go into the first five tips. The first tip comes up,
camera moves around, that one changes another
camera in another bit, I need to move that
bit of text down. That's my last one over there. 123455 of them in there. So if you'd like
to do another two, remember you can click
between them to add them in.
17. Check Your Timing: I've set up my last scene
with a little bit of text in here and two cameras. I want to drift the cameras in so they come
in from the side. I'm going to go down to
my animation in the Inn. I'm going to say
drift over here. I can choose how long that
drift is going to be as well as the type of drift,
soft, smooth, energetic. I'm going to bring
it in fairly strong. Then the same with
this one over here. I'm going to go to
that one animation. And I'm going to also
use a drift on that, but I'm going to drift it
in the opposite direction. Now that's taking far too long. Let's just speed it up. I just want to come
in very quickly. Once it's in there, we want to jitter it around so it'll just move around a little bit in the background.
Same with this one. I'm going to go to jitter
or looping, should I say? I'm going to add some
jittering on there. If you don't like the
jittering, try the wiggle. And you can just get it
to wiggle around as well. Don't forget, you can also do it on things like the background. So if you wanted to, you could go down to
animation and just put a bit of an interesting
background on there. I could pulse it, I
could flicker it, or I could just to the
background as well. We could wiggle it
if we wanted to. The change between this
one and that one is quite sudden because the
background just goes out. So I'm going to go back
to the last scene. Click on the background and I'm going to put an
animation on the background, on the out, which is
going to be a fade. So I'm going to fade the
background out from here. It just fades out to there. And while I'm on that, this background, because you can see it's fading to black. I'm actually going to
change the background on that scene to white. Let's try that last little
bit again over there, take a class, it all fades out. And that one comes in and we've got a bit of movement
on those cameras. In fact, I like this one the way it's moving rather than that one over there. So I'm going to
take off the jitter and I'm going to add the wiggle. Let's take the
intensity down a bit, but increase the speed
on that one quite a lot. When you're done,
just play it again. We've still got to
put some sound in, but just play through
the whole thing and have a look at the timing
and see if it actually works for the timing. Get somebody else to watch it
as well. Can they read it? You know what it
says, but is there enough time for
somebody else to read it? Check your spelling. And I'm talking to myself
here because I tend to. I can see that read
is a bit too high. I'm going to go back to
the read one and just pull that down a little
bit over there. Then once again, just go
back and watch it again. I force you to watch mine. You've got your own to watch, so have a bit of a go finish that last bit off and
then we'll put in some sound and we'll talk about different sound things
that we can do in here.
18. Record a Voiceover: Now when it comes to sound, I'm going to go
over to the audio. We've got some music, which I'll bring in in a moment, but I'm going to choose Record
Voice Over. Try that out. I can click on Record
Voice Over over here. It just shows me the
level of my voice. And I'm going to click
on Start Recording. If I choose start
recording, 321. Five tips on film photography. Tip number one, Shooting manual
mode with a manual lens. Use an exposure notebook tip 21, Camera one lens one
film stock tip three, read your camera manual. Four. Finally, take a class or join an online community
and keep shooting. I just played it through. I talked while watching
the animation over there. Let's see how it works. I've got a lapel mic on that,
you're hearing me through. So I'm going to move
myself closer to my computer so that you can
hear it through my computer. Five tips on film photography. Tip number one, shooting manual
mode with a manual lens. Use an exposure notebook tip 21, Camera one lens one
film stock tip three, read your camera manual. Four, finally, take
a class or join online community and
keep, there we go. Now let's go back to our media. I'm going to go to audio and I'm going to go and find
some music as well. If you don't want
to record yourself, that's absolutely fine,
Just do the music. So I'm going to
look for something which is fun and bouncy. I like that one actually. So if I click on it, you can see it's addited in with my voice and I can
take the volume down. So I'm going to get both
my voice and the music. Let's have a listen to that. Five tips on filled photography. Tip number one, shooting manual. Right, I'll stop
there. And even that could probably go down
a little bit more. Let's just take that down
to maybe about 5% or so. One last bit, right
at the beginning, five tips on film photography. You can do your voice over and
then add some sound to it. But if you don't
like your own voice, not many people like
their own voices. There are some who do.
But most people go, oh, I don't like having
my voice recorded. If that's you, there's another thing that
we can do as well, but try this out first. Even if you don't like
recording yourself, just have a bit of a go
so you know how it works. And then I'll show you how else we can do
this with a voice.
19. AI Voice: Now I've removed all of my voice over and
sound and everything. I'm going to get an AI. To read the text for me, I have to actually type it in. I'm going to click on Add Ons. I'm using something
in here called the AI Zoos Text to Speech. Now I've installed my already, but when it comes to using
it for the first time, you click on it, here, it'll ask you if you want
to install it. Then here will be a
button to register. Now you have to
register and then go to the website and
verify the e mail. After you've done that,
you can log in over here, so you'll be logged in. And then you can choose the type of voice
that you want to use. And use this. I'm using English, UK accent because I'm
near London, in the UK. The voice I've
chosen, you can see there are so many of
them because I'm on the premium version of Express. I've got all these
premium voices. There are some standard ones there and some ultras as well. Now, I'm using Sonia and we can listen to her
voice by Duke by doing this. Hi, I can read any
text you type here. Let's try different voice, Ryan. Hi. I can read any
text you type here. I'm going to go with Sonia. I'm going to type in this
better film photography now, rather than actually
having to type in you watching me type
it all in there. I'm actually just going to
go in here, select Copy It. I'm using commands or
control to copy it. Click out of it, so
nothing is selected. And then I can go back there
and paste it right in there. I've got my cursor right
at the very beginning. I'm going to generate the audio. It's now created the audio. I'm going to move it across a little bit so it
doesn't come in too soon. Let's play that. I'll
move my cursor back to the beginning that a film photography,
there's the first bit. Let me move along a little bit over here and I'm going
to do this next bit. Five tips for film photography. I'm going to select
it all. Copy it, make sure nothing is selected. I'll just deselect it all. Go over to my Enter
text, paste the text in. Just make sure it's
all on one line. I'm just also looking
very carefully at the type here to make sure that it
will read correctly. Place my cursor where
I want this to be, so when the text comes in, generate the audio, here it is. I'm going to move it back
just a little bit like that. Sometimes you might
actually have to pull the time line out a
bit to get the text to work. Let's listen to that. Five tips for film
photography perfect. Then I can work my way all
the way through the rest of this document and add in the little bits
of text in there. I'll do one more over here. Put my cursor in there, select the text, copy it, deselect all the text. Go back in here,
paste the text in, make sure my cursor is where
I want the sound to start, generate the audio,
and away we go. Now this one, it's
gone on a little bit. I might have to
pull this up if you find that you need to move these around and you
can't because it sort of jumps if you like, just zoom in or out a little bit. Let's
listen to that one. Cheat in manual mode with
a manual ends perfect. Now, once you've done that, I've cheated a little bit here. Because if I zoom out,
you'll see I've actually done all the rest
of them as well. Just so you don't have to watch me go through every single one. Once you've done that,
I'm going to go to, I'm going to use an
MP four for video. I'm also working with 108 P, that's the HD size
that I started with. That's perfect for Youtube. I'm going to click
download over there. And then just sit and wait
while it renders the video. Now let's go and have a look at this video. I'm
going to click on it. Find it over here.
Double click it. Let's play it out here. That's a film photography five
tips for film photography. Shooting manual mode
with a manual lens. Use an exposure
notebook on camera, one lens, one film stock. Read your camera manual, take a class, join
an online community. But whatever you do,
just keep shooting. It's done just like that. Now, obviously the
voice is slightly AI. You can still tell
that it's non human. But these are only going to
get better and better very, very quickly. Have
fun with that.
20. Introduction to Professional Techniques: In this section, I'd like
to show you how to get more professional
results from your work. We're going to start
off by looking at your branding and bringing
in all your brand items, whether it is logos, fonts, colors, so that you can use
them directly in Express. I also want to go
through a number of graphic design principles. I won't call them
rules because you can obviously break
them if you wish. But I'd like to show
you a number of, I've just called them
rules that you can use to make your work
look really professional. Let's get started with this.
21. Branding: Let's have a look at
what we can do about getting our branding
into express. What I'm going to start with is rather than going
into a document, I'm going to go to your stuff. Now when I click on your stuff, we've got a few
options along the top. First of all, it says files. You might recognize some
of these files over here. You won't recognize all of
them because we actually use this professionally to put
out a lot of work on the web. But we've got a few
more over here. One is Brands over here, and one is libraries. If you work with Adobe Illustrator or
Photoshop or in Design, you might have come
across CC libraries. And these are libraries where you can actually
store things that you're working on and you want to use in the other
bits of software. For example, you might have a
logo that you've created in Illustrator and you
want to be able to pick it up in in
design or Photoshop, so you'd put it into a library. The libraries here are places
that you can store things. And you can also get
your libraries from Photoshop and Illustrator or any of the other Adobe software. Now, of course, you
do have to have an Adobe account for that. But if we have a
quick look over here, you can see I've got different Adobe CC libraries in here. For example, this one here that was created in Illustrator
and it's popped up here, and I can use it in Express. You can also create
your own library in here of things that
you use all the time. They could be a particular
photograph that you use or even a client's logo
that you'll be working on. Now I'm going to go across
to brands is where I can bring in all of the
things to do with my particular brand
or a client's brand. It could be things like color, fonts, the logos, anything
you're using all the time. And what I'm going to
do is I'm going to create a new brand here. Now the company that I work with or am part of is a company
called Red Rocket Studio. So I'm going to just put in Red Rocket and I'm going to
click on Creating there. And now you can see it will allow me to just
upload my logos, colors, any particular fonts. I work with graphics
templates in here as well. Don't worry, I'm not
going to do all of them. But let's go to Logos. And I'm going to say, Upload
your Logos over here. So I can just click on that. I've got them already over here, and I can just bring them
in very, very quickly. Let's open all those up and I'm going to add
in another one over here, PNG file as well. Now you can see that some of
them got white backgrounds, like that one there
and that one there, this one and that one have
got slight gray backgrounds. And that's because those are actually transparent PNG files, so the backgrounds
are transparent. Then for color, I'm going to
add some of my own colors. Now going in here, I want
to create a new color. I'm going to be
adding a color in. I'm going to go to
custom in here. I can type in the hex number. I'm going to put in
the X number for one of my main colors. The hex number that I want
to use is, it's weird, 16d 0b1d in there. That should now be
a nice darkish red. I'm just going to click
on Save over there. I've then added that as a color, but let me do another color. For example, it could be that instead of
having a hex color, you've been given an RGB color. Once again, in here, I can then put in my
next color, 22330. What's the last color here? 38, over there, that's
that light red. And I'll just save
that out over there. I'm not going to
bring in any fonts, but you can bring
in fonts in there. Graphics templates, it just
shows you your colors. In here, you can see where
it's actually used one of my logos which doesn't have a transparent
background in them. Not all of them do, as I said, some of them do and some don't. Once you've done that,
it's always in your stuff. If I open up a different file, let's go and find something else that we worked on earlier. I want to bring in my logo
in there so I can go to your stuff and I can then
find it in here as well. I'm just going to
go to my brands and libraries and
there's my Red Rocket. And I can just bring in one of those logos and you can see it's on a
transparent background.
22. Design Principles: Now Adobe Express gives you
these incredible tools. There's so many text options, so many picture options, shapes. But it's up to you
to put them together so they look really
professional. And I'd like to go
through a few, well, let's call them rules for
want of a better word, that will help you
with your design. Let's start off with
one of my favorites. This is repetition.
By repeating items, you can get a very
pleasing look. For example, these might all be pictures repeated along there. And then we might have
some text repeated. And as long as the boxes are the same size or the same color, the repetition
works beautifully. The other thing that we can do is emphasize certain things, especially if you
have repetition. We can do that by changing
the color of an item. Making it lighter or darker. Possibly making it bigger. Smaller will not emphasize it, it'll make it less important. Balance is another really
useful tool that you can use. I've got two shapes over here. I've got this big shape here, and I've got this
little shape there. Let me just take
this little shape and move it down to there. Can you see how the document
itself looks unbalanced? Because the big one is over
there and the little one, bright one, is over there. And, well, it seems to
be all on this side. Now, even if I put
it over there, it will kind of balance it out. But if I put it up here, we've got this one which is sitting up here
sort of pushing itself downwards
with a bright color balanced by a big one. You can kind of
think of it almost like a scale where you've
got the big item there, you've got a small one there, but it's got to be a bit
more dense so it can balance that one
out on it there. There's no right or
wrong with balance. Just look at your document. When you're placing things, move them around until
you feel there's some form of balance
in the document. It doesn't have to
be up and down, left or right, as long as
there's balance in it. It could just be the
colors that are balanced. Now, when it comes
to negative space, negative space means areas
which are left blank. If I go over to
this document here, there's a lot of
things going on. But if I were to remove
this one and this one, now we've got these
two spaces over here. And it helps the
document to breathe. By having these negative spaces, we can then concentrate
on the other areas. Negative space is
used by a lot of companies to give a
feeling of opulence, a feeling of importance
to their products. The first one that
comes to mind is Apple. When you look on their website, they are masters
of negative space. There's negative space
all over the show. It makes the thing
that's left on the page seem far
more important. If you add in lots and lots of things, nothing
seems important. It all just seems like
a collection of items. Now, contrast is another really important
design principle. Contrast works really
well either with color, or size, or shape. Over here I've got two
contrasting colors. We've got yellow and blue. Those are opposite each
other on the color spectrum. Or we've got black and white. Very obvious contrast, but I've also got big and small in there. There are so many
things that you can think of as contrasting. It could be that you've got a very modern design with a bit of traditional
text in there. Those are contrasting
items alignment. So looking at this document
here, it looks okay. But you can start to
see that things are not quite aligned
as they should be. If I take this item here, I can then align it up and the little guides show
me this one here. I'm going to just align it in there. That one
I'm going to take. And I'm going to align it,
not just left and right, but I'm also looking at the
guides to make sure that the distances are the
same there and there. Once again, this one here, if I move it along a little bit, it's aligned to, this
one's aligned to that. And I think that one is
aligned to that one there. Although to be honest, I think with this bottom one, I might try and actually
change it so to lines maybe to the bottom of that rather than the
top of this one. Or if I made this box
a little bit bigger so it lines up to there. And it's so much more pleasing, especially if I can align
that one there and then pull this one down to that. Moving on to hierarchy. Hierarchy is the importance
of items on your page. Now, looking at
this example here, it's all aligned,
It's absolutely fine. There's some interesting colors in there, nothing special. But if I took those same
shapes and did them like this, now straightway, we know
this is the important part. Then we go to that one there, and then we go to these
bits over here as well. The hierarchy is so important, and this could be
photos that are hierarchical or
it could be text. You could have a title there
and less text in there. Now, did I use this when I designed the document?
Certainly, I did. Let's go back to this page. Over here, I used a blue
picture in the background. Therefore, I used a
contrasting color, which is this orange
over here on the lines, just contrasted as you can see, I've got my text which
is in hierarchy form. So I've got the bigger text over there and the smaller
text in there. They're lined up
perfectly in there. Likewise, these
lines are lined up with a space there
and a space there. And that space is the
same as that space there. They are also
opposite each other. So I've got symmetry going on, because this one
is on this side, and that's on that side. I've got balance going on. There's a lot of blue over
here to counteract it. I've got some blue text
going on at the top there. Don't get too hung
up on having to have all those principles in
every single document. Just try and incorporate as
many of them as you can. And when you're looking
at your document, if you think something
doesn't look right, it doesn't feel right, just go back to those principles
again and think. Maybe it's the balance.
Check your alignment. Always check your alignment. Maybe I can do
something else with repetition. Have fun with it.
23. Introduction to Infographic Video: One of the things that
you'll find people ask for quite a lot are infographics. Now the problem of using a
template really infographic is it doesn't always
match up to what you need the data to show. I'm going to show you how to
make a custom infographic. We're going to animate
some things in. I also want to show
you how to use one of the add ins to do charts, so we can do charts and
graphs directly in Express. You can even import your data from something
like Excel if you wish. We're going to animate the whole thing and it's going to look amazing
when we're finished.
24. Add a Background: Let's do our infographic for an Instagram reel now
on this main page. I'm just going to use one
of these. Get started. There's an Instagram
reel right there or obviously you can find
it in the social media. You know that stuff by now, I'm sure backwards, We're going to create
this from scratch. This should give me
1920 by 1080 pixels. It's also known as ten TP. You can check it as
you know in your res, there we go, 1080 by 1920. Now the first thing
I'm going to do is to find a background for this. And I'm going to do
that by going to the media into photos. And I just want to
steal background. If you want to do
something which is moving, that's absolutely fine. Looks quite cool. But I'd suggest using
a stationary thing first and steal image first. That way, once you've got all your animation
in and you can then do a video for the
background and you might find, oh my goodness, there's
just too much movement. Anyway, I'm going to go over here and you
can see I've been searching already for something
interesting and green. I'm going to use some
green and yellow paper or just green paper
in the background. It doesn't really
matter what you find. I'm just looking for something exciting or
interesting like this. Not too detailed, but we do want some sort
of texture in there. That one looks quite nice. I rather like the look of that, but I can just keep
going. There we go. That one's probably
the one I'm going to choose and I now want to just scale it up and
rotate it around like so. Or we can actually
just go in and use the Make background button
that you'll see down there. So I'm happy with that
as my background. Now my video itself is going
to be the full 15 seconds. Ideally, a Instagram reel should be up to
about 15 seconds. Obviously, you can do them
longer, but that's ideal. I'm actually going
to pull this out, so I'm going to
get my 15 seconds. Let's just zoom that out
a little bit like so. And keep going. So I can see the whole timing of this video. See that is 17 seconds. That's too much. I'll just
go back to 15 in here. So the first thing that's going to be there pretty
much all the time, is going to be the bit
of text on the top. So I'm going to put that in
once again over to my text. I'm going to go and
add the text in here. And put in whatever
text you want. I'm going to do this as a
green planet or pure travel, something along that line. That's why I'm using
the green background. I'm going to go
with pure travel, obviously to show
up really well, that's got to go on white. I'll just click in my text, Go down here, that the fill is going to
be white in there. I'm going to also
go, I'm going to use the dynamic text over there so we can just
get two bits of text. Like so I might change the typeface and
let's just have a look. We want this to be a
little bit thicker. You can choose from anyone
of these that you like. I'm just looking for something
fairly chunky or delicate. It's entirely up to you. That's quite an interesting one. It's got that earthy feel to it. I'm just going to pop
that right over there. So that will be the first
bit in there that's going to be there all the time
throughout my whole video. There's not going to be
any movement on that. But I do want to fade in, so I'm going to click on it. I'm going to go down to
my animation in here. In then going to choose Fade. And I'll just get
that to fade in maybe over a half a second
over there. Reasonably quick. So it just starts up, comes right in, so if you'd
like to get that far. And then we will take it
on and we'll start with the actual bars that are going to animate
into the picture.
25. Animate the Bars In: As you can see, I found
another background because I thought
the other one was a little bit too light. You can always change the
background as you go along. Let's start by bringing in the little bars for
the infographic, and there's going to
be three of them. I want the tops to
be rounded off. I'm going to go along
to the elements and I'm going to go
over to the shapes. I'm going to just use one of
these rectangles in here. Now the rectangle doesn't matter what color
it comes in with, I'm going to pull
that down and put it in until we get the
nice rounded top to it. You can make them as wide
or as narrow as you like, so I'm going to pull
that down a little bit. I think that's going to
be okay for size wise. I quite like that, but I'm going to get
rid of the border. So I don't want to border, oops, don't want a
border on there. And now I need to
change the color. But first of all, before I even change the color, I think
I want three of them. So I'm going to just make sure that these are actually
the right width. I'll just zoom in
a little bit like that and pull it out there, because I want that
width over there. There's going to be
three of them, So one, I'm going to hold down the
Altal, the option key, and drag that to make a
second hold down the Alt, the option key, and drag a third time to make
the third one in there. You can see as I
move them along, it shows me that they're
all lined up with that little smart
guides in there. And then just move them so that they're right
in the middle, like so now it's a matter of recoloring them
and changing the height. Let's do the color first. This one's quite a dark green. That's fine. It sort of
matches that green there. This one, I'm going
to change the green. I'm using a sample tool to sample colors off
of the background, so I think I'll take quite a light green for that one there. And this one here, let's get
a different green for that. Once again, I'm just
going to go into my fill and pick another green. Now they just need to be moved
into the right position. This one I'm going
to move downwards. That one's going
to be way up high, or you can see now that
it's not high enough. I'll just move this
one down a little bit. I'm going to zoom
in. I'm just going to use my command or
control to zoom in. You can see now if
I grab the bottom, I can just pull that
out over there. Lastly, we want these
to come in and then we want them to animate
in one at a time. This one's going
to come in first, then one, then that one. Let's start with this one. Going down to the scene, I'm going to make sure I
show the layer timing. This one here is that object. If I get that, I'll move it in just a little bit over there. Once again, zoom in. If you can't get
hold of these bits, the animation is going
to start off over there. I then want to move this in. This one comes in quite soon. Maybe just after that,
I'll bring this one in. So I'm going to
click on this one. And once again in move
that up to there. The last one is going
to come in over here. So I'm going to click it
and move it back to there. The timing is going to be, let's zoom out a little bit over here so
you can see the W, the whole thing that
comes in fairly quickly. You can move them further apart. If you want more drama, I'm going to select them. What I want to do now is to
change the animation in here. If I selected all three of them, I can go to my animation down
there and I can go to In. And then I can choose
now I want them to actually drift in or slide in, it's either or of those two, I'm going to go with slide. I want them to slide upwards. If we do that, they'll just
come in one after the other. Very quickly like so. Let's have a look at that again. First 1, second
one, third one in. Once we get to this point here, we then want to get
the text to fade in on those three little bars, but have a bit of
a go with that. I think I've actually, by mistake, moved
one of these across. I'm just going to pull it in. There we go, so it's
properly lined up. Do check. It's easy to
move things by mistake. Have a go get those 3 bars, animating one at a time. And that's going to be over, about 12, 3 seconds in, so.
26. Animated Text: Now one of the things that
you need to be careful of when you're doing things
for social media overlays, especially with videos
because very often Instagram and Tektok will have overlays on
top of the video. And I'm a bit concerned that my pure appear is going to be cut off with
some sort of overlay on top. And I've got to be careful
that I don't put anything too close to the bottom as well. And sometimes we have some
things on the right hand side. So what I'm actually
going to do is I'm going to take pure
down a little bit. Now if I take it down and it's touching the top
of this one over here, that causes visually
a little bit of tension in the picture. You can see it just
doesn't work very well. So I'm actually going to take this and move it
up on top of that. This one's going to be a
little bit taller like, so I could keep going
if I want to further, but I think just
over there so we can just about tell
that says travel. And that's fine because people have read that at the beginning, immediately it's coming
in there were in pure travel and then that
one goes over there. Do watch that. Nothing
too near the top. Nothing too near the bottom. I'm going to bring in my text. Once again, back
to the text tool, I want some simple white text which I'm going to
put on the side. So I'm going to say
add text in here. I'm going to have
three things in here. Scooters, cycling and walking. I'll have scoot, I'm going
to say scoot in there. I'm going to get
this one correct. So I'm going to zoom right in with my short cut over here. Command control there,
select the text. I'm going to go into
my options here. I'm looking for something white, so I'm going to choose a
white fill over there and maybe something which is easily readable but will look
quite cool on the site. I like that one there. And I'm just going to rotate it, so I'm using upper case so well it fits really
nicely into that area. Let's zoom out a little
bit. There we go. Not too close to the
bottom or people won't be able to read your text. Once again, I'm
going to hold down the old key or the option
key and make a copy. Same again, let's have
a third one over there. I'm going to zoom in a bit. This one's going to go
right to the very top, this and this is going
to be walking because that's the most
environmentally friendly one. We'll have to move that down just a little
fraction over there. And this one is going to be cycling that goes to the top in there. Now, although it's
in the middle, it doesn't look quite
like the middle. So I'm just using the arrows on my keyboard to move
it around visually. So it looks okay. I think it's because of
the angle of the W there. Now we need to decide
when to bring this in. We want the bars to come up, and once they've come up, we then want to bring
in those bits of text. Let's go to this bit of text
here and drag that to there. We're going to go to this bit of text and drag it to here, and that bit of text and drag
it to the same position. Once again, playing this. And they all come in
at the same time. Sometimes it depends on what tool you're in
and what you're doing, but you can actually
use the Spacebar to get things to play. I'm just using the
Spacebar on to play and press it again to stop, make sure you're not in
the type tool because otherwise you'll just be
typing spaces obviously. I'm going to select
those three items. I'm just holding
down the shift key to select all three of them. I'm going to go down
here to my animation, and I'm going to animate
them in using a fade, it's going to be quite
a fast fade in here. You can change the
possonality of your fades. So I'm just going
to keep it as soft, but fairly quick coming in. Let's test that out again.
27. Animate Out: Let's have a look at the timing. I want people to have
enough time to read those 3 bars starting. They come in, people go all cycle walking,
scoot and stop. Now I want them to disappear. I'm going to once again, as before, just start
to fade things out. So walk cycle will be
fading out at one time now. Oops, let me bring
them in again. Let's start off with
Scot and I'm going to pull it up from the bottom. Go to walking, pull that one up, and lastly cycle and pull
that up. That's the end. So that's where they
will disappear. Let's try that now, play. Is there enough
time to read them? Yes. Now the other thing that I'd like to do is I'd like
them to fade out quickly. So I'm going to select them. 12.3 I'm holding down the
shift key to select them. Go to my options here. Go to Animation, Fade out. And let's choose fade
with a very quick fade. Those should work now
let's try that out. And they come and
fade in and fade out. At this stage then while they're probably
starting to fade, I want to then get the little
bars to move down as well. Let's start with that. This one I want to go first. I'm going to click on this one. What I'm going to do is
I'm going to pull this across to where I want it to go. Let's see where that is. So those fade out there. I'll pull this up to that point. This one, the bar, if I go down here, that's going to actually
slide out again. So I'll choose slide and it's
going to go downwards over. There may be a half a second.
Let's check that out. First of all, make sure
it works before we do. The other ones comes in. I think this could
start a little bit, just a fraction later. So I'll just pull
it on a little bit. So actually the text
will just disappear. And then that can start to move. While that one's moving, then I want the next
one to start to go. I'm going to drag
that up to there. And once again do
exactly the same thing with the animating out, slide out, going downwards
over half a second. That one goes, I think I've got that
one going too quickly, so I might have to elongate
it in a bit in there. That one slides out, then that one starts to go, and then we've got the
last one over here. So let's pull this
up a little bit. Like I might have to pull
it across a bit more. We'll check it out
and see how it works. I'm going to be
sliding out downwards, and I think it goes too quickly. So I'll just move
it on a little bit. I'm having problems moving it. You can see it pull it, and
then it suddenly jumps. Zoom in that way. You've got a bit more control,
let's have a look at that. And then that finally, I might have to shorten that one just a little bit like that. Check this out from
the beginning. Always keep going back to the beginning and think
about your timing. Can people read what you've got? Is it working? Does
it make sense? There we are, that's perfect. So do have a little bit of a go with that and get those
things to disappear. And then we're going to
be bringing some text and a sunshine type of thing
in the background as well.
28. Add Dynamic Text: Now let's bring in a
bit of text in here. I'm going to go to my
text tool, add some text. I'm going to make this
text a lot smaller. Before I paste in the text, I've got some texts
that I've copied just about pollution and polluting
cars and buses, et cetera. I'm going to make
it smaller first, otherwise the text will
just go all over the place. I'm going to paste my
text in over there, there's my text and I'm
going to pull it in a little bit and it's
going to go over there. But I want to be a little bit
more interesting As always, I'm going to try the dynamics, which actually looks really good because you can see
some of those words. If you look really closely, say things like pollution
and diesel, et cetera. I'm going to change the
text color to white. Zoom in a bit so you
can see this over here. I've got this really Corbitt in there with some of the words
being bigger than others. That just makes a lot of
sense what I'm doing in here. I like that I might move it up a little bit more over there. And then I want to start, I want to bring it in when the rest of the things
have finished animating. I'm just going to pull
it across to here. Let's have a little
bit of a look. Those will come in.
They disappeared down. As they're disappearing down, I want this to appear. I'm going to go over
to my animation. I'm, I'm going to fade it in. Let's have a look and
see how that works. This a bit of a gap where there's nothing going
on in the background, so I might even move it up. I'm going to zoom in
and just pull this forward a little bit over there. So it's kind of just
about starting. I want to start about there. Let's see how that works. Great, so there's no sort
of dead screen if you like. There's always
something going on to keep people's interest.
29. Charts and Graphs: Let's make a chart here. I want to do a pie chart. I'm going to go down
to the add ons. In add ons, there's something
called a simple chart. I think it is all simple graph. There are simple chart,
that's the one that I want. You just have to
click to install it. Then over here we can
then start to bring in the details for our graph. We can choose different
types of graphs. In here, I'm going to
choose the doughnut graph, I think, rather
than the pie chart. The doughnut graphs look very, very cool down here. I can then add a
particular label for something and a value. Let's start over here. This will be the Scooter. I'm going to give
it a value of 50, then let's add that in, And
you can see immediately, it's made the chart in there. And then I'm going
to have the cycling. I'm going to give
that a value of 140. Once again, we'll add that in. Let's do, the last
one will be walking. I'll give that value of 250. Once again, just to
add that in as well. That is our graph in there. Now the color, they leave
a lot to be desired. To be honest, what I'm going to do is click on the color here
for the different parts. The most important one, I suppose, is actually
going to be the walking. Let me click on the walking, and I'm going to go
and change the color. In here, you can
say, I can click on the color to open
up this little bar. I can then change it
to a different color. I'm going to go with
something a little bit more yellow green over there. I think that'll, it'll
work quite well. There's also a transparency. I'm going to make it
slightly less transparent. You'll see what happens when I put this over my background. This transparency means that
some of the background will show through and the texture
will show through as well. So I'm going up to about
there. Let me do the next one. This one here, once again I'm
going to go with a green, but maybe a slightly darker, more bluey green color. And once again, change
the transparency. You can just experiment with
them to see how they work. This last one over here, let's go with more of a yellow, very yellow green in there. And I'll pull that
across to there as well. I like those three colors. They're very similar to
the background colors that I've got in here. Now, all I've got
to do is generate it and it will make
that graph for me. It should have come
in, there it is. Right at the top, you can see the transparency
is showing through. I'm going to pull that in and I'm going to make it a little bit larger over there. Do have a bit of a go with that. Go along to your
simple chart and just put in the values
in here and the label, you don't have to have a
label if you don't want one. And then you can just change the color of the
individual parts, whether it's something
more modern like this, like a donut graph or a traditional pyograph or any of the other graphs
in there as well. Vertical bars, I can do
something along that line. I'll just generate that, there it is over there. If I wanted something
a little bit more traditional that really
are as easy to do as that, have a bit of a go with those and create an interesting graph.
30. UnDraw Plug in: Now, just before we leave this, a few other bits to notice, there is a hide label
option in there, so we can hide the little
labels that pop up. If you see numbers on your
pie, you can hide them. You've also got the option
yet to drag in a file, for example an Excel file or a CSV file into there
to pick up the data. Now what I'd like to do though, is I'd like to actually put
in some images on there. One of a scooter, one
of somebody walking, and of a bicycle. I'm actually going to
also in the add ons, go along and find
another add on in here. This one is called undraw're,
going to click on that. I'm going to search for
cycle, find a cycle. There we go. That one
looks quite good. Then I want to change the color. Now you can see over here, that's brought in the black one because I clicked on it already. Let me get rid of
that. I'm going to change the color and I'm
going to make it white. Then when I click on it, you can see it'll
bring in a white little cycle over there. We want three of them.
We want to cycle. They've given a scooter already. Let's have a little
scooter in there. Get a bit on large
site for the moment. Let's have a walking, a
walking, one running. That's power walking.
That will do very nice. I'll just click on on
that, to bring it in. There are my little icons. All I'm going to
do now is to move them into the appropriate areas. Now remember, with
all these things, they come in right from the
beginning of the video. We want to start them about this stage here
where this comes in. What I'm going to
do is I'm going to go in and I'm going to
start off with the graph. I'll click on the
graph of the chart. I'm going to drag
that up to there. I'm going to go to the options. I'm going to get
that to animate in, and it's going to
fade in as per usual. I'll do that about a second. Maybe a fade in there. Same over here with these, we've got that one that'll
start there as well. This will start there too. That'll start there as well. But these three, I'm
going to also fade in. So I'm going to get
to animation in, fade in, but I'm going to give
them much more of a fade. So let's try 2 seconds in there. Let's see how it works.
So we'll just go back to here. Play that. Those fade in and the pictures
fade in slowly as well. They do need to be moved around because you
can barely see what, what some of them are.
Do. Try that out. Have a bit of a go once
again, bring those, those in. Remember not too much
detail down the bottom or you'll lose it on with the
social media overlays.
31. The Final Timing and Animations: Now, I'm going to give
people enough time to read what's going on
there and absorb it. Then towards the end, I want this to fade out. And I want to have
a piece of text in there that says,
love the planet. I always want to bring in a sun. The whole idea behind here
is the sun's coming out at the end and everything
is going to be okay. Maybe about four fifths
of the way across here. I want to get all these
things to fade out. I'm going to then go in and
look at them individually. So it's going to be about here. Let's start with
these ones here. And they are going
to be disappearing. Now I want to make sure
that they do fade, so I'll go to animation. Fade out and they're going to fade out
over half a second. I'm going to make sure that
this one will also fade out. Will change its position in a moment. That's
going to fade out. This one's going to
fade out as well. We're putting some
fade out there now. I need to move them
across as well. Let's start with this one here. I'm going to move that up there. I'm going to go to the people, or bicycles, shall I say, That's going to fade
out at the same time. This one's going to fade
out at the same time, and that one's going to
fade out at the same time. Then the text, I'll get there
to fade a little bit later. Just a fraction later, the ending is going
to look like that, They fade out, and that
one disappears as well. In fact, maybe the
text will fade out. Oh, I didn't fade the text
out, I thought I had. But it's going to fade
out slightly longer, maybe over 2 seconds for
the text to disappear. Let's see what that looks like, can go on for a
little while longer. Then I'm going to bring
in some text over here. I'm just going to the
same type face that I was using for the other
things, plain type face. I'm going to go to my
add some text over here. This is going to say
love the planet. I will zoom in so I can
see what's going on. With that, I'm
going to go down to the usual dynamics and I'm
going to pull this down. So it goes over a
few lines like that, let's change to your, make it more personal that's better love
your planet like so then obviously we're going
to select that as usual. Fill that with white and maybe change the typeface to
something a little bit thicker. If I could find the
same type faces that, I'll probably do that
quickly as well. Otherwise, I could
just use bold in that we move that into
the right position. That's going to start
towards the end over here. So let's play that out.
So that fades out. And we have love your planet
coming in fairly large. Just scaled up a bit down there. And I'm centered it as well. I think with love your planet, we will fade that in again. So we get the sort of soft fade between all of these items. This whole fading thing
is a personal preference. If you want to bring
them in harsh or if you want to bounce them
in or drop them in, it's entirely up to you. That will then fade
in over there. And in fact, I'm going
to get it to start fading in a little
bit further up. I'll just pull it
up to about there. That one's going out and the lovely planets
coming straight in. Lastly, I want to
bring in a sunshine, which is going to sit behind the pure travel as well.
Let's go and find the sun. I'm going to go to the
elements and I'm going to type in in the design assets. Sun, there's all sorts of
different sunshines in here. Pick anything that
appeals to you. I quite like that once
I'm going to choose that, make it a bit bigger,
make sure it's selected, make it a little bit
bigger like that. I'm going to move
it up over there. And I'm going to move it
below all the other text. I'm just scrolling down to get it to go all
the way down to the bottom but not
below the background, so it'll sit back over there. Now, maybe I only want to
come in towards the end after people have read all
of that stuff and then the sun will come out over here. So I'm going to pull it over to there and I
want to drop it in. The animation I'm
going to use is to bring it in from
the top or the side. Let's get to
animation animate in. And that's going to be
coming in from the side, so I can drift it in from
the side or the top. Let's try drifting
it in from the top. It's going to come in
from the top there. We'll have something which looks like that as the sun comes in, might be better to get
the sun to come up. It's more usual
thing rather than the sun going down.
Let's try that. And the sun comes up over
that when it's in there, I might want to move as well, to just give a little bit of life to it so I
can go to looping. And there's all other options
from blinking to pulsing. That pulsing is quite nice. It's tri pulsing, but I don't
want to be too intense. The pulsing, let's
look just enough, let's try that out. Some comes out
little pulses like. So now there's only one more thing
that I want to do with that. And that's right at
the very beginning where these little
bars have come up. I wanted to look like, it's almost like a graph and it's going up to a
specific number. But to do that I need some grid in there and I'm going to actually
create my own grid. It's not going to
be a grid, it's going to be a hole of lines. Let me go and do that. Now what I'm going to do is I'm
going to go to my elements. I'm going to go to shapes
and I'm going to find the lines I store sun up. That's why I'm going to go
to shapes and I'm going to find the lines down
here, spew them all. There's a straight line there. I'm going to then make
some copies of this. I don't want to go across the whole thing just
delicately up one side. But before I go any further, I'm going to change the color
to something that I want. I'm going to use
white. I'm going to hide this so I can
see what I'm doing. And maybe zoom in a
little bit like that. Now I've got the one there. What I'm going to do is I'm
going to hold down the option or the old key and drag
it up to make a copy. I'm going to do
another one over here. And you can see as it
gets to the position, it knows how far it is
away from the other one. You can actually just
get them aligned up fairly easily that way. Now, once you've
done two or three, then you can select those. So I can select that one. Hold down the shift key,
that one and that one, I can do the same again, so I'll just hold down the
alter the option key and op. I've done it with my background, this is where it does
get a little bit tricky. So I'm going to select that one, that one and that one. Make sure I'm on one
of them, at least. Let's go to the middle one here, hold down the altar,
the option key, and drag them up. Once again, you can see, there we go, I've got the
same distance over there. I'll do the same again,
just redrag it like. So watching my distances
and one last one. Oh, now it's so easy to pick up that background by
mistake, which I've done. This one. This one and this one. And I'll make a copy
of that up to there, didn't quite get there.
Let's try that again. That one, I think that's right because I
keep going off the edge. Let's try that one. And this one here, hold down the old key
on the right one. And drag that up.
There we are, right? I've got all of these shapes. Now what I'm going to do is I'm going to select
all of those shapes. Let's see if we can
select them this way now. Won't let us select
them that way. I have to just do them by
selecting them manually here. It's so easy to click
on the wrong thing. Sometimes it's actually
easier to just go into the layers and then try and
select items from there. But I'm going to hold
down the shift key and just work my way through all of these to select them. Once I've done them, by the way, I'm going to group them in case you're wondering
why I'm doing this. All right. We, I
want to group them together in the options here, there's an option
to group things. I can group them together.
And you can see there's 11 objects now inside there. And then I'm going to hold down the old key and make
a copy of that group, and just drag it in a
little bit like that. We've got that one and that one, and I can group them
together as well. So we've got two groups in one. The great thing now is
that I can move this group around if I need to put
it wherever I want. I'm just going to have
it just on the side there and I'm going to
reduce the capacity. So it's a little bit more, well, a little bit
less in your face. Let's have a look at the
time line over here, because we don't want to
be there all the time. Firstly, if I just click on it, I might have to go right the
way to the top and find it. Click on it. I'm going
to go to my animation. I'm going to animate
it in over there. Over 1 second, that's fine. And then it's going to be there with all these things
until they disappear. Of course it's going to
disappear if we pull it in a bit from the right
hand side over there. And I'll animate
that out as well. And she'll be getting
really used to all of this animating out business. The last thing I
want to do is I want to move that below
the other objects. So I'm going to
take those groups and pull them down until they go underneath everything else except that background picture. So they're all behind
the change the capacity ever so slightly, right? Let's play this
from the beginning and see if there's anything
else we need to do. It starts off here, they all come in. It's all. Absolutely. There's no
big blank areas in there. I can read the text. I've got enough time to
go through the text. Sun comes up at the end
and that's it. Finished. If you wanted to.
At the very end, you could take, say
for example, the text. And just fade it out once again. We'll go to the
fade. Fade that out. We'll fade that one out as well. Just leave the sunshine
on the screen. So we'll fade that out there. Let's just look at that last
little bit over there. Play. That sun comes up.
Those fade out. I thought my pure
travel was fading out. I must have done
something wrong. Fade out. That's done, yes. Let's see, last little bit, they fade out and
just leave the sun. Once you've done that, you
can then just download it. So I go to download
up here, P 4108. Click on download to save that. Have a go with that.
32. Create a Mockup: Now as a little bonus, I want to show you
how you can put your screen into a mock up. We're going to go to
the add ons over here, and I'm going to choose
an add on called mock up or mock up as it
seems to be called. If you look at the spelling,
I'll click on that. And you can see
straight away what it's done is it's shown my screen, my video screen in
different areas. I could choose one of
those very quickly and have my screen
in the device, but as you can see, it's
not ideal over there. It's to one side
because it's showing me this at the moment
with an iphone 13. That's because that's
what she's holding. If you go to the other images, you might find it's
on different devices. We click over there,
we've got on an ipad Air. The issue is that as
you're choosing these, it might not fit
onto the device. Let me go back again over
here and I want to fit this onto that phone that the
person's holding on the bicycle, like that one there, but I need to move it over. What I'm going to do is I'm going to say Change screenshot. And I'm going to click on Crop. And then in here I can just move this over into the
right position. I'll move the crop across to
the middle, apply the crop. And you can see it's
absolutely fixed in there. And then I can just export
that mark up in here. You get five free ones, otherwise you have
to pay for them, but you still have to register
for the free ones as well. Let's change this
to something else. So I'll just go in and say, well what about if it
was like that one there? We can just change
the screenshot, reload the current page, and you can see that's what
I've got now on there. And once again, I can just
export that out anyway. Do have fun with that and create some really cool mock
ups of your work.
33. Well Done & Thank You!: Well done. You've finished
the whole course. I bet you're creating
incredible work and you're an absolute
master at express. Now please remember
to leave us a review. It really does help us to
make better content for you. Go out there and
create incredible work with your new skills. Don't forget to share them. We love seeing
what you're doing. Most of all have lots
and lots of fun with it.