Tutorials, Sweet Tutorials

PART I- DESIGN EDITING WITH GIMP

The first step in creating my comic book cover was to give it some comic book-worthy title text. I did this by going to a comic book text generator online, customizing just how I wanted my title to look. After I had that saved, I opened the image up in GIMP.

I then opened up a second blank file in GIMP that had the dimensions that I wanted for my cover. By selecting ‘Edit’ and then ‘Cut’, I could then go to that blank file and select ‘Edit’ and then ‘Paste As…New Layer’ so that my title would be mine to edit as I pleased on the cover file. I repeated this process to get a ‘#1’ to indicate which issue of the comic this was. Make sure to click ‘Layer’ and then ‘Scale Layer’ to make the image larger or smaller as needed.

It’s important to remember to paste all of these elements as separate layers, so that you can edit each piece by itself. Your list of layers should look something like this:

Next, I decided to try out putting a background on my cover. Using GIMP, I selected the layer that the background was on, and chose from the available patterns on GIMP. This selection is visible on the bottom left of the program.

Once the background was filled in, I decided to make my cover more true to life by adding a bar-code and the names of the team who worked on the comic. I went to a random bar-code generator, and also used the same comic text generator to get my names. I added them onto the cover file with the same method I’d used to add the title and issue number.

At this point I decided that maybe I didn’t like the pattern background after all. Taking it off again was as simple as clicking on the background layer, clicking ‘Edit’, and then clicking ‘Fill with BG Color’. I made sure that that background color was white. I also added the main centerpiece of my cover: the spider wearing the graduation cap. Again, same method of cut-then-paste as new layer.

My cover was almost complete….however, in the name of accuracy, I wanted to add a company title and a price. I don’t own a company that publishes comics, unfortunately, so I ended up using the comic text generator again to make my logo and price text.

And with that, my cover was complete! Manspider #1 coming to the comic store nearest to you…well. Never, probably.

Image Credits:

Comic TextBarcodeSpiderGrad Cap

PART II- AUDIO EDITING WITH AUDACITY

This assignment was reminiscent of the Sound Effects Story, which I really enjoyed; however, this time I wanted to try my hand at making my own sound effects. Lucky for me, because there’s not really a way to find ‘spider with human intelligence sneaks into home to solve math problem’ in freesound.org. Finding sounds that might emulate that was my greatest challenge. Once I had all of my props ready (a cabinet door, a notebook, a pencil, and my hand) I opened up Audacity and recorded myself making noises.

At the end of the recording sessions, I still felt that I needed a sound: footsteps. I went onto the internet to download that one. I then opened up the sound in a separate Audacity file, highlighted the portion I wanted, and copied it.

Going back to my main recording file, I pasted the sound of footsteps right before the gasping noise to indicate that a human had come back and seen what the spider had done.

That done, I exported my audio as a .wav file and uploaded it to Soundcloud.

Sound Credit:

Footsteps

PART III- VIDEO EDITING WITH IMOVIE

First step: open the iMovie app, click on New Project, and then decide what kind of project you’re making. For the purposes of my video, meant to be seem casual, I chose a regular movie.

Next, you’re asked what type of video you’re filming. You’re offered a lot of of options, but again, for my type of casual video I just wanted something simple. So, default setting it was.

You’re given your blank project and some basic instructions on how to use iMovie.

As you’re directed, go ahead and tap the icon to start adding clips into your video. Tapping that icon and then ‘All’ should bring up this screen.

I’d already had my clips pre-recorded, but you can record directly from iMovie if you want. To add clips in, just tap them and then the  icon that appears. They will then appear on your film reel. You can also add photos in, which I did under the ’30 Minutes Later’ text in the video.

From there you can edit your video as you need to. The only other major change I made was adding text, which you can do by tapping the clip or photo you want to put text over, tapping the  icon, and then selecting what format you want your text to appear as.

That done, I saved my video and uploaded it to Youtube.

PART IV- PHOTO EDITING WITH GIMP

I started off by opening a photo of the bat signal in the sky in GIMP.

That done, I used the color picker tool (  ) to grab the yellow of the spotlight around the bat. After that, I used the paintbrush tool (  ) to color in yellow over the bat, creating a blank spotlight for myself.

Then, all I needed to do was add in the image of a spider in the spotlight. I opened up a spider picture in another GIMP file, clicked ‘Edit’, clicked ‘Cut’, and then went back over to my spotlight file. I then clicked ‘Edit’ and then ‘Paste As….New Layer’. Making sure to scale my spider layer into a size that would fit in the spotlight, I picked up my paintbrush tool again. Using the yellow of the spotlight, I painted around the spider’s white background with the yellow.

I exported the image as a .png file. And thus, the people’s cry for a spider to entertain them was born.

Image Credits:

Bat signal, Spider

This entry was posted in Assignments, DS106, Final Project and tagged . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *