4 Icons and a Movie tutorial

I decided to make this into a tutorial for fellow ds106 classmates because I was unsure how to make up icons for any movies and thought it would be helpful to show students how to do that. I decided to use screencast and record my screen which seemed like the easiest way to show what was going on. This inspiration comes from a college class I have had where my professor put the directions up on a movie to show us how to complete the assignment using screencast. I just had to add the extension to my browser and it worked flawlessly.

The original assignment comes from 4 icons and a movie and I completed this assignment a few weeks back but it was a long assignment with a lot of work involved. I thought it would be good to show others a quicker way of doing it after I came up with the idea. After completing the assignment it did not seem as difficult as I once thought it was going to be. I made this tutorial as detailed as I thought necessary to complete it and have it make sense. I enjoyed this tutorial and making it was fun I didn’t mind hearing my voice because I was focused on the screen not how I look. Please watch the video because it really helps in the process.

2 Hours to 4 Icons

Reduce a movie, story, or event into its basic elements, then take those visuals and reduce them further to simple icons, four of them. Write your blog post up but do not give away the answer!

I clicked on this week’s suggested assignments because it was late and I needed inspiration. When I saw the One Story/Four Icons assignment, for 3.5 stars, I was so excited to complete it. I had already had experience working with The Noun Project for a previous design assignment and I liked the simplicity and ease the logos afforded my designs. I also love movies, and I wanted to do the movie poster assignment, but was too intimidated. I figured this one would challenge me in the same way creatively, but be easier to execute. I chose my movie (it is one of my favorites) and this is how I created my movie reduction. I posted the finished design on Twitter so that I could see responses of what movie people thought it was. If you want to see the movie revealed, click here.

First think of a movie or story you know well and can reduce down to just four icons. Got it? Good. Now go to The Noun Project and search for and download the icons you want. Keep in mind that the logos should have the same style and line thickness so that they look like they belong together.

My first step was actually to think through my designs and sketch them out. I recommend doing this so there is a vision and you know exactly what to search for. At this step, I had not yet decided what movie to do but these drawings are for two different movies.

 

Once I finally decided my movie, I searched for lightning bolt.

Then click download > PNG > creative commons. If you don’t have an account it will ask you to create one. Making an account is free and allows you to download all these logos for free through creative commons as long as you give credit to the artist.

I then searched for and downloaded three more icons, and used the same downloading process as the first one.

I searched for a broom, an owl, and an envelope.

I’m sure by now most of you know what movie I’m describing. I know it’s obvious but it’s one of my favorite movies/stories of al time so just bear with me.

Then, open Powerpoint and insert all the logos. Do them each one at a time.

After inserting the logo, crop the name out by selecting format picture > crop. A border will appear around the photo. Click and drag the border until the name is outside of it, then select crop again.

Then insert and crop the remaining logos using the steps above.

Then click and drag logos around the screen and resize them until it looks the way you want.

I wanted the broom to angle the other way, so I selected format picture > rotate > flip horizontal.

Then I made sure it was in the order I wanted with correct spacing, and I grouped all the logos together. Click and drag over the whole slide so that all the logos are selected. Next, right click and select grouping > group.

The last step is to save as a PNG or JPEG. Now your four icon movie can be uploaded anywhere!

One Story/ Four Icons Tutorial

Today’s tutorial will be about One Story/Four Icons, which is a really cool assignment because I have done it before. The assignment is to reduce a movie, story, or event into its basic elements, then take those visuals and reduce them further to simple four icons.

Step 1 – Pick a movie, story, or event that you want. Make sure that it is something that challenges you to think of four icons that represents that movie, story or event. You might have to do a little research so you can get the idea of it. I will do the Boondock Saints so you can see exactly what I did.

Step 2 – Think of the first icon and find a picture. To do that go on Google Images and type out the word for the first icon and search for the picture that you were thinking of.

Cross

Step 3 – Take the picture that you like and then click on Save As onto your desktop or a desired folder.

Step 4 – Look for the other icons too. It will be easier if you look for all of the icons all at once.

Step 5 – Go on Paint and open one icon that you want to use first. Then click on a new Paint . I selected the  Cross picture first, and because it had the signature at the bottom, I erased that. First, I zoomed in on the picture and I clicked on the Eraser button and clicked on the signature to delete it.

Step 6 – Then open the rest of the icons separately in Paint and open a new Paint as well so you can copy and paste the pictures into the new Paint.

Step 7 – Because each picture are different sizes, you will have to play around with sizing the pictures to the desired dimension. Please keep in mind, when copying a picture and pasting it to another Paint, make sure that the picture size is original and not zoomed it. The reason why I say that is because when you try to resize the picture on the new Paint, it will come out blurry. Also, when copying a single picture, you can simply click on the Select under the rectangle and click on Select All. That will select the whole picture that you want and then paste it. To resize it, make sure that the picture is still selected and then click on Resize, which is right next to the Select button. Do the same thing for each one of the pictures.

Step 8 – After all four icons have been sized and next to each other, the next step is to crop the image into a rectangular image.

Step 9 – Then next step is, you decorate your picture however you want to. You may crop the picture and then go to PICFONT to add the words and color to it or simply leave it black and white. It is all up to you.

Step 10 – Lastly, show off your finished product.

You up for the challenge? Because it definitely was a challenge for me.

One Story / Four Icons

I am a huge fan of the these guessing assignments! This assignment we had to take 4 icons and be able to guess the movie. To complete this assignment I went to google images, typed in item (word I was looking for) silhouette.     So?! any guess?!!           Hopefully you guessed […]

One Story / Four Icons

This idea was first suggested by Tom Woodward and has been a long standing popular ds106 assignment.

The assignment is to reduce a movie, story, or event into its basic elements, then take those visuals and reduce them further to simple icons, four of them. Write your blog post up but do not give away the answer, let people guess! The challenge is to find the icons that suggest the story, but do not make it so easy. For icons a great resource is The Noun Project.