Category: TY1SK

Work by Part 1 students as part of their ‘Skills for Design Practice’ module.

Developing a Brand Logo

Design ideas, process and inspiration

I saw this task as a fantastic opportunity to build my very own logo for my art Instagram page. I have experimented and learned how to the different tools on Illustrator; some which were completely new to me like the scissor tool.  The design you see above is actually a continuation from the first experiment I did in this task.

After I had completed the task, I went ahead and explored the composition further and came up with a logo for my own social media design page. I added a square to the continuous line/path which acted like a border/bearer shape for the letters to sit in. I then took the brush tool and experimented with different styles until I found the perfect one which completed the logo design. I finished the logo by stating my social media handle at the bottom using a clear capitalised san-serif.

DESIGN 1

Design 1

Firstly, I began with creating 2 separate text boxes and typing each letter in each of the text box. I chose to use Minion Pro as my typeface as a serif is the perfect example to do it on due to having well defined descenders and serifs at the end which can easily be cut off. To manipulate and distort the actual letters, we need to make a path around the letterforms. To do this, I expanded both the letters by going onto the object menu which gave me a path around the letterforms.

Now that both text boxes were essentially converted to a smart object (due to the paths around them), I was able to use the scissor and line segment tool to draw out the lines where I wanted to break the letter in order for the 2 letters to connect in the end. After I was happy of where I wanted to create these marks, I divided the object using the pathfinder tool – this sliced where I had originally made the marks and to make sure they had separated I edited the object by ungrouping all that was selected. Screenshot 1 shows the top end part of the ‘E’ been cut off. This is where I planned to join the ‘R’ to after extending the line so that there was a reasonable amount of space between both the letterforms. I then did the same thing to the ‘R’ making sure I cut the correct areas out.

I joined both of the objects by using the shape tool and drew a rectangle which connected the two letters together (screenshot 2) By using the cutting method I learned from the tutorial I watched and using the direct selection tool also, I cleaned up the edges where the lines overlapped. The before and after stages of this action is shown in. To finish the edit, I rasterised the 2 elements as a whole which converted it into one single object rather than 2 separate ones.

Screenshot 1: pathfinder, divide and then ungroup from the object
Screenshot 2: joining the letters together

Software tutorials and inspiration 

My inspiration for this design is the logo for Louis Vuitton. I like the way they have combined both of the letterforms as a whole. However, I wanted to put my own spin on this, therefore I removed parts which I thought were not essential, but kept the parts which were needed to ensure the letter did in fact look like it was meant to be. To do this, I used 2 video tutorials which helped me. I understood that I needed to outline the text and the video provided in the brief helped me to do so. In terms of cutting parts of the letter out, I found a tutorial on YouTube which helped me remove the parts I did not need. I learned how the scissor tool can be used together with the line segment tool to cut out parts of an object and how the direct selection tool can come in handy to line up the corners of the object and deleting points if necessary.
Helpful tutorial: https://www.youtube.com/watch?v=0LMqhHkI76I&ab_channel=JanisDougherty (cutting shapes in Illustrator)
Helpful tutorial: https://www.youtube.com/watch?v=dz6P94HoZnc&ab_channel=StickerGiant (outlining shapes)

Inspiration for design 1: https://www.gallerymonkey.com/LV-Logo-Black-White-Wall-Art

DESIGN 2

Design 2

I started off this design by choosing the typeface. I wanted to make my second design more abstract which is why I picked sans-serif typefaces like Baloo Bhaina and Chalkboard; I chose Chalkboard to be part of my final outcome. The thick strokes of the letter forms is perfect for the effect I was going for as it does not hold back. It stands out and it’s out there and fun. I then drew out the first shape I was going to experiment with – an ellipse. I then created an outline for the text box which essentially converted it into a smart object (with a path)

For the text to warp into the shape, with both elements chosen, I applied the ‘Envelope Distort’ option and I made it with the top option. This gave me the finish I was looking for (screenshot 3) I was not a massive fan of this though, so I went ahead and experimented with a different typeface and shape – this time a rectangle. After adding 2 more points onto the rectangle using the pen tool, I grabbed the direct selection arrow and distorted the rectangle to the shape. Like I previously did, I warped the text using the same technique, however this time remembering to group the rectangle before I did so as I added 2 additional points to the rectangle which had broken the single path. To stylise the warped text, I added a shape around the text as well changing up the colours using different layers to get the final outcome (screenshot 4)

Screenshot 3: using ellipse as the shape for the text to warp into
Screenshot 4: adding colour

Software tutorials and inspiration 

Through this design, I have learned a new technique. I was always intrigued to know how people do this and now I finally got around to finding out as well as making my own thanks to this task. It’s quite simple too. Not only do the tools do amazing things but after exploring a couple of the options on the top menu bars allowed me to see that most of the interesting stuff lives up there. I used my previous knowledge on manipulating shapes to change and enhance the background to make the logo the best it can be.
Helpful tutorial and inspiration: https://www.youtube.com/watch?v=zDWcrCzzwxw&ab_channel=DesignTuts (warp text into the custom shape)

DESIGN 3

 

Design 3

To begin this design, I decided that I was going to use a sans-serif as I hadn’t played around with them as much (like I did in my first design) I realised that creating them as outlines was always the first step to do as it makes a path along the actual letter forms making it easier for us to manipulate the letters. So, after I had done this, I remembered to ungroup the whole letter and began to add lines using the pen tool to see where I would have the cut outs (screenshot 5) After I was happy where I wanted to place these, I used the pathfinder tool and divided the shape so that it make a cut in the letter where I had drawn (screenshot 6)

Now, it was time to wing the ends out – I did this by adding a couple more anchor points and using the direct selection tool to expand these where appropriate to create the desired effect (screenshot 7) I then manipulated the ends of the E to make sure the style was consistent throughout as it looked odd without doing so I then did the same to the R, as well as beginning to experiment with colour. I made the cut in the R even more distinctive compared to the E, to use the new technique I had learned. I felt as though by adding more drama to the R would bring the logo together. Lastly, I positioned them so that they created sort of a journey from one letter to the other (starting at the top and slowly changing direction as you move your eye down to the R) I experimented with the line width of the framing of the circle as well as switching up the colours to create an altered ending finish.

Screenshot 5: pen tool + “create outlines” function
Screenshot 6: pathfinder tool to divide the letter
Screenshot 7: using the anchor point and the direct selection tool/white arrow to extend the ends of the paths

Software tutorials and inspiration

I found a very useful tutorial to help me with changing up the letter form differently. Although the video showed tools and elements I already was aware of, it showed me how to do things differently. I can now use the pen tool better to by knowing where to add different anchor points which I can then pull out or draw in to curve the edges or extend the corners out. I was inspired by the Nespresso logo, more specifically the ‘N’ in it. It follows the same idea I have dealt with through this design. I think by adding this to the starting letter like the brand has done adds an excellent degree of style, whilst also being legible to users.
Helpful tutorial: https://www.youtube.com/watch?v=-NJojxyLM2c&ab_channel=RifkanCreation (letter logo in Illustrator)

Inspiration for design 3: https://en.logodownload.org/nespresso-logo/

Reflection

Throughout this task, I gained a better understanding on how the pathfinder tool works – how I am able to use it to divide sections, overlay, combine as well as group together too. The ‘create outline’ function is extremely useful as it converts the text box into letters which have paths around themsleves. Working with this is easier, as you can take any point on the letter/shape and change it to whatever you feel suits the design and style. Doing this has improved my practice using the pen tool. I am now able to know where to put additional anchor points if I need them and where to remove them to get a softer curve.

An area to improve is to explore the materiality of the letterforms (e.g. adding texture within the letterforms for a greater impact) I think experimenting with different letters of the alphabet can also be useful as by pairing different letters together you can use the shapes of them differently and intertwine them with one another.

 

 

 

 

 

 

 

Creative Images on Photoshop task – TY1SK

Design ideas and design process:

All photoshop designs here included my own photography, the first 2 being of my dogs. In the first one, I isolated him from the background and used a series of brushes to create an ink splatter effect to show off his colours well. Using the eyedropper tool, I could select the same colour as his fur and would create brush strokes behind him. To get rid of any solid outlines I then applied a layer over the top of him, less intense so that all his details could still be seen, yet he is absorbed into all the ink. This made use of his natural colour tones and exaggerated them as much as I could. Alternately for my second design, and other dog, I went for a more cartoony feel, with a pop art aesthetic, steering away from the more complicated aesthetic from the former and favouring bright vibrancy. It feels blockier and more fun, yet I favoured the image resembling more of the original photo, the first design. Therefore, for the final design, I took what worked best in the former two and applied it to my photo of people this time. Using ink splatter to exaggerate the colours of hair, skin and clothes, with a pop art overlay. I feel the transition between realism worked more seamlessly here than in the second design as it blends with colour more effectively due to how intense the presence of the ink is. The focus on the people aids this greatly as the colour and ink flow around the image in a natural way for the audience to follow with their eyes.

 

 Designs 1-3

 

The first image shows the underlying layers of ink brushes and the second shows how awkward the image looked awkward when there was no overlaying ink , as to why i added this later on.

 

The first image shows the early design process when i realised that the pop art effect didn’t work so well on its ownand the second is where I attempted to add no detail to add to a comic tone but decided against it.

The first image shows all the underlying ink layers without the figures with the second showing the figures with just the smoke which  inspired me to consume them in it as it flowed well.

 

Software tutorials

The main assets I used here on Photoshop are the brush and eyedropper tool. This allowed me to colour pick the exact colours of elements of the photos so when painted on top of or behind there is a seamless transition. This also worked for colouring the brush the same colour as the background so there were no harsh lines or clear transitions, it all blends into one. This worked for both the first and final designs to great success. This was especially amplified by increasing the vibrancy of the images so that the colours really popped out and became the main features of the original photos; https://www.youtube.com/watch?v=FipliqS7GYU&list=PLEEgLOr8DxSPMjRanf-E4DaZYLVY9jWhQ&index=7

This is the tutorial I watched by Hass Hasib as the main tutorial in my design, showing how he used brushes in creative ways, something I then wanted to emulate in my own work with my own images.  In the second and third design I also made the images look cartoony by altering layer styles, filters and colour to my advantage as well as learning about colour halftone on Photoshop with Blue Lightning TV Photoshops tutorial; https://www.youtube.com/watch?v=IS6k9ax4joI&list=PLEEgLOr8DxSPMjRanf-E4DaZYLVY9jWhQ&index=9&t=21s

These 2 major stylistic choices are not usually presented simultaneously, therefore, that Is more of a reason why I wanted to combine the two, taking what worked and abusing it to extreme effects with very harsh outlines and thick strokes as well as vibrant and loud colour brush effects that amplify and flood the image. These skills I had never dabbled in before and by revisiting both of them in the final design worked as a kind of test to me to see how to apply what I had learnt in the tutorials without external assistance the second time around, to, what I think, was a success.

 

Resources for research and inspiration

After seeing the first tutorial mentioned above by Hass Hasib, I searched for similar looking final designs using the splash dispersion ink effect such as this one; https://www.youtube.com/watch?v=jxA-E9VtL0s

Although I did not watch the technical elements of this video, I liked how the final image uses colour so violently, in the audience’s face, bringing so much character and excitement. This is a photo where the figure Is moving so it inspired to see if I could bring so much diversity to a stationary image of my dog who has very neutral colours, brown, blacks and whites as opposed to the red and blues present here to see what works well and do the opposite despite the fact to see if I could achieve just as effective results. It became more inspiring when designing the 3rd creative image as here there was much more colour on show I could exploit, make sharper and channel this concept more thoroughly in a playful way as opposed to the more mature and reserved approach I took with the first dog design. For the second design, although not looking very similar, one of my main influences after watching the tutorial was the loading screens for the video game Grand Theft Auto V which present the main characters in a comic pop art version of themselves, still realistic but with more pronunciation on strokes. This Is an approach I took with my second dog, to keep the details but reduce the image to a comic from with bold pronunciation; https://www.youtube.com/watch?v=9_YJnor4XH4

I decided to stray away from the more realistic GTA V aesthetic, applying colour halftone pixels with 6 pixel radius creating marks as if the image is printed on old printers like classic comics and 80s pop art.

 

 

 

 

 

 

 

 

 

Creating Letter Logos

Design Ideas and Design Process

For my Illustrator task, I decided to create three completely different logo concepts. I wanted to showcase one simple design and two more complex ones, this was so I could display a range of existing skills and some newly learnt ones. I went a bit overboard with the number of designs as I wanted to showcase a huge range of skills – they ranged from simplistic to more technical designs.

My first logo design – featuring the font Toonish.

For my first design, I simply used the font Toonish and layered two copies on top of one another. By outlining the font, it meant I was able to position the top layer slightly more to the left and upwards. I then changed the bottom layer to black so it then resembled a drop shadow effect.

For my second design, I used the pen tool to create an m type shape. I then copied this and inverted it to create the fill version – I used the gradient tool to create the rainbow effect.

Creating the outline of my M shape.
Creating the different layers.

For my third design, I started by using a long rectangle with curved corners to create an upside-down V. From here I altered and connected the edges by using the pen tool and repeated the shape to create the overall M outline. For the navy shadow, I used the same outline but altered the edges to give it more depth. I liked the look it of with the white M and blue shadow but felt like it was missing something. I added the pink detailing by laying a pink m on top of the white one and using the shape mode, intersect to cut away the sections that overlapped off the bottom layer m.

For my next design, I had a play with a calligraphy style – I created this by using the Pen tool and changing the brush definition to 5pt flat. This meant the line wasn’t a consistent thickness and therefore looked like it had been drawn with a nib pen.

All of my designs.

For the rest of my designs, I created them by experimenting with lines, fonts and shapes. These designs better represent my style – I enjoy minimal designs and using an earthy palette. The serif font I used across these designs was Neuton, I just used it in various forms (extra light and regular).

My final three designs.

 

Software Tutorials

The biggest challenge for the Illustrator project was trying to think outside the box on what skills I could learn and use. 

The gradient before creating the compound path.
After creating the compound path.

For my ‘Rainbow M’ logo, a lot of the skills and shortcuts I used, I already had an understanding of. I’d previously experimented with creating my own shapes, using the pen tool but when it came to adding the rainbow gradient I had a little trouble. Every time I tried to add the gradient, it essentially restarted at each of the joints of the shape, rather than covering the whole group of shapes. By watching the tutorial ‘Creating a Gradient Across Multiple Objects Illustrator’, I was able to learn that by selecting all of the shapes and clicking ‘Make Compound Path’, illustrator makes them a group and therefore sees them as one path or shape. This’ll come in handy when adding gradients to outlined text, as they’re also treated as separate shapes.

In the future, I’d like to learn a faster way of doing everything, whether this is learning shortcuts or different tools that do the same thing, just in a faster manner. The ‘Creative Blog’ offers a list of Illustrator shortcuts so I’m going to start trying to learn these to minimise the number of times I need to use my mouse. Also on reflection, maybe I should have created a logo for each of the recommended tutorials – that way I could have shown all of the suggested skills.

Examples of Isometric Illustration.

One specific skill I’d like to develop is how to create an isometric illustration. This is a style of drawing that uses a technique called isometric projection. By using this, any three-dimensional object can be drawn on a flat two-dimensional surface. It’s not an easy skill to learn but the end result is impressive. I really like the idea of being able to improve my work by adding illustrations that offer something different to your standard flat two-dimensional designs.

Links: 

  • https://www.youtube.com/watch?v=VbQdji1NBrU
  • https://www.creativebloq.com/illustrator/shortcuts-5132938
  • https://www.freepik.com/blog/understanding-isometric-illustration/#:~:text=An%20isometric%20illustration%20is%20a,block%20for%20all%20isometric%20compositions.

 

Resources for Research and Inspiration

I started this task by looking on Pinterest at different letter logos – by creating a board on Pinterest, I was able to highlight my favourite ideas. Being able to refer back to the Pinterest board meant I was able to chop and change features of other logos and incorporate them into my own designs. It helped me to develop my ideas and progress them into something I initially hadn’t thought about. 

My Pinterest Board

On the other hand, you can see from my pins, I tend to gravitate towards minimal, monochrome designs. On reflection, this is and was one of my downfalls when it came to this task. I need to push myself to look at designs that I might not necessarily like but were made by using skills that I don’t possess. Or even, if they look complex and like something I can’t do, then break down what I think they’re made up of and watch tutorials on the skills I don’t occupy. I also need to not limit myself to Black & White – it’s not like any of the logos were going to be used so I should have played around with more colour variations.

I also think it would have been beneficial to look at designs that consisted of two letterforms. This would have given me an insight into how other designers integrate multiple aspects. 

The article ‘What Makes a Good Logo: The Dos and Don’ts’

Since designing my logos, I’ve read the article ‘What Makes a Good Logo: The Dos and Don’ts’ by Wix Blog – this is something I’d have benefit hugely from in my initial planning stages. I was surprised that the article didn’t focus on having an image-led logo but instead spoke about the aspects that often get overlooked. These include; space, readability, background contrast and aligning all your elements. 

In the future, I’d like to explore text effects more. The article ‘The Top 80 Adobe Illustrator Text Effects Tutorials’ offers a huge variety of text effect tutorials. With the selection they offer, I have the ability you can learn how to create blurry, bubbly, retro, or futuristic effects.

Links:

  • https://www.pinterest.co.uk/mollyp0424/logo-design/
  • https://www.wix.com/blog/2018/07/good-logo-design-tips?utm_source=google&utm_medium=cpc&utm_campaign=9823943661^102253749073&experiment_id=^b^433896974317^^_DSA&cq_src=google_ads&cq_cmp=9823943661&cq_con=102253749073&cq_term=&cq_med=&cq_plac=&cq_net=g&cq_pos=&cq_plt=gp&gclid=Cj0KCQiA4feBBhC9ARIsABp_nbUwDqlakdGulOW7qE3wJvfi8j_Wy5lLtzpboHLu2X_eHadlXSRtrUAaArZaEALw_wcB
  • https://1stwebdesigner.com/illustrator-text-effects/

Photoshop”creative images”

Photoshop”creative images”

This week, I decided to choose “creative images”. The first reason, why I have chosen this assignment is the freedom of choice. We are not bounded by the theme “Typography and Graphic design”.

 

INSPIRATION

My theme for this project is Space and the Odd objects. My inspirations for this task are Paul Rand and Henry Matisse.

I love the vibrant colours that were used in their works. They are simple and straight forward.

      

Posters by Paul Rand

 

 

                                                                                                                            Henri Matisse – The Dancer, 1949

 

 

Paul Rand was a famous and very talented American graphic designer, who create IBM, UPs and loads of other beautiful logos. “Everything is design. Everything!”1. Paul Rand had an amazing sense of shapes and colours, he managed to mix everything and still had a certain balance in his works.

 

Paul Rand’s corporate logo designs

 

Henry Matisse was a famous French artist who created beautiful collages and paintings, following “Fauvism” movement. “That freedom seems to define the works on display: vibrant blocks of colour and simple, exaggerated forms that capture an expression found in memory and intuition. Matisse aspired to creating art that was tangible and could be felt by every man—it is this thought and feeling that pulls you into these large-scale designs.”2

 

 

Henri Matisse, The Sheaf, 1953

 

 

I have read books about Paul Rand, “Paul Rand : Conversations with Students”.

Quote that impressed me, was:

  1. “Form is how you treat the idea, what you do with it. This is exactly the meaning of design: it is the conflict between form and content, form being the problem.”1

This quote made think a lot and I decided to create a form, that will solve my problem.

My problem: How to represent aesthetically pleasant object with a meaning?

How to represent a Space through the shape?

 

 

PROCESS

For this task we have been assigned to use photoshop. While designing, I realised that I want my work to remind the viewer of Henry Matisse art pieces. I have gathered simple shapes to make a collage. I inserted the photo of the circles, that were cut out of paper and placed them on the left side of art board. Then,I have used Liquify filter, to give the circles a melting effect and for that, I have used “Forward warp tool”.

Once, I finished with the circle, I moved on to the photos of planets. I have used a “Quick Selection tool” to cut out the planets. Then, I used a blur tool to smudge the edges of the circles and make look more realistic.

I have applied Matisse’s technique, collage. I changed the layers, so that planets would like like they are underneath the paper circles. Then, I used the eraser tool to remove all unnecessary parts of the planets, that were overlapping with the paper.

Lastly, I added two backgrounds white colour and space background.

Zulya Pashayeva, Space and the Odd objects,2021

 

RESOURCES

It thought me how to apply “onion skin mode”
https://helpx.adobe.com/photoshop/how-to/selection-masking-space.html

It ought me how to overlap the pictures
https://helpx.adobe.com/photoshop/how-to/composite-photo.html

https://www.youtube.com/watch?v=z0ckMwQxc1shttps://www.youtube.com/watch?v=z0ckMwQxc1s

 

WHAT I HAVE LEARNED

  1. I have learned how to apply different filters: 3D, Liquify, Pixelate and Blur.
  2. I have used new tools: History Brush tool,Blur tool and quick selection tool.
  3. I have learned how to use a property panel.

 

OUTCOME

Photoshop task has not only taught me the technical skills, but it taught me to think “out of the box”. I don’t look at the forms and colours the same way anymore, as they can be transformed and convey absolutely different message to the viewer.

 

 

 

 

 

 

Citation List

1.“Everything is design. Everything!”
Kroeger, Michael. Paul Rand : Conversations with Students, Princeton Architectural Press, 2008. ProQuest Ebook Central, http://ebookcentral.proquest.com/lib/reading/detail.action?docID=3387545.
Created from reading on 2021-03-10 00:34:59.

2.Henri Matisse: The Cut-Outs Tate Modern, London, UK, until Sept 7, 2014, and then touring to the Museum of Modern Art, New York, USA from Oct 14, 2014, to Feb 9, 2015 http://www.tate.org.uk/whats-on/tate-modern/exhibition/henri-matisse-cut-outs

Magazine layouts

Design ideas & process

I wanted to show two very different design layouts and chose a non-linear and a linear design. For one I wanted to use a lot of images with not a lot of space between the writing and for the other I wanted it to be very striped back in terms of visual design features.

Linear design
Non-linear, circular layout

For the very stripped back design approach I wanted to let the typography do most of the visual effect and only used one photograph. This was possible through the use of the text wrap panel. Wrapping the text around the image it could add extra visual to the spread and tie into the text so it doesn’t seem out of place or forced. To stop the image from taking over I used the direct selection tool to cut the image in half so only the right bottom triangle remained, thus allowing the text to wrap around the photograph in a diagonal line to bring it together.

Typographic design visual
Photograph prior to editing & text wrap

One of my design ideas was to create a circular layout, with the individual book covers surrounding the middle, creating a boarder for the circle. As it is a circular design the most important information goes to the centre, the core of the design. Individual book’s descriptions and information surrounds the title and introduction ,which the reader needs to make sense of what is going on – otherwise they may believe that it’s an ordinary list of books. Another reason for the book information going around the circle is to ensure it is clear that all the books are of equal weight in the hierarchy. There can be no mistaking one as more important than the another. To emphasise the purpose of the article I changed the colouring of the words ‘break the mould’ as that’s what it comes down to, these books aren’t the norm.

Original idea
Tinted background, prior to text wrap

Software tutorials

Building on the skills I learned from my previous experience with the Adobe InDesign software when we did the book exerts last term I used my notes to reiterate the principles we touched upon already. This helped me a lot in terms of setting up the hierarchy – especially with the non-linear design as it is an unusual spread for people to come across. Following the rule that something new catches people’s attention, but too many new and unusual things may end up confusing the reader in the end I drew from my experience of common and uncommon techniques. In order to get the spacing between the linear design right I used the guide lines. Similarly I ended up using the guide lines to centre the title and article introduction for the circular spread.

I did use the Adobe InDesign tutorial for Adding work with graphics to learn how to use the text wrap panel. This allowed me to further develop both my designs. Another good thing I learned from this tutorial is how to use the direct selection tool to alter the frame of an image in InDesign. I used this for the chosen photograph to become an integral part of my design to ensure I wouldn’t overwhelm my design with my chosen image. It allowed me to incorporate the photograph into the existing design, while keeping the balance of the layout. With the text wrap I managed to generate more space for the non-linear layout while also linking the individual covers to the corresponding information.

While it wouldn’t have worked for my designs, I do want to learn some more about how to wrap text around an object. Especially as the object doesn’t need to be removed from the image before being placed into InDesign. There’s so many possibilities I can explore with this. Moreover, in future, I would like to explore some more magazine layout styles, in particularly the call out features they use.

Resources for research & inspiration

One of my hobbies is Bullet Journaling (BuJo), so I create layouts a lot within my life to keep myself organised, jot down my ideas and thoughts and to relax. This meant that when this task was presented to me I already had a lot of different inspiration from creating my BuJo. As I wanted to do something that was non-linear I used a double spread layout I like to use on occasion as I felt it would suit the purpose. While I cannot recall who initially introduced me to this particular layout The Petite Planner uses a spread like this for her weekly spread to give you a better idea. Many others in the BuJo community use a similar layout for some of their spreads – the most popular ones I believe are to ones for tracking habits to improve them.

In terms of my other design idea I didn’t have a singular inspiration, I simply knew I wanted to create a large contrast between my two designs. I’m also rather fond of simply having text be the visual as I feel it is being often overlooked. Since I knew the other design would be quite heavy with images, colours and not have a lot of space I wanted this design to show the opposite (within reason of course). After having looked at some of my peer’s designs so far I developed a better understanding of what exactly I wanted my linear layout to look like.

Creative Images through Layer Masking

Design ideas and design process

Final Design 1

Combine black and white with colour

The idea behind design 1 as a final design is that it shows one of the new skills I learnt for this task. This was my first attempt at working with layer masks and I can now say that I have a better understanding of them after carrying out this design. I feel that this design shows that I understand how to use layer masks to design a creative photo.

 

Final Design 2

Changing the image in the background

I have chosen design 2 as a final design as it shows another one of my new skills I have learnt from a tutorial. Whilst also pushing my experiments with layer mask; by using layer masks in a different way to the previous design. I am happy with how this design turned out, and feel that I am getting the hang of layer masks and will start to use them more in the future. As they are a really useful tool. I also feel I now know how to better manipulate images by merging two together. As previously when I have tried to get an outcome similar to this it has looked messy, But then again I did not use layer masks before.

 

Final Design 3

Dripping & Splatter effect

For my last design I wanted to experiment with layer masks to create a dripping / splatter effect. I found this hard to do with one of my own photographs as I have never done this before and I struggled to find a simple picture that was right for this. So I decided to download the file provided for one of the tutorials. I chose this design as one of my final designs as I feel that I am starting to master layer masks and because of this, I was able to create an image with dripping and splatter effects. Also this designs shows a different experiment to my previous ones.

original photo

For my final design I was set to try and experiment with dripping and splatter effect created through layer masks. I watched a couple tutorials on this but I felt I hadn’t quite found the right one to follow yet. I used my last tutorial and downloaded their files to follow their tutorial. I was going to use my own images to follow the them but I found this very hard to do, as I wasn’t sure on how to do it still. So I decided to use their images they provided.

Quick selection tool

I started off by using the quick selection tool to select the girl in the photo, I then added a layer mask to get rid of the background in the image. I duplicated this layer but made one invisibly.

Dripping layer

My next step was adding the dripping image provided onto my art board. I used the magic eraser tool to get rid of all the unwanted white on this layer. (I never knew the magic eraser tool existed so this was a new tool for me to learn).

Mask layer

I then placed the dripping image behind the layer of the girl and resized it to where I would want the dripping on the girl. Whilst being on the dripping layer, I selected the mask of the girl and pressed add mask.

dripping effect

I then made the original layer visible and erased the bottom half of the girl, creating the dripping effect seen as the image above.

Development of splatter

After knowing how to do this, it is quite easy to create the dripping effect using layer masks. Although it is still a long processes. Instead of leaving my design here, I stretched it further by adding splatters into the final design.

Software tutorials

I used a wide range if tutorials for this task; some more useful then others. In this blog I will discuss the more useful of the tutorials I was, focusing on the ones that helped me with my designs.

Combine black and white with colour  Is the tutorial I found most helpful with when creating my Design 1.  I never knew how to properly do this before as I always found a long winded way round this before, so it was useful watching this and learning about an easy way to achieve this. I wanted to try this for one of my designs and follow it step by step to make sure I understand and knew how to achieve this.

Changing the image in the background I used this tutorial for my Design 2. Whenever I have tried this before it has always come out looking messy or unprofessional. So it was useful watching this tutorial and learning how to do it properly and creating a good outcome without getting frustrated along the way as it isn’t working or coming out how I want. So this was a good tutorial to watch as I learnt how to properly do it. Which will enable me in the future to create work that I have wanted to create before but didn’t know how.

For design 3, I watched many tutorials to try and understand how to create this effect. I found that each tutorial taught it in a different way. The tutorial I followed for this design was  Dripping paint splatter. I found it the most easy to follow and one which had all the images available to download to follow each step. What I worked out following these tutorials is that you need images to full-fill the dripping and splatter effect, or your other option is to draw it. There is not one tool (that I know of) out there to create this effect.

I would like to further my skills by putting this into practice and creating more complex designs. I would also practice the dripping and splatter effects different ways on my own photos, as this will enable me to perfect my skills. I plan to do this by watching and following more tutorials.

Resources for research and inspiration

I mainly used tutorials as my resources for research and inspiration. As for this task, it wasn’t just about the outcome, rather it was about learning how to use layer masks to the fullest so in the future I can create unique designs. Therefore, I didn’t spend time looking at outcomes that I could create, rather how I could create these outcomes.

Design 3 was the design that used the most research before creating. I always saw design pieces like this and wondered how to actually get this outcome. Was there a tool? Was it a filter?  I still feel there is more to this then what I learnt for this task. Therefore this is something that I want to explore further in the future. But what I can tell you, is what I know now and what I learnt.

Have a go at the ‘Dripping and splatter effect’ that I linked previously, as I believe this tutorial is a good starting point and the most easy to follow and understand. Along with the way they did it using layer masks just is easy to understand compared to some of the other tutorials that I found.

If you want to experiment another way try Dripping effect. I found this tutorial useful and easy to follower, as the designer talked over his steps of what he did and why. I would recommend trying this after the previous tutorial.

 

Overall, for this task I learnt how to use layer masks and now that I understand them; they are actually a very simple and useful tool to know and use. Not only do I know how to use layer masks one way, I understand how to do multiple different effects using them. This was through the variety of tutorials I watched.

 

Learning new techniques in Photoshop

Design ideas and design process

Idea 1

For idea 1, I combined a sunset sky  with a photo of The Kicking Horse river in Jasper. I used a clipping mask to remove the sky from the Jasper photo and then used the select options to contract and feather the edge of the mountain. I then went back onto the clipping mask and used the brush to pull the colour from the sunset into the remaining clouds on the Jasper photos, by using a soft brush at half opacity. Lastly, I changed the colour balance on the Jasper photo so that it looked more realistic with the orange sky, making it warmer and redder. I really like the sunset approach to this river, which was originally in full daylight, and the warmer atmosphere created.

Idea 2

In idea 2 I did a pink colour pop with one of the macaroons and applied a background blend of coffee beans. To do this I used the black and white layer adjustments mask and adjusted colour levels to make the macaroons stand out. I then used the select tool and a black brush to bring the pink macaroon back out. I experimented with black and white gradients on the layer mask to bring in edges of pink but I didn’t like the look of this. Instead, I selected the macaroons and duplicated them before placing a photo of coffee beans onto layer 0. I played with different blend modes and opacities, ending up with a subtle coffee bean print, suggesting that these are coffee flavour ed. I like the final macaroon design for its simpleness and cleanness, with the subtle coffee beans hinting at the flavour.

 

Idea 3

