The Final Blog Post (To tune of The Final Countdown)

I think my biggest takeaway for the year is understanding the importance of the undocumented citizen. With each assignment we’ve finished, in a small way, each assignment was building off of that (for me at least). Especially with the sound piece. Starting from an archive to re-tell and re-purpose an event or person was paying homage to their sacrifices, and their lives in a format that is not typically used.

I feel like the project had a way of unintentionally teaching a real life lesson outside of the digital environment. Step back and really focus in on the people around them rather than themselves, and make it your business to let their story be heard.

A lot of times in a digital environment, we create with a purpose to spark conversation about something, by telling other people’s stories it creates a platform for their achievements to start a discussion.

Dreamweaver DIY – Footers

This DIY is all about adding footers. Not only are they aesthetically pleasing, but, they are another way to separate information on your site.

Step 1: The basics

The image below shows the bare bones to add to your HTML code. These tags will house all of the information you want to add.

1

As you begin to enter text, it shows up at the very bottom of the page. If you hover over the live image in the split section, the blue box reading “footer” will show up.

23

Step 2: When you are content with your text, you can add a variety of things to your CSS file until you are happy with how it looks.

45

Step 3: Love your website and your new footer! The image below is my practice website sceenshot where I added the footer.

6

 

*Footers don’t always need to go at the bottom of the page! You can add them within any element (div, article, etc.) in your HTML file*

 

K.I.S.S.

My website of choice is http://www.thisissoon.com/   (found courtesy of google). It’s pretty cool if I might say. What makes it cool? I’m glad you asked.

Right off, the color scheme is unusual. When I think of websites that I’ve visited in the past, I am haunted by the overused blue and white theme, or some series of cool colors. This website is brown!

web

How exciting of a color, not really, but stay with me. The fact that the creator of this website chose brown tells me that they are a risk taker, and if they are bold enough to choose this color, I will be bold enough to scroll through their website. Also, the color is warm enough that I don’t feel threatened by some neon color and need to grab my shades out of my car. *Side note: the random text on the side tells you what page you are on through words and a graphic*

More on the color scheme of the website, there isn’t really one scheme as far as a background theme, each page has its own color. What remains consistent throughout the website is the contact information colors as well as highlighting certain features in yellow. See below (my cursor is over casestudies in the navigation pane):

Capture4

What I would like to highlight about the website other than the scheme or lack there of, is the amount of content on each individual page. The content is a healthy balance of text to picture, maybe even heavier in regards to pictures. The content is additive, either explaining the picture of emphasizing what is being shown. Below is a brief example from one of their cast studies:

4

In all, this website keeps its concepts simple. I think that is what I appreciate most about it, in no way did I feel that I was overwhelmed with information. The pictures kept my attention and were placed interestingly enough that it wasn’t a block format for anything.

This slideshow requires JavaScript.

What I want to take away from this site is the level of sophisticated simplicity they have. In the past my websites have been simple but had no pizazz to accompany my content.

 

Things I found out after I wrote this/Other things I think are cool about this website:

(left) The home screen changed with the time to something different

(right) This is their loading page. The dash blinks.

There is a subtle color scheme on the case study pages, the background color compliments the pictures but aren’t overbearing taking too much attention away from the pictures.

Photoshop DIY-It’s Layers to this

This tutorial will teach you how to add a custom background to images with a transparent background. For this tutorial, I am starting with an image already saved in my computer – the ever appropriate graduation cap.

Capture

The tiled background is an indicator that the image is only the cap and nothing else. Should there have been a background, the checkered background would be a solid color.

Step 1:

Capture21`From the toolbar on the left, first you want to select the Mixer Brush Tool. Then from the overhead toolbar, you want to select the Oil pastel option. Capture3

You will notice that the color I am using is already selected and visible in the square on the overhead tool bar.

 

 

 

 

 

 

 

 

Step 2: Here is where you will add the layer.

Capture4Capture5

From the overhead toolbar, select layer -> New -> Layer

 

The new layer will show up on the bottom right hand corner. Notice the new layer is transparent.

 

Step 3: Fill in the layer

Capture6Capture7

Here is where you can make a judgement call about how much/little you would like to customize the background. For the purpose of my tutorial, I just want a solid background, so I filled in the spaces around the image.

Step 4: Switching the layers

If you notice in step 2, the new layer will default as layer 0. To change which image is on top, simply click the layer you would like to move and drag it to its new location. I dragged the layer with the cap to the top of the list.

Capture5          ->        Capture8

Notice that layer 1 reflects the changes I made to it within its thumbnail.

You now have the following image. Happy Photoshopping!

Capture9

Rolling Text

Today’s DIY is all about rolling text, typically called credits.

Step 1: Open Adobe Premier Pro, and create a title still.

step-1

Step 2: Once you are content with the text and placement on the screen, you are going to scroll over to your roll/ crawl options. (Circled in red)

step-2

These settings allow you to change the settings as you please to get the desired rolling text you would like. For the purposes of this DIY, I am going to create a typical credit like roll of my text.

Step 3: Adjust settings to fit your needs as a creative visionary. How you choose your setting will determine how fast/slow your roll will happen. I have chosen to start the text off screen and end off screen, should you unselect either, the text will start/end in the position that it initially is set when you type it. The ease-in/ease-out is where you choose your timing for the text.

step-3

Step 4: Once content with your text settings, drag the title from the project panel to the timeline panel. Voila, you have created your very own rolling text.

Here is an example of the finished product – https://vimeo.com/205329188