Skillshare: Profile Super-Tip 2:0 - Build an *ANIMATED* Image Into Your Bio! | Philip Campbell | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Skillshare: Profile Super-Tip 2:0 - Build an *ANIMATED* Image Into Your Bio!

teacher avatar Philip Campbell, web3, OBS Open Broadcaster, Screenflow

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

9 Lessons (12m)
    • 1. 1.0 - introduction

    • 2. 1.1 - hey, welcome to the course!

    • 3. 1.2 - the process of making the gif

    • 4. 1.3 - breakdown of the gif display

    • 5. 1.4 - firefox nightly browser

    • 6. 1.5 - side hustle gif making business

    • 7. 1.6 - take part in the project

    • 8. 1.7 - the roundup

    • 9. 1.8 - don't forget to share and review (...)

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

building on the find that neil sheering found and put into a course for putting an image in your profile i thought i would investigate further and see if even more could be done to raise awareness when people are looking at your bio. i found something neat and put together a proof of concept to see if it would work, if you go to my bio you will now see something like this! :)


pretty neat huh? :) -- (i'm not a designer so i expect yours to be awesome!)

thing you will learn in this course

  • how to make your own animated banner
  • using keynote to export to movie and then to gif
  • file size considerations when making
  • putting your gif into the cloud to load super fast!
  • potential issues with sizing - best sizing we found
  • do the project, custom ones available!

i'm sure you can see that the scope for doing some awesome animated banners here is massive, push them regularly with new courses as part of your monthly output!

once you have the template you'll find it super easy!

Meet Your Teacher

Teacher Profile Image

Philip Campbell

web3, OBS Open Broadcaster, Screenflow


brand new for 2022 | let's decentralize our content into web 3

i'm an internet strategist teaching anyone that wants to efficiently learn digital skills and tools often with free software based in the cloud - twenty-five plus years of expertise with all things digital and covering the latest trends today (and weekly in our podcast!)

I make courses as often as i can (in between blogging daily that is) my courses are about things I've learned or already done online -- i never make a course about skills I don't have yet!



hitting the road, working mobile, exploring across the uk and america! remote working 

building out creative m... See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. 1.0 - introduction: this course is around 20 minutes. Hi, guys. Welcome back. This should be a quick course. This is building on Neil and Linda share ings, of course, that they did about putting an image in your bio to make a bio stand. Now, which is really cool. But I had to investigate. Could you put a gift in there? And it turns out that you can so have put an animated gift into my profile on going to quickly go over what I did. Toe actually make it. I'm not gonna go into absolute infinite detail because I probably take half an hour an hour , maybe more, to go through each individual frame. But if you're interested in that for keynote or things like that, do you let me know in the comments? Do let me know in the project and I will investigate putting together a course on that. I'm making my animated graphic in a program called Keynote on the Mac. And then I'm converting it to a gift. So I'm exporting it as a gift and then hosting it online in the cloud so it blowed it back faster in my testing only browser that really worked was Firefox to copy and paste the image into the bio the other browsers didn't seem to do. It's quite weird if the right click on do a copy off the image on, then copy across into your bio. So Firefox seemed to work for May I use Firefox nightly For that? I'm also gonna be quickly discussing possible ways. You could be using this, also putting myself out there and maybe making them for other teachers. So if you're interested, do you get in touch right, let's get on. 2. 1.1 - hey, welcome to the course!: Hi, guys. Welcome back to a new course. This is about putting an animated picture in your bio. I think you're gonna love this. I saw this original tip by Neil Shearing who does amazing courses on skill share. But I wanted to see if you can use an animated GIF and it does work. So enjoy this course. If you are not a premium user, please become a premium user. Do support all those content creators. We do spend a lot of time behind the scenes making these courses, spending a lot of time researching, editing, putting them together. So I'd love to have your premier support. I can't be soon. Enjoy the course. 3. 1.2 - the process of making the gif: Neil Shearing put up a excellent course about putting an image into the bio. So I thought, I don't investigate a little bit. And it turns out that you can actually take a gift animated GIF and put that into your profile as well, which I think makes it stand out a little bit more. The images great that Neil was suggesting in the buyer. But I think just the animated one looks really, really calling. Also, you can change that as and when you're making courses. You could do that every month. Or if you just really want to push a particular course, you could make an animated GIF just for that. So taking it one stage further, I thought, Let me put together a course of how I'm making it in keynote. I'm making the actual animated bio picture on how we could use this to promote our courses . So I spent probably about two hours of the morning putting this together in keynote. I had a quite a few issues with trying to get the animation frames right and how many frames are needed, and I had various things on the stage in terms of different layers and found out that when I exported, it was doing all kinds of weird stuff in keynote. It was adding in five extra seconds per frame, which was a nightmare. So I found a way of doing it now and I kind of want to share that with you today. Basically, you make it in Kino exported as a quick time file, and then you you export it to a gift and then the host that in the class and there is a series of steps that you need to go through. Like I said, this took lots of experimenting, but I pretty much had It'll sort of locked down in a few hours. I've actually got a keynote template now where I can go in there and just change the images on I get a new animated GIF spat out looking just all. Blow that into the cloud and change it as in one of one 4. 1.3 - breakdown of the gif display: So this is the animated GIF that I went with. I'm not a designer. So Dio do give me Ah, leeway there because I'm not very good at designing graphics, but I can put them together. So what you can see here is I've got my my graphics from my recent courses on the left Inside I've got me animated against my green screen, pointing to my sign up form So there's a bit of up sell their find the email form over on Devo T d e v o t dot e One of my domains that I'm working with And the idea is it's trying . Get some Upsell People sign up on an email list so they get some free courses. So driving them from just the skill share platform onto my website as well. And then on the right hand side, obviously doing a bit more Upsell here for referrals, try and get people to sign up. I've created a re Brandley dot com, which is a great site if you're not, used it for online training dot click me, which is a really easy to remember your girl. So in Kino, I treated it like three sections, the recent stuff that I've done action and referrals. And I think that's the way to think about these animated GIFs. Putting an image in there is great to be able to say, You know, go, go check out this course or this is my latest course, but I think animated graphics There's a whole wealth of a scope here. We could do a lot of things with these things. I use an ATM trey application called Gift Maker to make the GIF animation. So if you do a search online for a Mac app, it sits in your tray bar and you literally drag and drop the movie file onto the GIF animator and it creates you your file. You do have to make sure in Kino that you put all of your animation on one frame and export that out. Because there seems to be a burger, it seems to be a standard default that exports in five second chunks. When you do an export from keynote too quick time, so do make sure that you look at that. I may upload my actual temperate my template for keynote in this project so that you can download it and see how I put it together. So then, after I got my gift file, shows me in the browser so I could do the copy and paste thing that you do in Firefox, which is basically load the image up in the Firefox browser, right, click on the image and copy the image. Once you've got that, it's easy to just control envy and copy the image into your bio. Super simple. But I copied that gift into the cloud, using another app called Cloud App, which is another Mac trey app. If you don't use any cloud apps to store files on the Web, then I suggest you check out Cloud Up. It's a fantastic application for just dragging and dropping. Taking screenshots, making videos on it, just puts them into the cloud on the cloud storage soup, superfast eat to share with people. And I find this just a perfect site for hosting gifts because they load super super quick. So what I can do with this is I can easily update the images in keynote for new courses each month. If I wanna push people towards a different course, or if I'm gonna be doing a live stream or an event, or if I really want to push courses that are not doing very well, I can change those images on the left and then obviously on the right hand side of that image, I've got my referrals, which every time I get a referral, I get $10 for that, so obviously I really want to push that. 5. 1.4 - firefox nightly browser: going on to the company in Pace part only Firefox seemed to work for me in copy and pasting the image. I'm not sure why this is the case, but I suggest you download Firefox nightly. It's a really, really good browser as well. It's a long time since I've used Firefox, but it's the only one I seem to be able to find to be able to do the copying and pasting. It's very, very simple. Once you've got the gift image in front of you in the browser, and if you use that tool in the previous slide, it will put it into a browser window for you so you can right click and copy it. Once you bring up your bio, you simply just control the or right click and paste on. You'll see that the images pasted in there. If you get a link or some text, then it's not worked. You need a browser that is gonna copy the whole image. I'm not quite sure why the other browsers don't do it may be something to do with your l's or it doesn't copy that that board properly. I'm not sure why, but it only seems to work in Firefox. It appears you can also copy and paste animated GIFs and images into your courses as well. So this is really cool, because instead of just put it on your bio, you can actually have animated GIFs at the top of your courses. So I'm gonna be playing with this over the course of this month. I put my gift in the cloud for faster access. By the way, as they could be quite big. I know this fire was about 3.4 meg on. I think the limit actually for bloating an image in general was about 2.1. So this doesn't have that problem that noticed that skill shares and upload limit. If you were just trying to upload, say, an animated GIF, it does have a limit, so that would restrict you but the amount of frames of animation that you could have. Maybe it's a good idea also to create the draft course with all the gift embeds in. So it's easy to copy and paste that way. I find that if I make the content first to put that in that I don't I don't forget about it . or it is just is just less of a hassle later on to be creating a gift with the template, I'm gonna blow with this course. I think you'll be able to get up to speed pretty quickly. 6. 1.5 - side hustle gif making business: I thought of an idea that you could use that you can actually sell these. There's a lot of people 5000 even more course instructors now on skill share. You could use these animated GIFs you could actually sell. This is a service. So, using something like Gum Road, you could offer an animated GIF service that every month you can create a new animated GIF for a client on. If you've got enough regular clients than you could turn this into a full time job, you could also use these animated GIFs as part of your block post one. Doing social media they really pop out. When you put them onto Twitter or Facebook. They seem to have more of a click through rate. That's especially true for cinema graphs. I would think that animated GIFs also have a similar higher rate of engagement than just a static image. I also think that you could post the MP for unconverted to instagram and point to the course, so this is a nice way off people having familiarity with a brand, if you like. If there If the video looks the same as the animated GIF on the block post on. Then they read the blood post. Click on the link to go through the course just a really nice journey between the animated GIF on the course. The call to action on referrals is the biggest pool for these banners. I think a static image is good, but I think an animated GIF you can change it up. You can add different elements in there being l've to point people to your referrals list on saying Sign up, give me, you know, $10 here or a call to action to get them to go to your website to sign up on your email list. I think that's hugely powerful. You could also use these animated GIFs interview. Format them a different way, maybe four by three instead of 69 to use we WordPress. An AdSense is banners on your block networks on your sidebar on your site. 7. 1.6 - take part in the project: So don't forget to do the five step project. Go to your project in the bar below. Put an awesome project title A really want to know what you're gonna do with these animated GIFs in the project Workspace Be creative. Include some pictures and the steps you took. If you don't have any pictures, pick a sweet cover image from our free website full of images that nomad dot creatures click, save sweet and you're done and you will definitely get some engagement back from me. I can help on anything that you've seen in this calls. Just drop me a message and I'll get back in touch with you. 8. 1.7 - the roundup: so that's it. That's the roundup. Showed you how to create an animated GIF and apply it to your profile. Suggested a few ways of remixing it and changing up. Changing it up every month when you regularly pushed courses gave you hopefully some ideas about how you can use animated gifs elsewhere to promote your courses. I think the referral of the Upsell are really, really powerful visual elements inside of an animated GIF compared to its static image. Please post your animated GIFs to the projects. I really want to see what you come up with. This. If you want help making animated GIFs or you want to hire me to make an animated GIF for your profile, your website, maybe a Sina graph. Just get in touch and it will help you out. That's watching Sbtc. 9. 1.8 - don't forget to share and review (...): while I have you enjoyed the course, Please share and review the course. It really does. Help me out. Click on the triple dot button. Leave a review shared with Twitter and Facebook. I'll catch up with you.