On design three I tried the splatter technique on a peacock image. I masked off the background of the peacock and then created a new layer. Using the keyboard shortcuts I and B I made splatters behind the peacock and on the layer mask of the peacock. I adjusted the brush settings to get different sizes of splatter. I really like this effect and it was surprisingly easy for how effective it is. I then put a photo of a forest behind it and did more of the same effect to unify the image.I think the peacock design is bright and refreshing and feels sort of magical, as the particles of colour fly around and disperse.

Software Tutorials

I enjoyed watching a wide range of videos on Photoshopping techniques for this project. I learnt a lot about layer masks, which I had not explored further than colour pop before, which are very useful for applying effects to only one part of an image. They also allow you to edit photos ‘non-destructively’, meaning that it is much easier to go back and edit/reselect areas of an image, possibly saving a lot of time. A useful shortcut I learned was that ‘x’ switches between black and white when using clipping masks.

I have a better understanding  how to create other effects such as splatter and glow, as well as the endless possibilities using blend modes. I also found out that command clicking on a layer selects just the layer. Here are the videos I found most useful:

How to Use Layer Masking: Photoshop | Adobe Creative Cloud – About masks

 

The Macaroon project: https://www.behance.net/gallery/108555483/Le-Dolci?tracking_source=search_projects_recommended%7Cmacaroon 

 

 

TY1SK Blog Post

For my illustrate a task I chose to do the creating a logo using your initials task which I quite enjoy it but had some issues with the software going through it first so I was practising creating a 3-D effect using some words such as bands for my brand I was working with but when I attempted to use the same techniques to make my own logo illustrator kept on crashing throughout the steps so I decided to find another way to create a logo using two initials of my first name and my second name, because looking at my last name along with my first name I can’t I couldn’t really think of anything that would be a aesthetic to use as a logo so I decided to use W and A, which gave me more ideas which I was then able to create a logo which are quite liked the look of and I was able to played about with. As you can see you have combined the W with A and duplicated it layered it on top of each other to create a kind of shadow. To do so, first I cut up some shapes and letters and position them in a way which worked well together, then doing some readjusting,  to change the edges as they weren’t really straight or there were two curved for me to use so it was difficult for me to keep it clean and neat for my logo so, after doing that I then duplicated that and made it a black fill to then duplicate again and make a blue shade so that it looks like a shadow behind it almost like a 3-D effect which I wanted to go with to begin with but I couldn’t use the same effect as I had done before because of problems with illustrator but overall I’m happy with the outcome of my final production with this logo as it came out me and straight and 3-D.

creative pictures

After doing some research I thought of making something which was see through organza( a fantasy ) like. I didn’t really made any sketches because I knew what I wanted in my mind and I had reference to look at. I had some pictures of my friends because photography is one of my hobby and I use to take a lot of pictures around friends. I have chosen a picture of him to do my manipulation. I chosen this image as when you look at this image you can see how it looks like he is imagining something you can see the happiness in his eyes. I have dragged the image into the photoshop and than i have choose two different pictures to make the background and the foreground . However i would like to keep the mid-ground. By pressing this button I I made another layer of that layer. After that EDIT>Fill. Then by using the eraser tool I have taken out the bits and left the background. I like this image as the this image is very imaginative and doesn’t really happen in real life. I am not pleased with the outcome as the picture looks really fake and a bit edgy however it was an experiment .To develop this further I would like to change the background into something different sach as a bridge or a tree but not these kind of images.After that i might try to printing to see how it would come.

for my second design I have used my friends picture which I have taken. I chosen this picture for my experiments as in one picture the light is to much where as in the other picture the light effect is a bit less. I was thinking if I could combine them and create a similar picture to the last design however a different. In my initial design was to create this see through portrait. I have used IMAGE>ADJUSTMENTS>HUE/SATURATION to change the colours of every single picture. After i had to move the two pictures to another place so i can see it i changed the capacity so i could see through. after looking at it I didn’t line the colours it was too bright and hurting my eyes so I have taken two different pictures and the I have change the colour to black and white which was quite the opposite of the picture. had already seen. Then I have added both pictures in photoshop and adjust the capacity to 50 both. after that the picture was looking alright however I wanted to add some colour to it so I have used brush too and coloured some parts of the picture. I like this picture which i made because of the colours and the see through capacity of this image ,the black and grey colour went perfect with the burnt yellow colour made it more meaning full. I don’t like that the image is to simple however i think if i would have added another thing in this it would have been to much, as i tried to see how would it look in the experiment picture.For further improvements I would defiantly try to create the second picture out of colour then maybe it would have been a bit more interesting like a face mask or a personality mask

For my 3rd design firstly I have used a picture form google l and then cut it out to use just the face of it, then I have used the text which was distorted by the filter to give it this yellow water look. to create the lines I have simply used the rectangle shape maker tool to Create these lines which look like a fence after that I have looked at how to make this gradient by the help of the video I haven’t done the same but its not that different either. I have used a the grid tool to make the lines in the background. after that I had used the gradient shape on the eyes and that was it for this design, however it looked a bit empty so I left it for some time and changed some bit the next day and then added a computer and the flowers. to develop this further I thing the flowers could have been a bit better than these but its alright I guess

Developing Basic Skills in Photoshop

Introduction

In this part of my journey, I was asked to edit a variation of images in Photoshop. Upon approach to this task, I felt quite skeptical because I had very little experience in Photoshop. However, Photoshop is something I have always wanted to excel in but had not yet had the opportunity to fully practise the software. This was my perfect opportunity.  As someone who is aware how crucial Photoshop can be in the Design world, I was eager to get on and start this task.

