I’m So Adventurous

footPicture

For the Are We There Yet? design assignment, I created the image above of me supposedly relaxing on a cliff.

Behind the Creation

Apparently pictures like this are very popular nowadays where someone takes a shot of their feet hanging in mid air while they are looking down some high place. Unfortunately I am sitting shirtless in my basement right now but then I was like “Hey, I have this picture of my legs and this picture of a cliff…why not?”. Now I can fit in with todays culture while being able to sit shirtless in my basement on a Saturday night 🙂

Here is the original:

IMG_5914

The Process

To make this image, I used the same methods as I did for my Slipknot Entertaining the Kids assignment. I have the tutorial in there which is exactly identical to how I created the image above.

 

My Geeky Tattoo

tattoo

Here is what I made for the Tattoos 4Life assignment. Pretty geeky…

Behind the Creation

I thought this would be sort of funny as a tattoo. “delete[] poop;” is programming syntax for C++ for when you want to deallocate or destroy the memory block that poop is pointing too. The tattoo would be meant for being above my butt so the arrow pointing down is pointing at my pooper. So essentially I am deallocating my poop, yeah I know it’s kind of stupid. Also the “[]” means that this is an array which is a type of list so poop is pointing to multiple instances or occurrences of fecal matter. The semi-colon is just a marker to signify the end of a line in C++ (and other languages). So yeah, this is my tattoo design if anyone wants an idea for their next tattoo.

The Process

I used the Mac word processor Pages to create the text for the design with the arrow.

Screen Shot 2016-05-27 at 9.11.07 PM

I opened the Pages application and clicked the “New Document” button in the bottom left of the window

 

Screen Shot 2016-05-27 at 9.11.18 PM

I selected a blank document from the template selector. After selecting the blank template I clicked the “Choose” button in the bottom right to create my new blank document to use.

 

Screen Shot 2016-05-27 at 9.14.08 PM

I then type in what I wanted and using the right menu adjusted the size of the text under the “Font” section.

 

Screen Shot 2016-05-27 at 9.14.18 PM

After adjusting the size of the text, I changed the text to Lucida Console since this is usually how text looks is most IDEs for code editor softwares.

 

Screen Shot 2016-05-27 at 9.14.50 PM

“delete” is known as a reserved word for C++ since it does special functions for you as needed. These reserved words are highlighted a special color so the programmer can know he or she is using a reserve word. I highlighted the text and under the “Font” section in the right menu I went to color and selected blue. Depending on what color scheme you have for your code editor this color will be different.

 

Screen Shot 2016-05-27 at 9.16.10 PM

I then inserted the arrow below the text. I selected the “Shape” option in the top menu bar which brought down a list of shapes that I could use. I selected the arrow for this design.

 

Screen Shot 2016-05-27 at 9.16.48 PM

I adjusted the size of the arrow using the little white squares around the arrow image and in the right menu it now gives me options to make other adjustments such as rotation since I have the arrow selected.

 

Screen Shot 2016-05-27 at 9.17.02 PM

In the right menu bar while having the arrow selected, I went to the “Style” tab to change the color of the arrow to what I desired. I made 4 variations of this image by changing the color of the “delete” text and the color of the arrow and took screen shots of each of them.

 

Screen Shot 2016-05-28 at 6.34.10 PM

I took screen shots of the four variations I made and then went to photo shop to put them into one image. I went to “File” and selected “New” to create a new blank canvas.

 

Screen Shot 2016-05-28 at 6.35.52 PM

I then set the dimensions of the image in this dialogue box to what I desired. After I was done, I clicked “Ok” to create the blank canvas.

 

 

Screen Shot 2016-05-28 at 6.36.42 PM

After I created the blank canvas, I went to “File” and selected “Open” to open the 4 images I made of my custom tattoo.

 

Screen Shot 2016-05-28 at 6.37.43 PM

I then dragged the tabs containing the custom tattoo images down so I could have a vertical split view of the tattoo images and the blanks canvas.

 

Screen Shot 2016-05-28 at 6.38.11 PM

I could now simply drag and drop the image into the blank canvas one by one and move them around on the canvas to align them.

 

Screen Shot 2016-05-28 at 6.42.48 PM

After dragging all the images into the canvas and aligning them properly, I was ready to save the image.

 

Screen Shot 2016-05-28 at 6.43.55 PM

I went to “File” and selected “Save As” and saved the canvas as a new JPEG image.

 

 

 

 

Slipknot Entertaining the Kids

slipknot_kids

For the Change of Scenery assignment, I created the photo above. I guess the daycare decided to hire the heavy metal band Slipknot to entertain the kids.

Behind the Creation

As strange as it may seem, I am a fan of rock and heavy metal. I don’t keep up with it nowadays but heavy metal was actually the first genre of music I ever got into. I listen to a very wide range of music, if the song is good I will listen to it regardless of what genre it is. I tried to pick a very colorful background and then I decided to pick a daycare. The band dresses in a very animalistic manner with grunge masks and clothing. So putting them in this type of environment makes them look ridiculous.

The Process

So I finally got around to getting Photoshop on my laptop so this assignment was not as hard to do since I did not have to use some crappy online photo editor.

Screen Shot 2016-05-28 at 6.00.22 PM

After opening photoshop, I opened both of my image files which are seen by the two tabs containing the image of the band that I want and the day care background

 

Screen Shot 2016-05-28 at 6.00.46 PM

I dragged the tab containing the slipknot image to the bottom of the window so I could get a split vertical view of both my images

 

Screen Shot 2016-05-28 at 6.01.15 PM

