Correcting photos for photo essay in Photoshop CS6

When I have chosen photos I want to use for my photo essay, it was time to correct them in Adobe Photoshop CS6. Like I said in my previous post, I intend to have them in black/white colours (read my previous post to find out the reason why).

Screen shots of my working screen:

1. After I cropped the chosen photo, I selected ‘Adjustments’ and then ‘Black & White’.

1

2. It came up with quite a lot of different ‘Presets’ so I went through them all and chose the one that I like the best – ‘Maximum Black’.

2

3. I thought it was a bit dark for my liking so I selected ‘Adjustments’ again and then ‘Levels’ to control levels of black and white colors in the photo.

3

4

4. When that was all done I still thought that I could do a bit more to make it a bit lighter so I selected ‘Curves’ and made it a bit lighter.

5

5. All I had to do at this point was to save it and the job was done.

 Final version of the photo

DSC_0206 - uprava

I corrected all my photos by choosing the same settings.

Taking photos for my photo essay

Today was the day when I started to take photos for my photo essay.

The camera I used was ‘Nikon D3200’. (picture downloaded from Google)

Nikon-D3200-front-main

It was quite difficult to do if I’m honest – try to take photos from different angles, make sure that the light was OK etc. While taking photos, I realised that I had a little problem as quite a lot of them were blurry. The problem was the MISSING TRIPOD!!! That’s why I had to use other things I had in the room with me like a chair, table, even a bottle to support my camera so I could take nice photos. It was like a little adventure that took more than 2 hours to finish.

After I got home and had a look at all photos (85) on my laptop, I wasn’t very happy about them as a lot of them were very blurry but I could still choose 17 great ones.

Overall, it wasn’t a too bad experience and I was quite happy about the photos that I’ve decided to use for my photo essay.

Creative part of my brand identity – CD case/CD

For creative part of my brand identity, I decided to create a portfolio CD with a CD case.

A little research about designs on the internet gave me ideas on what I want to do. I typed into Google ‘CD case templates’ and found these two pictures that I really liked and wanted to do use them for my design:

CD cover presentation design template with copy space and wave e

This gave me an idea how I want my CD case to fold.

paper-cd-case

After a little discussion with my lecturer about designing ideas, we came up with a better idea how to fold a CD case.

Screenshot of the layout (working screen – Illustrator CS6):

screenshot - layout - clear

Theory of artwork

Before I start to talk about the theory behind the artwork, here is the final version of it –

screenshot - layout

  • For the front page of my CD case I decided to use exactly the same design as I used for back of my letterhead (for more information read article below).
  • The back of my CD case is a continuation of circles but without the grey line through full page as I didn’t think it was necessary to use it there again as it creates a nice flow of the design. The circle space I used for my contact details (the exact font is used that I used for my logo).
  • On the top, you can see a lot of different words with different sizes and colours. The reason for it is that I decided to fill inside of the case with words that are appropriate for the industry I will work in and also for my personality so when you open the case, it will tell you a little bit more information about me but still not enough as main information will be on CD and little booklet of my work put inside.
  • The text on top is in a different font, it’s more bulky that gives the connotation of not being scared to try and experiment with different things within the industry. Different sizes of font are used because I wanted to highlight important words that stand out from others. Using different colours are used for the same reason as the different size of font.

Final version of the case:

final version

CD design

For my CD design, I downloaded from Google this picture as I needed to create my own template for designing:

CD template

I uploaded it into Illustrator CS6 and created a circle on the second line and also in the middle circle for the hole and covered it with my design that I used for back of my letter head.

Screen shot of working screen:

working screen

Then I right clicked the mouse and chose ‘Arrange’ and ‘Send to back’.

working screen2

At the end I hid the background CD template and the final version was done:

working screen3

Research about the topic for my photo essay/photographer

It is always a good idea to do research before starting to do any work. So this is what I did.

I typed into Google ‘ composing of music’ and it came up with so many different pictures but here are examples of a few of them that I would like to do myself. All of these pictures have techniques that we have been looking at in semester 1 and have to demonstrate in our photos.

This slideshow requires JavaScript.

By taking photos with this topic I would like to show  to the viewers my passion and love about the music as it’s been a massive part of my life since I was 8 years old. My photos are going to be black and white as it is symbolic to black and white keys on piano.

Photographer that I like

The photographer that I have always liked is Lindsey Byrnes. She takes great photos of celebrities and music groups, her photos have emotions and this is what I really like about her work.

Few photos downloaded from Lindsey Byrnes’ website:

This slideshow requires JavaScript.

Designing process – part 2

After my last post about how I created container with reduced opacity, I’ve designed nearly a full website.

Screenshots of pages:

  1.  index.html

index

2.about.html

about

3.portfolio.html

portfolio

4.gallery.html

gallery

5.contact.html

contact

After discussing design of the site with my lecturer, I’m going to make a few changes to the site.

These will be the changes that I intend to make –

Text:

  1. no italic font (not easy to read)
  2. titles the same size as size of navigation
  3. get rid of all underlines
  4. get rid of the web address in contact.html
  5. text in footer area: 2013 Designed by Veronika Lesnakova – the same size as size of main text
  6. get rid of text: Connect with me

Color:

  1. change red color in navigation into green color (the same green that I used for my logo)
  2. set borders in gallery to the same green color as navigation

Icons:

  1. change text in footer for links into icons – wordpress, facebook, youtube

 

Container with reduced opacity

In this post, I’m going to explain and show how I created container with reduced opacity on my site.

All you really have to do in your CSS sheet is add ‘background’ in to container (I named it ‘middlebox’ in my CSS) and set up choosing colors in numbers in Dreamweaver. Then pick color you want in palette of colors. It will automatically add right numbers into code (I chose black).  To reduce opacity of color, reduce last number in code. That is all you need to do.

Screenshot of CSS code:

css

Screenshot of the result:

1st.version

I did the same thing for ‘footer’ but opacity was set up to higher number screenshot2so this way you get darker effect as you can see on the picture above.