Author: Richard Andre

Exploring the basics of photoshop

Design ideas and Process

Design 1:

I saw a YouTube tutorial which involved a messy, scribble- like approach and I thought this would be a good fit for typography as it reminded me of script and calligraphy. I included a lamp as it gave the image a warm feeling, like a podcast might and it also quite literally shed light on something and an insightful podcast should be illuminating. I thought the title script tease was a good pun (strip tease). I was looking through photos I had on my camera for inspiration, when I saw a photo of a streetlamp in dusk. I thought this would be good for a podcast image as it had an atmosphere like it was illuminating some foggy subject.

I opened this photo on photoshop, where I erased a lot of colour from the image so that it would have less noise and fewer colours. I then created a brush from scratch using scribbles I had made with the pen tool. I used this brush to create a scribble behind the lamp, which I then turned into a clipping mask. This made the lamp look like a scribbled drawing. To complete the image, I added text in a script front as with worked in harmony since it looked like part of the scribble.

Design 2:

For my second design, I wanted something a little more straightforward. I thought a marble texture would look very eye-catching, particularly if it used complimentary colours. The pattern was easily achieved by using the liquefy tool on an arrangement of different colours.

To give the podcast branding opportunities I needed to add a title. This required a minimalist approach as anything else would me the psychedelic picture loud and hard to look at. I placed a white square with a low opacity over it, and cut out the title so that it was written with negative space. The typeface I used was Helvetica, which is well suited to minimalism.

Design 3:

The liquefy effect I used on design 2 really inspired me, and that I wanted to create an even more psychedelic design. I wanted to create a design with a retro feel, as my last design felt quite contemporary. One of the ways I did this was to reuse a texture I downloaded for the first design because it gave an aged, grainy texture. To make my design more visually striking I used the whole colour spectrum which breaks the rules a little bit, but what better way to stand out from the crowd?

To add more contrast to this design, I titled it ‘blackletter’ which seemed the polar opposite to the 80s psychedelic effect I was creating.
I then used the liquefy function to create the appearance of paint dribbling down the colours, causing them to blend.

Software tutorials

  • Scribble effect: https://www.youtube.com/watch?v=9MPb9_QSYq0&feature=emb_logo
    I used this tutorial to develop idea 1. While I may not need to make the effect ever again, it was very useful to me as I learned how to make a custom brush from scratch. This means that for a more demanding photoshop project I will be able to use this to make artwork quicker. Moving forward, I want to develop my brush making skills so that I can tailor a tool for any brief. One thing that is impressive about this effect is that it looks like it would take a lot longer to do than it really does. I think what this means is that there is almost always going to be a quick way of doing something on photoshop.
  • Marble effect: https://www.youtube.com/watch?v=loIjVxLb2Gg
    This was used primarily for idea 2, but because I really liked the aesthetic it created, I also used it in a small part of idea 3. This was actually quite a simple photoshop function, but I hadn’t used it before. This tutorial showed me that a very wide range of textures can be made through photoshop, and are definitely not limited to the images you open in the software. Here I have created a simple pattern, but with a change of colour and brush weight, it could easily be water, or any other liquid.
  •  Text cut out: http://photoshoptrainingchannel.com/editable-cutout-text-photoshop/

The text cut out was a better way of doing something which is a basic photoshop trick. Before, I thought I had to created a clipping mask, but this process has greatly streamlined that. I found photoshop quite overwhelming to begin with, but it is shortcuts like these that will really come in useful for the future. They also help to make complex processes seem more straightforward. I think that in the future I want to improve at finding more shortcuts like this, to be as efficient as possible.

Resources for research and inspiration

  • Paper texture: https://www.mediafire.com/view/jatp59cw828hxd0/Texture.jpg/file

Although I found the paper texture through a YouTube tutorial for my first idea, it actually inspired me to create my third idea. I think I should endeavour to get the most use out of textures that are freely available through the internet because the more I have saved, the wider range of aesthetics that I can produce.

  • Retro packaging: https://www.beatsinabundance.com/blog/nostalgic-vhs-packaging-design

The distressed paper texture that I found reminded me of vintage packaging, particularly that of the 80s. These designs tend to have contrasting colours and the designs really catch your attention in a way that minimalist designs of today maybe don’t. Perhaps then, something I could take away from this is that when looking for examples or inspiration, I should remember to look at designs from across time. A vintage design could be useful as it might break typical conventions but in only such a way that it will still obey rules. You would simply be working along a different era’s guidelines.

  • Photos from my own camera

For my first idea, I looked through the photos on my camera to generate ideas. I think this is an important thing to do because it allows you to draw from your own experiences, which make your design unique as it is more personal to you. Furthermore, I think photography can be used to build up a catalogue of impactful images that you can revisit to tackle a brief. Potentially, it is also a visual way of making a note of good design that you may see out in the world.

 

Information design is fun

While doing this task I learned that it can be hard to keep track of all the different types of data you might need to handle when doing information design. I thought that my stylings were sufficient but on closer inspection I missed highlighting a lot of information, such as what language the films is and whether the film has subtitles or not. I also now have a greater appreciation for how hard its can be to get all of your information on one page, as it took a lot of adjustments so that the text fit snugly within the margins of one page. Feedback indicated that my decoration clashed with some of the information for the films, so I increased the transparency so that the text contrasts more with the background decoration.

A Bone-Breaking Clown

Three facts that I was presented with were that someone had two birthdays, someone had never broken a bone, and that someone fell off of a horse once. While reusable birthday cake and horse stabilisers looked promising, they were ultimately dead ends. Oner rejected idea was a birthday cake Rubik’s cube– enough combinations to see you through every birthday you’ll ever have.

