Studio 2 – Theoretical Techniques

Adobe, Design, Graphic Design

It is important as a designer to put thought into our projects and not just think it looks cool so it’s all good. There are a number of theories and principles we’ve learnt and need to continually incorporate these into our designs (otherwise what is the point of learning them, right?).

In this studio unit there have been a number of theories and concepts I have tried to include.

  • Motivational posters
    • Elements of design I tried to incorporate
      • Shape: The design style for my posters included some shapes in three forms – a geometric shape that just had a stroke of 1.5, a larger geometric shape and numerous small shapes placed randomly on the poster (circles, squares, triangles or hexagons. The shapes are used to add interest to the design and direct the viewer’s attention to different parts of the poster.
      • Colour: colour can create atmosphere and effect emotions. I chose to use a triadic colour scheme – three colours chosen that are evenly spaced apart around the colour wheel. The colours I chose are also the primary colours – red, blue and yellow. They are simple and really effective together and each poster has two of the three colours so it works really well.
      • Size: I used different sizes of shapes and images in the poster to draw attention to certain aspects and create emphasis.
    • Principles of design I used
      • Balance: the posters are asymmetrically balanced. Each different aspect of the design is sized specifically, or placed in certain spot to balance the design.
      • Proximity: items placed close together to create a connection. The typography is placed in close proximity to the photo which highlights the relationship between the two (e.g. the quote on the first poster below is “music is a piece of art that goes in the ears straight to the heart” and the photo is of hands holding headphones – a tool used by an audio student to listen to what they create).
      • Alignment: organising and ordering the elements of a design. The text is centre aligned to itself and then I’ve placed it (or aligned it) in close proximity to the sepia photo to connect them together.
      • Contrast: this is the extent of which two elements of the design differ – can include dark vs. light or small vs. large. There is contrast in the posters with the sepia photos against the coloured backgrounds and then also the white text on the coloured elements of the design.
      • Repetition: repeating elements in the designs to create rhythm and consistency. The posters use repetition through the small coloured shapes. They are repeated all over the poster in varying sizes. There is also repetition in the geometric shape that frames the photograph as the same shape is used again but is larger and has a solid colour fill.

 

PosterMockup

I’ll come back and edit this post with some more theoretical practices I’ve incorporated but this is enough for the moment, me thinks.

Thanks for reading. Hope you learnt something.

– KH

References

Frankel. (2012). Design Element Shape. Retrieved May 7, 2016, from http://msfrankel.com/design_principles/elements/presentations/shape.pdf

Getty, J. P. (2011). Principles of Design. Retrieved May 7, 2016, from https://www.getty.edu/education/teachers/building_lessons/principles_design.pdf

Hortin, A. (2009, March 27). The 5 Basic Principles of Design. Retrieved May 7, 2016, from http://maddisondesigns.com/2009/03/the-5-basic-principles-of-design/

J6 Design. (2015). The Principles of Design. Retrieved May 7, 2016, from http://www.j6design.com.au/6-principles-of-design/

Sameer, A. (2014). The 6 Principles of Design. Retrieved May 7, 2016, from http://visual.ly/6-principles-design

Stribley, M. (2016). Design elements and principles – tips and inspiration by Canva. Retrieved May 7, 2016, from Canva, https://designschool.canva.com/design-elements-principles/

 

Studio 2 – Posters

Adobe, Design, Graphic Design

Bit out of order now but this post is for my second project – I’m playing catch up.

So this was an interesting project (see Studio 2 – Project 2) because we had two weeks to complete it and due to unlucky timing on my part the second week I had plans to be in Melbourne, having a little mini holiday with my sisters. I had to make sure I had everything I needed to work on them and a solid plan for my designs because I didn’t know if I’d have much internet access or time to work on them while in Melbourne. This meant I really needed to get in touch with the audio students ASAP so I had emailed them (all 7 of them) by Thursday as well as emailing the audio lecturer. It was also challenging as there was also the Easter weekend smack bang in the middle of our project. It was because of this that I think I didn’t get much response as only 2 of the student representatives replied to my email and I got very little response from the survey I created.

But it’s ok, I worked with what I had. Some info I gathered about the audio students:

  • Majority are male
  • Aged between 18-20yrs
  • They like very different styles of music – hip hop to heavy metal to indie rock to EDM to punk. Some even like a broad range just on their own.
  • What they like about audio engineering:
    • Learning new ways to produce music
    • Manipulating sound
    • Working in the studios
    • Doing live sound
    • Getting hands on experience
    • Working with expensive gear
  • Motivates them:
    • Mostly, it was music
    • A worthy cause
    • The end product

In the survey I also included some possible quotes and got them to choose the ones that motivated them best.

Screen Shot 2016-04-09 at 8.45.04 AM

I picked the top 3 quotes from their responses and went from there (I did actually have a fourth poster started but it didn’t fit with the colour scheme – might keep working on that a bit later).

The next step was what style of poster. I did a bit of research of poster style on Pinterest and I asked the students if they had a favourite art style or what their favourite album covers were so I could get an idea of something they’d like. The two styles that stood out to me as something I could work with were minimalistic and photographic. So with that in mind, I found some images I could work with and an idea in mind.

Colour scheme: I thought I’d use red, blue and yellow – primary colours, they work well together, they’re bright, and there’s three colours and three posters so it worked out well.

Imagery: music photos, specifically relating to audio students (more behind the scenes stuff). Geometric shapes to add another element to the posters.

I’ll upload images of the poster soon – they weren’t uploading right.

– KH

Studio 2 – Photoshop Vintage Style

Adobe, Design, Graphic Design

My final digital design (for now)!! The hat for this one is one of the newsboy hats. Again looking at the history behind this hat, they get their name from the hundreds and thousands of children who worked on street corners to sell newspapers to anyone they could so they could make a profit of 35cents. What a life.

So for this piece I wanted to incorporate the newspaper into the image (again). I also wanted to use Photoshop as I’ve used Illustrator for the last few I’ve done. Looking through this database of images (from the Library of Congress) I found a number of pictures of newsboys from the early 1900s.

This slideshow requires JavaScript.

So I started looking at a number of different types of photoshop tutorials and different styles I could possibly do.

Thought this type of idea would be cool – You are not in the news

Photoshop tutorial: Use brushes to enhance portraits

Photoshop tutorial: Texture effects for beautiful compositions

I liked the look of this tutorial (How to Turn your Image into a Color Mixture Photo in Adobe Photoshop CS5) so I had a go at creating this style. In the end I decided that while it looked cool (I really liked the colours and style of it), it didn’t really suit the newsboys and their history.

Screen Shot 2016-03-15 at 10.42.47 AM

 

So I looked for some more inspiration. And then I found this one and thought it would be a cool representation of the newsboys:

Screen Shot 2016-03-15 at 10.46.01 AM

Design Vintage Artwork With Old Newspaper And Watercolor Brush In Photoshop

So I’ve followed this tutorial, playing around with some watercolour brushes, transparency, blending, changing the colours of the images and this is what I came up with in the end.

DIG5 - Newsboy Watercolour Collage

Again, comments are welcome 🙂

 – Kim

Studio 2 – Illustrating in Illustrator

Adobe, Drawing, Graphic Design

Another one of my digital art styles – an illustration of a bear wearing a beanie (because who doesn’t love a good illustration of an animal wearing a beanie). I didn’t really follow a tutorial for this one because in the past week we have looked at a few of the techniques in Illustrator and Photoshop. I did find a number of similar types of illustrations on Pinterest that I’ve used for inspiration. I particularly like the racoon in the snapback and the lumberjack bear 🙂

 

So for this piece I used both Illustrator and Photoshop. First up I used Illustrator to draw up the bear and then I transferred it into Photoshop to add the colours, shading and a background landscape.

 

Screen Shot 2016-03-14 at 7.28.33 PMScreen Shot 2016-03-14 at 7.26.43 PMBeanie Bear Illustration

I’d appreciate feedback if anyone wants to share. Thanks for reading.

– Kim

 

Studio 2 – Illustrator Workshop

Adobe, Drawing, Graphic Design

Last week we did a workshop in Illustrator. Our teacher went through some of the different tools you can use in illustrator when creating and colouring in images. The main tools he showed us were the Blob brush tool and the draw inside tool. Then there was also the process of getting your own image into illustrator which can be as simple as taking a photo (you have to make sure your lines are thick enough that they will show up in the image) and then using the image trace tool in Illustrator. Using these two together allows you to draw an image/doodles and then colour within the lines of your image and it also makes it easier to add shading to different areas.

There are numerous examples of digital artwork created using these tools (some are from the slideshow and some I found on Pinterest):

This slideshow requires JavaScript.

These tools are a way of taking an image like this (that you’ve drawn yourself by hand or digitally, or maybe you’ve just grabbed an image online):

Screen Shot 2016-03-14 at 5.48.57 PM

And colour it in so it looks something like this:

Screen Shot 2016-03-14 at 5.49.05 PM.png

(I grabbed the images from the slideshow in class)

This is the one I worked on, it was an image I found online by an artist named Kerby Rosanes (check him out here on Facebook, he’s really good)

doodle_art__dreams_by_kerbyrosanes-d5w9nu0

Screen Shot 2016-03-14 at 6.15.04 PM

Haven’t finished it yet but and I was just choosing colours randomly but if I ever have some spare time I’ll look at it again. Using the tools our teacher showed us I’m able to select each of the shapes individually and colour them in, add in shading where I want and any highlights too.

Studio 2 – Double Exposure Photography

Adobe, Design, Graphic Design

Hey again!

This week I’ve been looking at some double exposure techniques. Here’s some inspiration I found:

This slideshow requires JavaScript.

Tutorials:

How to take double exposure photographs – this one had 2 tutorials, 1 for when using a camera and then 1 using Photoshop. I attempted this one but I think the images I used weren’t the best for this specific tutorial as I didn’t really like how it was turning out.

Double exposure portraits: a simple tutorial for making surrealist images – just another one I had a go at but wasn’t getting the right effect I was looking for. I think they’re just very specific instructions and because my images are different I can’t use those settings so it becomes a matter of playing around with some different tools.

How to Create a Double Exposure in Photoshop

Double Exposure Effect Photoshop Tutorial

Here’s some of the ones I’ve experimented with to see what works. There’s a few I like but I’m not 100% happy with just one so I’ll keep playing around with them.

This slideshow requires JavaScript.

This one is my favourite at the moment

Felt Hat DE w Quote

It was a lot of playing around with different images to see which ones worked together. There are a few different styles of double exposure and different techniques to get the effect and I found that some didn’t work with the images I had picked out. So lots of back and forth playing around with different images and styles.

 

– Kim

Studio 2 – Repeatable Pattern

Adobe, Design, Graphic Design

Hey!

And here we go with another style – repeatable patterns.

Some tutorials I looked at and tried out:

5 Steps to Illustrating a Repeat Pattern by Hand – I’d seen this tutorial previously and it was mainly for doing it manually, sketching it out and cutting it up, and photocopying it, etc. but I wanted to create a pattern on the computer so I searched a bit more for some other tutorials.

Designing Repeat Patterns in Photoshop – I thought this one would be a good one. It was pretty much the previous tutorial but in Photoshop so I did this one. I liked how it turned out but I did think there was a bit too much white space between each repetition. So back to some more researching.

How to Create Repeated Patterns in Illustrator – It was actually for creating repeated patterns for fabric but I thought it was a good tutorial. I found this one to be really easy to follow along and it was simple too.

So the first step was drawing out the pattern I wanted to create. Then I outlined it using a marker pen and then used the app Adobe Capture to get my sketch onto the computer. I coloured it in and then my pattern was ready to go.

I had to try out a few different patterns because I wasn’t overly happy with my first one. It just looked too square. So I tried a few variations by firstly rotating my pattern and then reflecting it. These options just created a look that was more interesting than my images in a square and repeated a few times. If I have time I might look at rearranging my pattern itself and see what else I can come up with because they are all a little bit to square.

This slideshow requires JavaScript.

 

Let me know what you think.

– Kim