Then in the left menu, I selected the “Polygon Lasso Tool”. (You might need to right-click on this button to switch to the Polygon Lasso Tool).

 

Screen Shot 2016-05-28 at 6.01.53 PM

Then I used this tool to select around the band members to select the area of the image that I will crop into the day care image. Once I was done, a dotted line appeared around the area that I selected. (I just showed you how it looks for the tutorial, I obviously did a better cropping job than this for the actual image).

 

Screen Shot 2016-05-28 at 6.03.12 PM

I pressed Command+J on my Mac (Control+J for Windows) to then create a new layer for the cropped portion of the slipknot image. You can now see the two layers in the right menu.

 

Screen Shot 2016-05-28 at 6.11.23 PM

I then clicked the eye on the “Background” layer in the right menu to remove the background and only show the parts that I cropped out.

 

Screen Shot 2016-05-28 at 6.04.00 PM

Since I was in a split tab view, I dragged the bottom tab down a bit so I could see the top tab containing the daycare image. I can now simply drag the cropped out image of the band from the bottom into the day care on the top.

 

Screen Shot 2016-05-28 at 6.04.17 PM

After I moved the image of the band, I made the top tab bigger since I was working here now. I went to “Edit” and selected “Free Transform” to resize the image layer containing the band.

 

Screen Shot 2016-05-28 at 6.04.34 PM

After resizing the layer to what I wanted, I clicked on the “Move Tool” which is the first item in the left menu. I then applied the transformation by clicking “Apply” in the dialogue box.

 

Screen Shot 2016-05-28 at 6.06.46 PM

The I went to “File” and clicked “Save As” to save the image to my local computer.

 

 

 

A Little Motivation For You

faceplant_poster

Here is the poster I made for the Motivational Poster (3 stars) design assignment. Credits to Taylor Nguyen for the photo. Yeah, turf burns are no joke.

Behind the Creation

As I was scrolling through the design assignment bank on the ds106 website, I saw this assignment and immediately knew what I was going to do. The person in this picture who did the unfortunate dive then face plant is Robert Blake. He is a good friend of mine that I met this past semester since we both coincidentally took the same 3 Computer Science classes during the same section. He is currently a Junior at UMW and a very talented ultimate frisbee player for the UMW Men’s Ultimate Frisbee Club. We spent some long nights together working through painful projects and assignments for our classes. It felt just a bit better to share the late night stress with someone else rather than enduring it alone, so to thank him I made this motivational poster 🙂

The Process

To create this poster, I used the online photo editing tool LunaPic

Screen Shot 2016-05-26 at 8.39.00 PM

I went to the “Draw” drop down menu and selected “Motivational Poster” to get started (how convenient right??)

 

Screen Shot 2016-05-26 at 8.39.11 PM

This brings up this screen from where I can click on the “Choose File” button to locate the image on my local computer to upload.

 

Screen Shot 2016-05-26 at 8.47.09 PM

After finding the image, it loads up below and I now have the option to set the text for the Title and Caption of my motivational poster. I put the desired text in these fields. There is also an option to change the background and foreground colors but I chose to leave these values as they were. I then clicked the “Create Motivational Poster” button which generates the actual poster.

 

Screen Shot 2016-05-26 at 8.48.32 PM

The motivational poster is now created and I can view it in the image viewer. I scrolled to the bottom of the page where I clicked the blue “Save” button which allowed to save the motivational poster to my local computer.

Missing Person: Jesse Pinkman *NO SPOILERS*

Screen Shot 2016-05-25 at 9.29.45 PM

Here is my poster for the Missing Person (3.5 stars) design assignment. I decided to use Jesse Pinkman who is a character in the TV series Breaking Bad. Don’t worry, if you have not seen the show or are currently watching this will not spoil anything. I know there is at least one person in this class currently who is watching it for the first time.

Behind the Creation

As you may of noticed with my Tickling Walter White video assignment, I am a huge fan of Breaking Bad. In my opinion it may just be one of the, if not the, greatest TV series in history. I am currently re-watching the entire series again, and it is still just as good the second time. I wanted to do this assignment since I wanted to try to use the template options available in the Pages software for Mac and see how well I could design a poster for this. Also, if you have seen the show then you might understand why I chose Jesse Pinkman for this (again, do not want to spoil anything).

The Process

I found Pages to be quite simple to use when I was making this. It worked very intuitively and it felt pretty free even though I was using a template.

Screen Shot 2016-05-25 at 8.43.43 PM

I created a new document and chose the Lost & Found Flyer template as the starting point for this assignment. After I selected the template, I clicked “Choose” in the bottom right corner

 

Screen Shot 2016-05-25 at 9.53.42 PM

I removed the place holder text from the top part and typed in “Missing” and changed the text color to red. The I selected the text box and changed the fill color from the right menu. I decided to go with black.

Screen Shot 2016-05-25 at 8.46.52 PM

The top part now changed to a black fill color.

 

Screen Shot 2016-05-25 at 8.47.13 PM

I clicked on the image of the dog and in the right menu went to the “Image” tab. Here, I was given a “Replace” button so I could change the image to my own image. I clicked the button and opened the image file I had downloaded on my local computer.

 

Screen Shot 2016-05-25 at 9.08.29 PM

The image is now replaced to the picture that I desired. I went through the same process for the bottom part below the picture that I did for the top part. I removed the place holder text and changed the fill color for the text box.

 

Screen Shot 2016-05-25 at 9.27.51 PM

I then filled in the information I wanted for the bottom part. Then finally I inserted a text box by clicking “Text” on the top menu. I entered the text I wanted in the text box and moved it to where I wanted it. It is a free moving text box so it can be placed anywhere.