Archive for the ‘tutorials’ Category


“Troll Quotes” Tutorial

Sunday, July 29th, 2012

For the “Troll Quotes” Visual Assignment, you must first start with three famous people in mind.

Next, you need to find a photo of one of these people. You could get this image by Googling the person’s name. I chose three people that were somewhat similar, so it would confuse my blog viewers, hence the “trolling.” The point is to make the product believable, so you must be tricky! My photo was of Coco Chanel.

Take your second famous person’s name and Google quotes they have made to put on the picture. I chose a quote by Marilyn Monroe (“If you’re gonna be two-faced, at least make one of them pretty”).

And finally, your third famous person’s name will take credit for the quote. I chose Audrey Hepburn.

Use a photo editing site, such as PicMonkey, which I used, to put the text on the photo. Upload the photo to the website. You may edit the photo as you please. I tried to make mine darker so the font would stand out better. Using the text editing tool, add text to the photo. Choose the font style and color you would like. Add the quote and attribute it to the third famous person (-Audrey Hepburn) you chose. Save the edited picture from the PicMonkey website to your desktop. Upload it to Flickr or another photo sharing site and write a blog post explaining your thought process.

Here’s my completed assignment.

Not too bad, right? Good luck!

Go to a happier place! (Write-up and Tutorial)

Saturday, July 28th, 2012

Go to a happier place!

Design Assignment 625: Go to a happier place!

Ever wanted to be somewhere else? Take a photo of yourself in your current location, crop your body out of the photo and paste on an image where you would prefer to be. Put together the two photos for a before and after effect!

For this assignment, which I created, I started off by daydreaming about being at the beach. This sparked my imagination, surprisingly enough. I decided I would have my sister take a picture of me sitting on the couch doing my DS106 homework. Then, I found a photo of a beach on Flickr under a Creative Commons License.

a postc@rd from p@r@dise

I used my knowledge from an assignment I had previously done, “Support Creative Commons With a Poster.” I searched Flickr for beach photos under a Creative Commons License using the website Compfight (be sure to select the Creative Commons search option).

Screen Shot 2012-07-28 at 2.27.27 PM

I also learned how to give attribution to the source image from the “Support Creative Commons With a Poster” assignment.

Screen Shot 2012-07-28 at 2.27.09 PM

I used my favorite photo editing site, Aviary. I used the Image Editor. I started off by adding text to the bottom of the photo giving attribution to the source image. You can use the template below for attribution to flickr photos (the italics is where you should insert the specific information for the particular photo):

cc licensed (BY license) flickr photo by flickr username: link to photo on flickr

I cropped the original photo of myself on my Mac’s photo editing device (iPhoto) so I was just the focal point. I saved it to my desktop. On Aviary Image Editor, I chose “File” “Import Image” and imported the image. Make sure you select “layer” from the drop-down layer menu on the panel on the right.

Screen Shot 2012-07-28 at 3.06.45 PM

I chose the resize option and made the photo smaller.

Screen Shot 2012-07-28 at 2.54.56 PM

This is where it gets tricky. I chose the Magic Wand tool from the left side bar. I held the “Shift” key and edited out the remainder of the photo of myself (so my couch wouldn’t be in the background). I then “Cut” the selection.

Then I needed to edit out the stripes left over from the pillow on my couch. I chose the dropper tool to match with the sand. Then I chose the paint brush tool and painted over the stripes.

Screen Shot 2012-07-28 at 3.10.30 PM

On the right option panel, at the bottom, second from the left, there is a plain folder. I clicked that to group all my layers.

Then, I selected “File” “Save As” and saved the file as a .JPG to my desktop.

Screen Shot 2012-07-28 at 3.17.09 PM

I opened a new Aviary file (from scratch) and imported the original photo of me sitting on my couch to the canvas and resized it as I liked. Below, I imported the edited photo of me on the beach. I saved it to my Aviary account and uploaded to Flickr.

Hope you enjoy this assignment. Good luck!