Design Ideas & Process

I began by familiarising myself with the software. Considering my lack of experience in Photoshop, I thought practising a bit first was important. I research a couple of tutorials on youtube and this is where I found the inspiration for my first practise where I made a cow disappear from the scene using the clone tool. I would then take this skill i’ve picked up onto something a bit more relevant to the likes of a Typography and Graphic Design Communication Podcast cover.

Before

 

After

Spot the difference?

 

 

 

 

 

 

 

I then directed my practise towards something a little bit more complex. I wanted to create a sort of colour pop image where everything is in black and white but with a pop of colour. I instantly thought to make the colour of an eye pop and thought this would be great practise where I could then go on to apply this to something more relevant. Here, I am experimenting with adjustment layers and the eraser tool to create an hole through the adjustment layer, therefore showing the image behind the black & white adjustment layer.

Before

Using the eraser tool to reveal colour underneath.

After

 

 

 

 

 

After having a bit of practise, I decided I may be ready to start some more relevant designs. I came across a desk image which I thought I could play about with. The cup of coffee was a bit awkwardly placed for me, as I also wanted to include some text. I applied my previous cloning experience to make the cup disappear. I used a variation of colours to contrast the clinical background and then used the clone tool with a more abstract approach to create a David Carson grunge inspired Typographic feature in the bottom right. I felt this would most definitely be suitable for a podcast cover.

Before

After

Cloning Practise and experimenting with text.

 

 

 

 

 

 

 

I then came across another image that inspired me and I thought it could be more abstractly interpreted into the design world as it is quite artistic and unique. With this image, I wanted to practise upon the previous black and white adjustment layer I had managed where I erased the layer to reveal the colour layer behind. I’m really happy with how this turned out, I think i’ve developed well on previous skills and I could now easily be able to carry out this task again with little difficulty.

Before

After

Using Black&white adjustment layers and creating a pop of colour.

 

 

 

 

 

 

 

Lastly I found this one image that I was particularly drawn too. I felt it was extremely fitting to the Podcast theme and I wondered how I could change it to make it somewhat my own. I used same black and white adjustment layer technique to create a pop of colour but I also edited the colour settings to achieve a darker more grungey appeal. I’m really happy with how this panned out.

Before

After

Editing colour and adjustment layers.

 

 

 

 

 

 

 

Software Tutorials

 

The resource above is the one that kickstarted my design and development journey. As you can see right in the beginning, he removes a sheep from a field – I found this quite fascinating and from this I recreated my own using the field of cows you have seen above. This was a great starting point for me as a way of removing things from an image which I then went on to use further in this task. This was extremely quick and helpful, sometimes the longer videos can be a bit longwinded and you tend to loose focus but I found this was straight to the point and when I got stuck I had just had to rewind and watch a bit more carefully. So this was the basis of the skills behind my first design where I experimented with the clone tool in many different ways. I also read through THIS page > https://helpx.adobe.com/photoshop/using/retouching-repairing-images.html < before starting and this helped me to understand the true basis of what I was about to take on.

 

Below is another link that heavily influenced a lot of my work here. This resource, although short, was extremely helpful and I only had to walk through it once before getting the hang of what I was doing. I did have to rewind once but it was very good at portraying the message it wanted to convey. I was really proud of myself and what i achieved with the help of this resource.

Skills I would want to develop further within Photoshop, would be the cutting out and replacing the backgrounds of images. I have always been interested in the likes of these projects and it is something I would like to practise within my own business where I buy and sell or hand-make items. Generally I would love to develop my skills in Photoshop, as this is something I have always longed to do but I never really had the confidence. Now I have completed these tasks, I do feel I could take on future challenges much more willingly having the confidence i do know my way around the software now.

 

Resources & Inspiration

As you can see most of my resources were taken from youtube. Youtube is a great platform for learning and I always turn to it when I am unsure where to start or if i’m stuck on a particular thing – if you are unsure on how to approach ANYTHING, youtube it! There is always a solution on there for everything.

Not only have I payed close attention to the resources provided by the lecturer of this module, I also made sure to venture out and discover my own resources. I find these type of videos extremely helpful as long as they are not too longwinded and confusing. The videos I provided were all short and to the point which is how, I believe a good tutorial should be.  The tutorial below is a perfect example of good qualities in a resourceful tutorial.

I also took some different approaches by keeping an eye out on for inspiration on the likes of Pinterest and Instagram. Similarly, I looked up key words like “Typography” and “Design” on free image download website as a way to kickstart my creative thinking. Another way I kept myself inspired, was by referring back to our classroom Padlet wall where we all post our work. Sometimes I find it helpful to look at my peers work, making sure i’m on the right track and to draw inspiration from here while keeping it original and true to myself.

Inspiration is something you can find in all different ways and walk of life. All it takes is to take a walk or look around the house to draw inspiration from things you may never have expected. I found it helpful familiarising myself with the task brief and then coming back to it a few hours later while I had collected some thoughts.

Conclusion

I really impressed myself on this particular topic and I truly do feel like I have learnt a-lot along the way. Having come into this with next-to-no experience in Photoshop, I am leaving eager to get practising my skills again. I have selected a variation of tools and developed them in such a way that I now feel I could do it again without much difficulty. I really enjoyed myself here and felt i pushed myself to achieve more than I thought possibly. I have done things that I have always wanted to learn to do and i cant wait to practise this for fun rather than because I have too.