The fact I went with for my final idea was that my partner had never broken a bone, so I reasoned a thoughtful gift would be a chance to finally break one. A bone breaking machine seemed a little too on the nose, and two random words, bottle and skeleton didn’t lead anywhere. My final random word was clown, which I think had potential.

Minding the Gap Can Get Tricky

This task was quite straightforward as all the brief was, was to write the word ‘Cadbury’ in the typeface provided. This proved more tricky than I’d anticipated as I chose a serif font, so the structure of the lines was a lot more organic when compared to a sans serif font. This meant that getting the proportions right for every stroke involved was quite hard.

I thought I’d done a good job, but as Gerry pointed out, my serifs were way too pointy and my stroke width was very inconsistent.

For the second part of the task, we had to fill in the remaining parts of the letter from what we were given on the sheet. My serifs definitely improved this time but again, maintaining consistent stroke widths was hard.

Varying amounts of formality in Covid communications

One of the interesting things about the pandemic is the wide range of graphic responses to it. Prom the government, to companies, to families in their homes, there is a massive variety of notices which have been put up, both formal and informal. Companies such as Tesco and Next will probably have their own in-house graphic designers while smaller businesses and families won’t. This means that some notices look very professional and on-brand, whereas others will appear more handmade and thrown together. Two noteworthy examples I found where those of Tesco and one at a shop in the oracle.


Tesco’s poster keeps the Tesco typeface and colour scheme as well as a fitting illustration. As a sidenote, I think it’s also quite interesting how a face mask has become so widely used and recognised. It’s as if simplistic representations of face masks have entered our vernacular. While the poster clearly mimics the Tesco styling, which the designer evidently intended, I would argue that this makes it too easy to ignore. In a Tesco store, there may be many similar posters with this styling, which means this porter may blend in to the point were it’s not actually paid attention to. This makes the design unsuccessful. I think mimicking the official Tesco aesthetic too much runs the risk of appearing too cold and official. I don’t think this design really speaks to the customer in the exact same way as intended as it’s styled almost more of an advertisement.

The other shop (which I unfortunately can’t remember the name of)  on the other hand, has appeared to have taken a rather different approach. They have included two guinea pigs with a rainbow between them. This is quite bizarre, but I think it actually does a lot to maybe make the company’s communication more informal and friendly. The rainbow has come to symbolise the NHS recently, and the guinea pigs may just be being used as symbols for a softer approach. I’m not sure if this is intended, but the rainbow between them makes it appear as if they were socially distant. It’s not exactly professional, but I think this actually communicates to the customer better by doing a lot to humanise the business and its effort for the pandemic. The guinea pigs almost give the business a vulnerable quality.

To conclude, I think the more personal, if less professional communication involving the guinea pigs is actually better, because it humanises the company and is less likely to be ignored.

My job was easy

My initials, R and A are really similar in terms of shape, so I think I had an easier time with this brief than most. That doesn’t mean it was that straightforward though.  Because of their similar shape, when I tried to blend the characters together it tended to look a lot more like A and P rather than A and R. I found that the solution was to morph one of the legs of the A into one of the legs of the R by making it curve off at each end. T think this has worked pretty well as it should look a lot more like A and R in the final image than it does in the process photos. This has taught me that even when a brief appears to be easy, there will still be graphical problem solving that requires creative thinking.

The Borrowers

Before this project, I’d used InDesign before, but I wasn’t aware of the depth of control that it offered. There is definitely a lot to learn here and I think it will be hard to remember all the tips and tricks, especially for text layout. Moving forward thought, I’m definitely interested to see how much can be accomplished on this software. The book I chose to redesign was ‘The Borrowers’ by Mary Norton. I’d certainly like to think my design doesn’t need an explanation!

Bleak, Boring, and Grey

In this project I looked at lettering the environment. Specifically, I took pictures of the greyest, most uninteresting lettering that I could find. Minus the sign on the library, I think I’d rarely notice any of it. This is actually interesting though as particularly with “Altron”, this lettering seems to be in public view but the target audience isn’t necessarily the general public. It’s very unclear as to what the name “Altron” is, so it’s meaningless to most who will see it.

All of this lettering is at a different elevation to the surface it exists on, either being raised above , sunken in, or been punched through. This should make the words more prominent, but really they will me ignored almost all of the time.

Happiness

The idea:

The image which immediately sprang to mind when considering “happiness” was a sunflower, maybe because of the colour yellow, or maybe because the word “sunflower” just sounds happy. I liked the idea of a whimsical character so I gave the sunflower a smiling expression. To turn this image on its head, I drew from the connection between a crop such as sunflowers which are used for oil, and the harmful effects of pesticides used in their production. It is well known that bees are dying at an alarming rate due to factors such as pesticides, so I thought to include dead bees to dampen the mood of this otherwise joyful scene.

The process:

I began by sketching the idea out and inking over it with a drawing pen. On Illustrator I then vectorized the image and coloured it on photoshop. Upon recommendation I animated a camera pan from the top of the image (the happy part) to the bottom (the sad part). I also duplicated the image and darkened it several times to give the animation more depth. I’d never made a GIF on photoshop before so this was a new experience for me

Reflection:

While I think I’ve achieved my goals well, when linking the outcome to the actual brief, I’ve realized that the link between happiness to ecocide is a bit tenuous. This is an important finding as to me, it highlights how it is easy to follow your own interpretation of a brief instead of the actual one.

Stairs: A Failed Experiment

The basic concept was that the book would have seven flights of stairs cut into it, to represent the seven floors that the story takes place in. Also, as the story starts on the seventh and ends on the first, the book was meant to mirror it by allowing the reader to ‘travel downstairs’ as they follow the story. However, the book I’d picked up was much too short for this to have a visible effect and I had been too conservative with my cutting.