Making simple infographics with the new Adobe Express
Learn how to creatively communicate content using infographics with Adobe Express
Having the ability to create infographics is a great way for teachers to communicate important curriculum content and also a creative way for students to consolidate and display what they have learned. An easy and effective way to create infographics is with the new Adobe Express, a free program for all K-12 schools around the world.
Watch 'Making simple infographics with the new Adobe Express' (39:58)
(Duration: 39 minutes 58 seconds)
[Red and blue logo revealed reading ‘STEM 2022 on demand’.
Screen shows Tim Kitchen on the right-hand side. Beside him on the bottom left reads, Dr Tim Kitchen, Senior Education Specialist, APAC’. Above this the title reads, ‘Making simple infographics come to life with the new Adobe Express’ and Adobe Express is represented as an icon. The top right-hand corner displays the STEM 2022 logo accompanied by the text, ‘Education for a rapidly changing world’.]
Dr Tim Kitchen:
Hi folks. Thanks for the opportunity to be part of STEM 22.
You know, it doesn't matter what subject you're teaching or what subject you're learning, whether it's a STEM related subject, a humanities subject, an arts area or any area of learning, having the ability to create info graphics is such a great way for teachers to communicate important curriculum content and also a terrific and creative way for students to console update and display what they have learned.
[Screen reads, ‘adobe.com/express’ accompanied by the app icon. Below this screen shows the Adobe Express dashboard. It reads, ‘Make a new project for free.’ And shows a variety of templates below, ‘What will you create today?’ including, ‘flyer’, ‘logo’, ‘banner’, ‘social post’, ‘social story’ and ‘social ad’.]
And there's no easier and more effective way to create infographics than with Adobe Express Adobe Express, formerly known as Adobe Spark, but with so much more these days, is available to all New South Wales schools through their school logins via express.adobe.com, or it can be accessed through the web resources section on the creativecloud.adobe.com portal or the Adobe Creative Cloud Desktop App.
[Screen shows Creative Cloud apps page, to the right of ‘All apps’ on the top bar ‘Web’ is circled, and below this under the Adobe Express app tile, ‘Launch’ is circled.]
Let's have a look at how to get access. all right.
[Screen shows Tim at a computer workstation and the Adobe Express log in page open on a computer screen. The content on the computer screen then appears full screen.]
Let's log into Adobe Express through express.adobe.com. Now I've already typed in express.adobe.com. into the address bar and this is what should come up.
[Screen shows Tim’s mouse hover over the ‘Log in with school account’ button.]
And what we encourage you to do is to make sure you're logging in through the school account.
[Screen reads, ‘Adobe Admin Console, adminconsole.adobe.com’.]
Do double check with your school admin that they have registered you and all of your students through the Adobe Admin console so that they can access the full version of Adobe Express through the school log in. I'm going to do the same here. I'm just going to log in with my school or company account.
[Screen shows Adobe Express dashboard. The top of the page reads ‘Create a new project’ with various templates underneath. Screen zooms into a white plus symbol inside a purple circle in the top left-hand corner of the page.]
And I'm now in because I can tell that I'm in because I've got this add button to the top left-hand corner just below the Adobe Express icon.
There might be an onboarding site that appears just to introduce you to Adobe Experience. Feel free to close that down and just make sure you do see that. Plus add symbol below the Adobe Express icon. That's how you know you're logged into Adobe Express though express.adobe.com.
[Screen reads, ‘Other ways of logging into Adobe Express’ and Adobe Express is represented as an icon. To the right it reads, ‘see – adobe.ly/express-nsw’.]
An infographic is an image or poster that summarizes a topic and presents information in a simple way with a graphical representations and minimal text. By turning information into icons, symbols, maps and charts, infographics are ideal for teaching students at all levels in any curriculum area and at any level of complexity. A great way to start building an infographic is to look up some of the free and editable templates that are available via Adobe Express. Let me show you how.
[Screen shows Adobe Express dashboard. Screen zooms up to the top search bar, the word ‘infographic’ is typed into the bar and a page full of different infographics appears].
Well, it doesn't really matter which way you get into Adobe Express once you're in, the fun can start. So we're looking at creating an infographic using some of the templates that are available within Adobe Express. Right at the very top centre, there is a section here that says Search all templates and what you could do, first of all, just type in the word infographic and when you click enter, you're going to see a whole range of different types of infographic templates that are available for you. You can scroll through and look for one that you kind of like the look and feel.
[Tim selects one of the infographics and it opens onto the screen, it shows a strawberry plant life cycle.]
This one looks quite nice. I'm going to click on this one and it will appear as an art board.
[Tim moves his curser around the page, hovering over ‘Edit text’ on the right-hand side.]
And when it's loaded as an art board, what you can do then is just click around the different features make changes to it, readjust your your text, make changes to your text over here on the edit text window and look at all your different text options. We'll have a bit more of a play with those a little bit later, but that's just one way.
Let's go back to the main dashboard now by clicking the Adobe Express icon on the top left-hand corner. And let's say you've got a particular topic that you want to do an infographic about rather than just generically searching for infographics, what we could do is actually choose that topic.
[Screen shows Adobe Express dashboard. Screen zooms up to the top search bar, the word ‘photosynthesis’ is typed into the bar].
Like I might choose photosynthesis, for example. If I click enter for photosynthesis, so let's just see what comes up. Here we go. A whole lot of posters and infographics based around photosynthesis. And what you can do is is click on someone else's work and then use that as the template and go and remix it, rework it. And there's lots of great options here for you.
[Screen shows Tim click through, ‘Edit image’, ‘Edit shape’ and ‘Edit text’.]
As you started to click through the art board, you can see the various changes that you can make.
For this presentation I've created a template based on the key skills to thrive in the future according to the research from the World Economic Forum, the top skills that employers are looking for in young people as they come out of the education system are problem solving, emotional intelligence, collaboration, critical thinking, active listening and creativity. Let's create an infographic based on this template.
[Screen is titled ‘Manipulating text’. Below the title reads, ‘Type this URL into a new browser window https://tinyurl.com/skills-template1’. Below this is a custom design. In a yellow oval in the top-left it reads, ‘Skills to help you thrive’ and below it to the right is a larger yellow oval. Along the rim of the yellow oval are 5 smaller blue ovals. Inside the blue ovals is text. Clockwise from the top they read, ‘Problem solving’, ‘Active listening’, ‘Critical thinking’, ‘Collaboration’ and ‘Emotional intelligence’.]
I'm going to bring that short URL into my browser.
[Screen zooms into ‘Remix this design’ button.]
Once I click enter it looks like this and I've got that remix design button down the bottom centre. There you can see we've got the main skills to thrive according to the World Economic Forum, except there's one missing, and that's probably the most important one that kind of glues them all together, and that's creativity. So let's remix this to finish off this infographic. I'm going to click remix this design, and now it's coming into an editable format. First thing I want to do is get the word creativity in there.
[Tim hovers his curser over tools on the left-hand side of the page. These are ‘Templates’, ‘Text’, ‘Photos’, ‘Shapes’, ‘Design assets’, ‘Backgrounds’, ‘Logos’ and ‘Libraries’.]
So look, on the left hand side, you can see the main tools that allows us to bring in more templates, text photos, shapes and icons, design assets, backgrounds, logos and access to our libraries.
[Tim selects ‘+ add your text’, types ‘Creativity’ and moves it into his design. Tim demonstrates the different options in ‘Text’.]
If I just click text because all I want to do is have the word creativity I could use some of these amazing text templates, but I'm going to just go to this button here that says, add your text. By clicking, add your text. I can then just start typing the word creativity and it'll appear on my art board and I can then move it across to where I want it to be positioned. I can scale it if I want to with these little handles on the corners of the text box, even angle it slightly and so that is looking pretty good.
While I'm in text mode, what I can do now is go over to the right-hand side and I've got a few options here to edit the text for content within the text, change the colours, work with the colour scheme that's already there, or totally change the colour. Change the fonts, change the size of the fonts, the alignment options; there’s some really cool alignment options. Like I can have a curved alignment, which is not what I'm wanting, so I'm going to jump over to my undo button at the top centre. You can also just click control Z or alt Z, and that will do the job as well.
And I could go down to here where it says, shape, click on the little button next to shape and it brings in a shape and I can change the colour of the shape and the the type of shape as well If I want to. Or I could bring in a drop shadow and change the colour in the angles, I could bring in an outline. The other option here is to look at some of the amazing font recommendations. If you're not happy with the font that’s there, you can click on an alternative and that will appear for you. I'm actually happy with the ones I'm going to undo that one and so that's how you bring in text and manipulate text. Of course, all of the other text elements are sitting there as well, and I can do exactly the same changes to those if I wanted to. To make this more of an infographic of your style.
[Screen reads, ‘Adding shaped/icons to your infographic’ and Adobe Express is represented as an icon.]
One of the things about infographics is that they are very much based around icons and shapes and not a lot of text. So let's have a look at how to add in different shapes. One of the key shapes in many infographics are arrows.
[Tim selects ‘Shapes’ from the dashboard and a catalogue of shapes appears. Tim types ‘arrow’ into search and arrows appear.]
So if I go to the left hand side here with my cursor and below my text option below photos is the shapes tool. When I click on that shapes button. What we can see here is a search engine for different shapes, basic shapes, more shapes. If I do a search for arrow I'm going to get a set of basic shapes, 15 different basic shapes and 145,388 other types of arrows. Now, the difference between basic shapes and more shapes is that basic shapes can be manipulated and stretched and changed a lot more than the more shapes more shapes can be reoriented, but they can't really be manipulated as much. So I'm going to choose one of these basic shapes here, this one I quite like.
[Tim inserts an arrow on the left-hand side of the page. Tim manipulates it on-screen and demonstrates the different options in ‘Shapes’.]
And as I close this panel, we can see the basic shape has suddenly appeared and I can position it. It's not quite the size I want. So when I click on it, I've got these little handles that allow me to change the shape in various ways, and then I can reorientate it so that it is exactly where I want it to be. And what I can also do is, while I've got that selected, is go to the right-hand side where I can adjust the colours. So I might change that fill colour there to the one that's in the colour palette. So now we've added an arrow and let's create another shape. Let's find out. Let's, let's create a shape that represents creativity and bring it into the art board. I'm going to go to shapes, I'm going to type in the word “creativity”... and I've got 4202 shapes to choose from.
[Screen shows Tim select an image showing an outline of a person’s profile with a lightbulb inside their head. Tim manipulates it on-screen and demonstrates the different options in ‘Edit shape’.]
I'll just grab this one. Just be patient while they're loading it. Just click once and then it'll appear there. If you click it more than one time, you'll get more copies appearing on your art board, which is OK, you can always delete them later.
Once it's on your art board you can scale it with those little handles, just like you did with the text box. And on the right-hand side, we've got the ability to change the colour as well if we want to. I might change it back to something that's already there in my colour scheme. Now I'm going to close that panel and close that panel so I get a good look at what this is looking like. If I wanted to make it a bit smaller or to zoom in down the bottom centre, there's a zoom in and a zoom out option.
So I'm pretty happy with that. And in the next little section, we're going to be showing you how to add a photo and manipulate photos within your infographic.
[Screen reads, ‘Adding photos to your infographic’ and Adobe Express is represented as an icon.]
All right. So we have already showed you how to manipulate and add text to an infographic as well as basic shapes. Let's bring some images, some photos into it. When we click on the photos icon here, on the left hand side, it activates a search engine for Adobe Stock.
[Screen reads, ‘Adobe Stock, https://stock.adobe.com’.]
Now Adobe stock is a whole repository of millions and millions of images. If you go to stock.adobe.com you can have a look at everything. That's not just images, it's also video files and 3D assets and all sorts of things. It's worth noting that you need to purchase most of them, but there are - there is a free section and you can see what's free.
[Tim selects ‘Photos’ from the dashboard and a catalogue of photos appears. The top photos come under the title, ‘Featured free’ and others have a black crown icon in the bottom-right corner of the image.]
If you look at the featured free section, here and what's available free. Otherwise anything that's got a crown on it, if it's a black crown, you have access to it. If it's a gold crown, you actually need to purchase a license, so avoid the gold crowns with Adobe Express.
[Tim types ‘creativity’ into search and photos appear.]
I'm going to do a search for creativity and I've got 1,805,099 different results. So there's a lot there to work with. Most of them have got black crowns, so that means I can use them. I'm going to find one that hasn't got any crown because it's a free asset.
[Screen shows Tim select an image showing a hand using a device with a lightbulb appearing from the device. Tim manipulates it on-screen and demonstrates the different options in ‘Edit image’.]
And when you click on the photo that you want, it will appear on your stage. Once it appears on your stage, you can click on it and you can scale at smaller or bigger. In this case, what I'm thinking I might do is actually scale it so that it fills the screen, fills my whole stage, remove that panel so I can see everything. And I'm doing that because I want to show you the layers side of Adobe Express.
[Screen zooms into Tim’s curser as it hovers on the bottom-right of the screen, above an image of stacked pages that expands. Tim changes the order of layers by dragging and the image now appears behind the design.]
As I click any asset on the art board down the bottom right-hand corner is a little stack of layers. When I click on that stack, you can see all the different elements that appear. I want to grab this image and just drag that down to the bottom so that it appears behind everything. Now that I've done that there’s a few little changes I'll need to make. For instance, I want to make this arrow a little bit lighter in colour. And what else, the text down the bottom here can't be seen. So I'm going to change the colour of that text as well. Or maybe even just move it over here, so it's a bit more prominent. When you click on the little X down the bottom of your stack of layers, it'll hide the layers for. So you can see your whole art board. And I think that's looking pretty good.
[Screen zooms into Tim’s curser and selects ‘Download’ from the top-right of the screen and shows options.]
Now, what I can do now that I've added all the elements to my infographic is I can go to the top right-hand corner, click the download button and then download this is a PNG file, a JPEG file or a PDF. If you choose to download it as a PNG file by clicking start download, it gives you the option of having a solid colour background or as with many PNG ways, you can have a transparent background. So it's good to know that those options are there. I'm going to quickly download this as a JPEG. And so now it's an infographic JPEG ready for me to use.
In the next video, I'm going to show you how to make it into a little video animation.
[Screen reads, ‘Animating and exporting your infographic’ and Adobe Express is represented as an icon.]
Now, turning an infographic into a little animated video, is a very, very simple process.
[Screen zooms into Tim’s curser and selects ‘Animation’ from the right-hand side and shows options.]
All you need to do is go over to the right-hand side, and look for this animation tool. If it hasn't appeared for you, just click away from anything that might already be selected on your art board, and then click the animation tool. You've got a few options here, we could choose the typewriter effect. And if I click on that, you can see that all the text, well, the word 'creativity' comes up like a typewriter. And then, we're getting the other animation to appear. That looks pretty good. I could choose maybe the flicker effect, and see if I like that. So, I'm getting some flicker. And then everything appears. If we scroll down, we can see some animation for the photos. Any photos that are there can be zoomed, or panned. And there's a few other options, too. I'm going to stick with typewriter, I quite like that effect there.
Now notice, once you've activated an animation option, on the top right-hand corner where you go download, you now have the option of downloading it as an MP4 video file, by just clicking Start Download. And that will end up in your downloads folder, as an MP4 video. Which is a pretty cool.
So, you'll end up with a still image version of your infographic, and then a video version of your infographic, as well.
[Screen zooms into Tim’s curser and selects ‘Share’ from the top right-hand side.]
Just finally, I want to show you how to share it in the cloud. Next to the Download button, is the Share button. And before I show you how to quickly publish, I love this button here called Invite. And when you activate the Invite button, you can type in an email address of a group of people that you want to collaborate with. So this becomes a collaboration tool, which is rather nice, as well. Especially considering collaboration is one of those key features that those key skills that the world economic forum is saying we really should be encouraging our young people to develop.
So when you do click Share, there's an option here to publish. When you click on Publish, you can publish it straight to your Google Classrooms. Or, if you're not a Google school, you can publish it straight to your Microsoft Teams environment.
[Under ‘share’, Tim selects ‘Link’.]
Now, if I go ahead and click on this Link button here, it's going to update the link, and it's going to create your own personal URL for what you have created.
[A URL appears and Tim copies and pastes it into a new browser.]
There it is. If I grab that URL, and copy it, and open up a new window, and just paste it into a new window, let's see what comes up. There we go, we're having a look at our animated version through a browser of our infographic. So hopefully that's been helpful for you in terms of how to make an infographic. Either a still image one, or an animated video infographic, with Adobe Express.
[Screen reads, ‘More tutorials and support for Adobe Express’ and Adobe Express is represented as an icon. Below these reads, ‘adobe.ly/express-nsw’.]
Now that we've created both a still image, and an animated video version of our infographic, let's turn it into a video story with Premiere Rush, which is also available to all New South Wales students, as part of the Abode Express package.
[Screen reads, ‘Turning your infographic into a video story with Premiere Rush’ and Premiere Rush is represented as an icon. Screen also reads, ‘Part 1 – importing media and adding titles.]
All right, let's have a look at Premiere Rush. A lot more sophisticated than the Abode Express Video Storytelling site. But nowhere near as complicated as the full Premiere Pro Solution. Let's jump into Rush now.
[Screen shows Tim at a computer workstation and the Premiere Rush dashboard is open on a computer screen. The content on the computer screen then appears full screen.]
And as you can see, as I opened it up, all of my Premiere Rush projects are sitting there for me to re-edit, if I want to. Otherwise, I'm just going to jump up to the Create New Project button, click on that.
[Tim clicks on ‘Create new project’ and Tim’s hard drive appears.]
And you can see, my hard drive is now available. So I got access now to all the files in my desktop, my documents, my download, my hard drive. There's even some wonderful little sample media files that you can play with here, that everyone gets the same. So great to sort of practice and learn, if you haven't got any footage, or audio files handy. I do have a video that I want to bring in, so I'm going to go to my downloads folder, and I'm going to look for that project that I created just earlier with you guys, which is this version, I think, here.
[In the ‘downloads’ folder selected, Tim then selects a file named, ‘My Project’. The file becomes highlighted and a number one is shown over the top of it.]
So, I'm going to click on that one. You see the number one appears, which means I could go and click some other assets, as well, that might be in this particular folder. A good idea is to maybe organise all your assets into a folder to start with, before you start clicking on them. But in this case, I just want the one. You can always grab other ones later, as well.
We're going to give this a name. We're going to call it "Skills to Thrive." And then on the right-hand side, down the bottom, we’ve got the Create button.
[Tim clicks ‘create’ and the file appears with a large preview screen and a timeline along the bottom of the screen. When the ‘play’ symbol is clicked, the animation begins to play.]
By clicking Create, it now brings any asset that you selected into a timeline. In this case, it's just the one file. And if I hit this Play button here, we'll get a sense of what this is going to look like. And it's looking good. So now I can keep manipulating and playing with it.
[Screen zooms in to show Tim’s curser hover over tools on the top right-hand side. When the curser hovers over the icons more options appear, ‘Graphics’, ‘Effects’, Colour’, ‘Speed’, ‘Audio’ and ‘Crop and rotate’. Tim demonstrates their use for this project.]
First thing I might want to do now is just do a quick little title, a motion graphic template title. This is where I start applying these tools right at the top here, at the top right-hand corner. I got the graphics options, we got the effects tools, we got colour tools, we got speed controls. We got audio tools. And we got the crop and rotate transform tools. I'm going to choose my graphic tools by clicking that T for graphics that comes up. And then, if I click this button that says 'Add Graphic,' on the left-hand side, I got three sets of graphics I can play with. I got Titles, Transition Graphics, and Overlays. In this case, I just want to work with Titles. I'm going to click on the More button. And I got quite a range of motion graphic templates. Motion graphic templates are pre-created with Abode After Effects. But you can actually manipulate them, change the colours, the text, the font, the content, without having to jump into After Effects.
So I'm going to find a very quick, simple little title. This one will do. As I click on that, first of all, I'm just going to jump into my timeline.
[Tim hovers his curser over a vertical line that sits vertically across a section on the horizontal timeline.]
And this little blue line here is called the Play Head. Wherever the Play Head is, is where the content will go.
[Tim drags the Play Head to the start of the timeline.]
So I'm going to take that Play Head right to the start of the timeline. Click on the Motion Graphic Template I want.
[Tim clicks ‘Add’.]
And then, I'm going to click this little button down the bottom called Add. By clicking that, it's now loading that Motion Graphic Template, and inserting it not directly onto the same video layout as the content that I already got there, but on the layer above.
[Tim shows how the Motion Graphic Template is a new horizontal layer above the timeline, and it places itself above the original animation so it is no longer visible.]
So, it's super-imposing itself. As you can see, if I scrub to the right, it's super-imposing itself over the top, which is not exactly what I'm looking for in this case. So before I start making any changes to that, let me show you how you can zoom in and out over the timeline with Premiere Rush. Let me close this panel first, so you can see the whole thing. And I'll close this panel, as well.
[Tim uses a sliding tool at the very bottom of the page to zoo out and show the whole timeline.]
Right down at the bottom, you got this sliding tool down here. If I could grab that sliding tool, and I could slide to the right, slide to the left, and I could see my timeline. But, if I use the handles on either end of that sliding tool, I can click and drag and zoom in, or zoom out. So I can see the whole timeline, which is really handy.
[Tim shows the steps for manipulating the Motion Graphic Template.]
In this case, I want to grab that Motion Graphic Template, just by selecting it. And, I'm going to drag it into the front of the story, and then zoom out, so we can see that we've got the Motion Graphic Template at the start. And then we got this express infographic coming afterwards.
Now, that title is going on a little bit too long, I think. Not quite sure, because I'm not sure what the title is at this stage, so let me just change the title then to, just double-click the text and call it, 'Skills to Thrive.' And maybe line two could be 'In the Future.' Now, let's see how long it takes to read that. "Skills to thrive in the future." That's probably long enough. So, I'm going to go to the edge of that Motion Graphic Template here, that little orange, or yellowy line. I'm going to click and drag that. And as I'm dragging it to the play head, it's making it a bit shorter. And it's bringing across everything else that's in the timeline, as well. So now when I hit play, it should go the length that I want. And then jump into the next section of the video.
Now before we close this part of the Premiere Rush session. I want to just click a couple of buttons right down at the bottom left-hand corner.
[Tim hovers the curser over an icon on the bottom left of the screen.]
This is called the Control Tracks button.
[Tim moves the curser to an icon just above the one on the very bottom.]
And then, this one allows us to open up our tracks.
[Screen shows 4 additional layers appear below the timeline. 3 on the bottom have a lock, sound and microphone icon on them, and one is plain. Above the timeline are three blank layers.]
And you can see with Premiere Rush, we have one, two, three, four layers of audio. And one, two, three, four layers of video. Four layers of audio, four layers of video allows you a lot of control for your video stories. Not as many layers as you have with Premiere Pro, where you potentially have up to 96 layers of video, 96 layers of audio. No one needs 96 layers, not even Marvel Studios use 96 layers for their blockbuster films. But, it's there if you want it in Premiere Pro. So four is plenty for the work that most teachers and students are doing. And we're going to just show how to do a few more things with Premiere Rush in the next section.
[Screen reads, ‘Turning your infographic into a video story with Premiere Rush’ and Premiere Rush is represented as an icon. Screen also reads, ‘Part 2 – adding a voiceover.]
All right, so we've shown you how to add some media to a Premiere Rush project, and to get started. Let's add a voice-over now to it. Now, to do a voice-over, I'm going to take the play head, this blue line, take that back to the start, scrubbing it to the start.
[Tim uses his curser to show the steps to manipulate the audio layers.]
And these little microphone symbols in the audio layers, when you click on them, they become record buttons. So if I click the record button, it'll give me a few seconds before it allows me to start recording a voice-over. I'm just going to use the built-in microphone on this particular laptop. And I'm going to say something like, "Skills to thrive in the future." That will do. So, as I hit that red button.
I got three seconds, two, one. Skills to thrive in the future. So let's just check how that's sounding. I'm going to scrub back to the start, hit the play button.
Dr Tim Kitchen voiceover:
Skills to thrive in the future.
Dr Tim Kitchen:
That's pretty good, there's a little bit of background noise. This is where some really handy filters can be applied to a Premiere Rush project.
[Tim selects the newly created voiceover layer which now has sound bars on it and is titled, ‘Voiceover’. Tim then selects the Audio icon from the right-hand side, then selects ‘Advanced’ and then ticks ‘reduce background noise’.]
I'm going to go over to the top right-hand corner, where I got those tools that we talked about in the last video. Here's my audio tools. And when I got to the advanced section within the audio tools, I can activate, well, first of all, I need to select what I want to change. So, I'm just selecting my voice-over layer. And then, if I open up the advance section, I got this button here called 'Reduce Background Noise.'
[Tim uses the curser to select the Play Head and drags it back to start of the voiceover timeline.]
By selecting that, I can then have another listen to see if it's improved the quality at all.
Dr Tim Kitchen voiceover:
Skills to thrive in the future.
Dr Tim Kitchen:
Yeah, it's pretty good. You're not hearing a great quality through, just through the spill into my microphone. But it has improved a lot. And so that's how you add a voice-over. And then make sure the voice-over is good.
Dr Tim Kitchen voiceover:
Skills to thrive in the future.
Dr Tim Kitchen:
So that's how you add a voice-over.
[Screen reads, ‘Turning your infographic into a video story with Premiere Rush’ and Premiere Rush is represented as an icon. Screen also reads, ‘Part 3 – exporting.]
There's a lot of things we could show you in Premiere Rush, that we haven't got time for in this clip.
[Screen reads, ‘Adobe Help Centre, https://helpx.adobe.com’]
Please go to the Abode Help Centre. Helpx.Adobe.com Look up Premiere Rush to see a whole set of wonderful, short little tutorials that will help you get to know a lot more about Adobe Premiere Rush. It's a wonderful tool, well-worth getting to know.
Just going to do one more thing here with this particular project and that's export it.
[Screen zooms into Tim’s curser and selects ‘Share’ from the top left-hand side. Options for exporting appear.]
Tim Now to do the exporting process, up the top left-hand corner, there's a Share button. By clicking the Share button, by default it goes straight to your local drive. And I can share this out as an MP4 video file. Other options that I share it through to your YouTube account, your Facebook account, your Instagram, or your Behance account.
I'm going to go to my local drive, I'm just going to give it a quick name, call it "Skills." That will do.
[Tim chooses the folder to save the project in.]
Just notice where I'm going to be saving it. I might just change it to my desktop. It gives me an estimated file size, eight megabytes, that's fine. There's a whole lot of advanced settings here, too. Which you can play with. Like, if you're filming in 4K, you can export in 4K, or in 1080 full high-def, or 720. I tend to find that 720 is great for just about everything that relates to education anyway.
So I'm going to stick with the default settings. And go down to the bottom right-hand corner, where it says 'Export.' As I click that, we'll see a little line appear, and it's finishing the rendering. If I've forgotten where I exported it, there's a great little button here called 'View and Finder.' And that will take me to exactly where it is located, which is here on the desktop.
So if I open that up on the desktop, it's now a video file, an MP4 video file, which I can put into full screen, hit the Play button.
Dr Tim Kitchen voiceover:
Skills to thrive in the future.
Dr Tim Kitchen:
And so on, and so. What we're going to be doing now, is bringing that MP4 video back into Adobe Express, into the video side of Adobe Express. So that we can share it through the cloud.
To make the most of your Adobe Express experience, you can import your Rush video into the video storytelling side of Adobe Express. Export it as a link, so that the video can be embedded into an Abode Express webpage. Let me show you how.
[Screen reads, ‘Adding video content to an Adobe Express video’ and Adobe Express is represented as an icon.]
All right, I'm back in Adobe Express now.
[Screen shows Tim’s infographic. Tim moves his curser to the Adobe Express icon to return to the dashboard.]
And you can see the original infographic that we built earlier. What I'm going to do, is take my cursor up to the top left-hand corner to grab that Adobe Express logo. Select it, and that brings me back into the dashboard, so I can start a new project. By clicking the plus symbol, it allows me to create a new project. I'm going to avoid all the desktop publishing side, and jump down to the video side, right down the bottom of that list.
[Tim selects ‘Create new’ and scrolls down to ‘Video’. Tim skips past a page titled, ‘Every great story starts somewhere’ and ‘Pick a story template, or start from scratch.’ Tim selects ‘Start from scratch and the screen begins to load.]]
When I click Video, we can skip this section, and we can skip this section to save time. And we're just loading up the stage now, or the video art board, if you like. It does take a few seconds to load, depending on your bandwidth. It's worth noting at this point, that there is an IOS version for your iPad, and for your iPhone, that is called Spark Video. None of this waiting, 'cause it's just part of the app.
All right, the stage is open now. What I'm going to do first, is I'm going to bring in the video that we made with Premiere Rush. So, it's sitting there on the stage.
[From the centre of the page, Tim selects the plus symbol, and the first option, ‘Video’. Tim locates the file and demonstrates how the video can be clipped before importing.]
To do that, I need to go to the plus symbol here, and activate the video input area. And of course, I exported it into my desktop, so it should be sitting there as the most recent thing. There it is, it's the Skills MP4, so I click Open. Whenever you bring in a video into Adobe Express, you can trim it by using these little handles that appear here. This is like your in-point handle, and this is your out-point handle. So you don't have to bring the whole video into your Abode Express video story. But in this case, it's only a short video, and I'm happy to bring the whole thing in, so I'm going to make sure I got my in-point at the start. And my out-point at the end. And I'm going to click Save. So let's have a little preview of what our video looks like within Express, by hitting this Play button down here, or this Play button down here.
Dr Tim Kitchen voiceover:
Skills to thrive in the future.
Dr Tim Kitchen:
Already I'm noticing that the audio is a bit of an issue. Only to boost up the audio of the video, which is my voice-over, and then reduce the sound of that music. Let's play the music first, and just work on that. That music wasn't necessarily the music that I'm looking for. At the top right-hand corner I'm going to close the preview.
[Tim hovers his mouse over the top right-hand corner and selects ‘Music’ from the options that also include ‘Layout’, ‘Theme’, and ‘Resize’.]
And also at the top right-hand corner is the music option. There's a whole lot of royalty-free music that come with Adobe Express, and you can preview each song.
Until you find one that you like.
[Music patterns continue playing.]
That'll do. When you find one that you like, you click on the word, and that will load the song into your story.
[Tim hovers his curser over the play button on the bottom bar of the page but then plays the video using the play button on the large preview screen instead.]
Now if I hit play, again, I'll hit this play this time.
[Bright music playing.]
Good, the music is still a little bit loud.
[Tim clicks on the video and an ellipsis appears in the top-right of the screen, below it appears a magnifying glass icon with a plus symbol on it and another below it with a minus symbol.]
But first of all, I'm going to click on my video, and jump over to the top right-hand corner of the stage. Where I got a few options here. We need to scale the video, make it bigger or smaller. Let's see if I need to do that. It's okay, it fits the screen nicely. But if I do need to change the resolution, I do have that as an option. Also, you got this audio control. When you click on that, by default it goes to soft. So, I'm going to change it from soft to loud. And therefore, my voice should be a little bit louder.
Dr Tim Kitchen voiceover:
Skills to thrive in the future.
Dr Tim Kitchen:
[Tim slides the curser over a volume control bar to decrease the volume of the music.]
It's a lot louder, but the music's still too loud, so I'm going to jump over to the music section, where's there's a little volume control, and just bring the music down a fraction, and then play it again.
Dr Tim Kitchen voiceover:
Skills to thrive in the future.
Dr Tim Kitchen:
Yep, that's looking good. So now all I need to do is share it in the cloud. And the quickest way to do that, is to jump up to the top, centre, and click on the Share button. And then click on Publish.
[After clicking ‘Share’ and ‘Publish’ Tim doesn’t select a ‘category’ and he slides the ‘author attribution’ off.]
And now I encourage you when you're working with students, not to choose a category. And not to turn on the author attribution, just to keep things as safe as possible. Click on Create Link.
[Tim copies the link.]
So, if they're generating this link, and this link, I can just grab and copy while it's generating, so I've copied the link, and then I'm ready to paste that link into maybe an Express webpage, so it'll be embedded into my webpage. We'll do that next.
[Screen reads, ‘Creating a webpage in Adobe Express video’ and Adobe Express is represented as an icon.]
All right, I'm back in Express. And you can see that I've done my video, and there's my link, so I'm going to copy that link again, just to make sure I've got it. Notice you can go straight to your Google Classrooms account. And if you're not a Google school, you can go to your Microsoft Teams account.
[Tim selects ‘plus’ and scrolls down to ‘webpage’.]
But I just copied that link, and now I'm going to go over to the top left-hand corner and get back to my dashboard, because we're about to create by clicking that plus symbol again. And this time, we're going to create a webpage.
[On the centre of the page it reads, ‘Add a title’ and below it ‘Add a subtitle’.]
First thing that it wants me to do is to add a title to my webpage. I'm going to say "Skills to thrive." And maybe a subtitle, "In the future."
[Tim selects the plus symbol at the bottom of the page and ‘Photo’ appears. A catalogue of images appears. Tim types ‘skills’ into the search bar and selects an image of a desk with a blackboard and the word ‘skills’ written in chalk.]
Now there's a little plus symbol that appears down at the bottom of your title, that allows you to bring in some Adobe stock imagery to be in the background, to make it look really good. So I'm going to do a search for 'Skills.' To see if I got any free images, or just remember, those black crowns, are the ones that are licenced for you. I might just grab this one, because that's a free one. So I know that'll definitely work, and that looks pretty good. If I wanted to move the title, we can do that. We can just click and drag the title up to the top centre, or to the left, or to the right. But it's quite okay, I think in the middle, in this case.
[Tim scrolls down to the plus symbol again and more options appear, ‘Text’, ‘Button’, ‘Video’, ‘Photo grid’, ‘Glideshow’ and ‘Split Layout’. Tim selects ‘Video’]
As I'm scrolling down, we have a series of editing buttons that allow us to add more images, text, hyperlinks, videos, photo galleries, a glide show, a beautiful way of presenting, with an image in the background, and then other assets gliding over the top of that image. Or a split-layout. In this case, all I want to do is embed that video. So, I'm going to the video section. And I'm pasting in that link that was copied previously. And then clicking Save. Before I click Save, notice that I could bring in a YouTube video, a Vimeo video, or anything that I created with Abode Express. As long as we've got the link to it, we can actually bring it in.
[A black video box appears with a play symbol.]
So I'm going to click Save, and that video will now be embedding itself into my webpage.
[Tim adds another photo below the video.]
And if I wanted to, I can click the little plus, or add button down at the bottom, and add some text, as much text as I want to, more images. I'll just quickly add another image here, that relates to skills. I'll just do that one that comes up straight away. I might even make this image full-screen. That looks good. And we got a sense of how this is going to look. Now, the last thing I need to do is export this out, so that I can share it.
[Tim selects ‘Share’ on the top bar and creates a link.]
So, I'm going to jump up to the Share button. Notice there is an Invitation button there, like there is with all parts of Adobe Express, where you can get a team of people working on the same project. They can't publish it, but they can contribute to it. Only you can publish it, because you're the one who signed it and started it. I'm going to go to publish and share. There is a print option, too, if you do want to have a PDF version which is date stamped. So the teacher knows you haven't made any changes to it since it was formerly submitted as an assessment item. That's there as an option, as well. You can go to your Google Drive, and there's your Invite button again. I'm going to go to Publish and Share. And again, I'm not going to choose a category, and I'm not going to turn on the author attribution, just to keep things as unlisted as possible, and impossible to then go and search for. And then just click Create Link. And there it is, there's my link. I could send it straight to Google Classrooms, Microsoft Teams.
[Tim copies the link and pastes it into a new browser to reveal the webpage.]
I’m just going to copy that link, and open up a new browser window, or a new browser tab. And paste that link into there. Now you can see the actual published version of this webpage now on the internet. There's my video infographic, and there's my other images. And I'm going to appreciate that, because I think that looks pretty good. So we have covered how to create an infographic with the desktop publishing side of Adobe Express. We have turned it into a little animation. We made it into a much better video using Premiere Rush. And then we exported it out as an MP4, brought it back into Adobe Express into the video side. So that we had a hyperlink, so that we could share it in the cloud. We brought that link and embedded into our Abode Express webpage. And our full infographic is there ready to go and share in all sorts of different ways to all sorts of different people.
As we finish this presentation, I'd like to share with you some great resources to help you in your digital creativity journey. We run a wide range of professional learning events both on-demand, live online, and face-to-face. Use this site, Adobe.ly/eduevents to keep up-to-date, and take particular note of the regular Adobe Teach Mates sessions.
[Screen reads, ‘adobe.ly/injectcreativitylive’. Screen also shows a video conference with Tim Kitchen, Erin Raethke and Jerry Wong.]
We produce a regular YouTube show for teachers to help inspire them and give them inspiration to engage students, called "Inject Creativity Live." This show can be found on the official "Abode for Education" YouTube channel. We encourage your teachers to do at least Level One of the Abode Creator Educator Programme, via Adobe.ly/ace.
And of course the Adobe Education Exchange, edex.adobe.com Is the ultimate portal for teachers to get support and inspiration from other teachers about how and why they should be working with Adobe tools across the curriculum. With over one million teachers involved, it's a great resource for free professional learning teaching resources, and it's a fabulous global community of inspiring educators from a wide variety of curriculum areas who are ready to help and support each other.
If you're not already getting our monthly free newsletter, please subscribe via Abode.ly/contact-edu-apac and let your colleagues and students know about what is possible with the use of Adobe tools throughout the curriculum. Keep being creative.
[Screen shows the Adobe logo. Video concludes by displaying the NSW Government logo.]
[End of transcript.]