The task was to develop creative images by editing them in Adobe Photoshop. In this post, I will explain my design process of the three designs.
Design 1: Use of Adjustment Layers
I chose an image of a stack of pebbles after exploring Pixabay. I used this image for my designs.
First, I opened the file in Photoshop and adjusted the colour balance of the image. I did this by clicking on Image, then Adjustments and then selecting the Colour Balance option.
After adjusting the colour balance values, I altered the brightness and contrast of the image. The Brightness and Contrast option is also found in Adjustments.
Lastly, I increased the vibrance and saturation of the image. The Vibrance option is found in Adjustments.
After editing the image, I was pleased with the result as the image was dull and gloomy before.
Design 2: Combining Black and White with Colour
For this design, I added a Black and White adjustment layer. It is found in the layers panel, in the fill or adjustment layers option, which is situated at the bottom right corner of the screen.
Then I selected the layer mask of the adjustment layer and used the brush tool with black colour to paint over the areas where I needed colour. The black colour reveals the image below the mask, while the white colour adds the mask.
I was quite happy with the final result as the stack of pebbles stood out from the rest of the pebbles.
Design 3: Blending Modes
First, I created a new layer above the image. On this layer, I added colours with the brush tool on some of the pebbles.
Next, I changed the blending mode of this layer to Overlay. The blending mode options are found in the layers panel, which is situated at the bottom right corner of the screen.
Lastly, I reduced the opacity of the layer so that the colour values match with the colours of the stack of pebbles.
I was satisfied with the result as now some more colour was added to the image.
These tutorials helped me improve my software skills. I discovered all the adjustments layers and blending modes and learnt how to use them effectively. I also learnt about layer masks.These tutorials were very useful for my design process.
During the course of this module, I learnt many new software skills in Adobe Photoshop, InDesign, Illustrator and After Effects like changing the background colour, creating logos, formatting texts, editing pictures, drawing vector images, adjusting image quality, creating gifs, working with layers and many more. The skill I enjoyed the most was animating text in Adobe After Effects. These skills are useful for my other projects as well.
Photoshop is arguably one of the most popular pieces of design software, used by over 90% of professionals. In the industry, photoshop is primarily used for small clean-ups and corrections, but what can we do with it when unrestrained and opened up to a new plane of imagination?
Design ideas and design process
For the first edit I wanted to make sure I had a good grasp on the tools I learned from the ‘Editing Images’ task. I decided to make a collage style image so that I could focus on each of the individual elements, and then putting them together. To begin, I created a new fill layer on the document, and set the colour to a dull yellow colour. Then I needed to create the arch shape, in order to do so, I used the shape tool to draw a rectangle and circle then combined them to create the arch. Next, I created a new layer and made the fill a light sky blue and used a downloaded brush to paint clouds, effectively making a sky background. To apply this only to the arch, I masked it by selecting the blue layer and holding down option (alt), which gives the option to create a mask that only applies to the layer below it, in this case the arch shape. Now that the background was complete, I inserted the main subject. I did this by using the select subject feature on the original image, then copying the selection into my main document. To get his elbow outside of the arch, I created a layer mask and used the brush tool to erase the corresponding mask area. For the flowers, I decided to go with pink and white as they provide a nice contrast to the background while also complementing the subject’s shirt. I places the flowers in and arranged them in a way that frames the subject. To create some depth, I repeated the same steps as before the bring the areas of some of the flowers forward. As a finishing touch I added some text as there was a lot of lank space, as the subject is a member of a group I like, I added some text relevant to that aspect.
After refining my skills with my first edit, I decided that I wanted to try and create something more complex and more diverse in terms of the tools that need to be used. Whilst looking for tutorials I came across one on how to make a flower face cut out image and chose to follow this one. I started by importing the photo into photoshop and using the pen tool to draw paths around the areas that I wanted to cut out. Then I right clicked on the path and chose ‘make selection’ then pressed M for the marquee tool make the path into a selection, after this I right clicked again and chose ‘copy via cut’ to separate the selection from the main photo. I also created a solid black layer under the original photo to serve as a background for the cut out areas. Next I used a bevel & emboss effect in the cut out areas to give them more depth. I then placed in the flowers I wanted to use and changed the hue and saturation of them so that the colours and brightness would match well with the purples and blues in the photo. I arranged the flowers as I wanted them to appear in the edit, then went to the main photo layer, held down control and clicked on it to create a selection, then went to my flower layer and created a mask on it and pressed control + I to invert it. This allowed me to then use the brush tool to paint over parts of the flower that I wanted to appear i front if the photo, to create the effect that the flowers are growing outwards. To finish it off, I reselected in the visibility for the cut out parts and readjusted them in a way that was distinguishable from the rest of the face, but not too isolated.
This edit is far simpler in comparison to the first two, however I thought it was important to not only focus on changing the main subject if the image, but also pay attention to the background and how it can alter the impression a photo makes on us. I started this edit by cropping the original image and placing it into photoshop as well as the new background on another layer. I then went to Select > Select and mask, then pressed select subject, this selected the person in the image, I could then use the sliders to refine the selection if I wanted to. This then created a mask which isolated the subject and brought it in front of the new background. Now I had to change the lighting of the subject to match the background. I did this by going to Filter > Neural filters > harmonisation, which analyses the two images and adjusts them to match. However after applying the filter I wasn’t satisfied, so went back and adjusted the saturation and CMYK sliders until I was happy.
As I have no prior experience with photoshop, I mainly used lengthier Youtube tutorials that went into more depth and explained each tool. I had no confidence with the tools, however after watching and following the tutorials, I feel that my skills have made a significant improvement.
As the first edit built practised knowledge I learned from a different task, I did not use a tutorial so that I could make sure I actually understood what I was doing.
This tutorial on how to make a flower face image guided me through the second edit. It mainly utilises creating masks from specific selections so that they can be added to or subtracted from, for example when choosing how much f the flowers I wanted to have ‘outside’ of the face. The tutorial was very clear and showed the progression through each step well, so it was easy to follow along and see the effect of each step which was a major aid in learning about what he use of each step was.
Changing a background of an image was much easier than expected thanks to Adobe’s analysis software, Adobe Sensei. This has made things such as selecting the main subject or the background of an image much easier, and needing less fine tuning from the designer themselves. This also applies to matching the lighting of the subject to the new background using the neural filters. Even though this technology is making these editing process much easier, it is still important that we implement our own flair and opinion, for example when using the harmonisation filter, I did not think Adobe’s result worked, so had to make adjustments myself.
In future projects, I would like to begin using tools that I have not used in this task, and explore further into the full range of photoshop’s abilities.
Design resources and articles
My sources of inspiration for these edits were these projects that I found on Behance while looking through the ‘Photoshop’ tag. I really liked the first two images as they caught my eye straight away with the bold colour palette and layering of the different layers. This helped inform my decision to implement this effect in my own design, as well as the the bevel and emboss feature that is used on the skin cut-outs.
The second two photos are my inspiration for my third edit. I found the one with the mushroom was so fun and really tells a story just from one picture. On the other hand, the cloud edit is dramatic in a way that leaves you to think, and the way the lighting matches both the person and the background made me want to try and achieve that effect in my own work.
Learning across the module
As a whole, this module has immensely improved my design skills and sparked new interests in different softwares. The first part of the module began to develop our understanding of each piece of software, and now we have developed our skills and are practicing them as professional designers would. I think this development is really shown throughout my work, not only in the final piece but especially in the process, the steps that I am taking to reach the end goal have become more refined. This shows me that I have achieved one of the goals I set for myself at the end of the first submission: “I feel that I need to improve my efficiency in using the program by learning more keyboard shortcuts past the realm of basic ones like the selection arrows and the pen tools”. The other goal for myself, “I would also like to improve on the way I view my own work, because at times I find myself being caught up in details that don’t end up being necessary, and trying to overcomplicate designs to make them look more complex when they don’t need to be.”, I think I have improved on this, but have yet to fully conquer it, though this only means I have more opportunities to learn.
For the photoshop task, I decided to choose creative images. This caught my eye as it would teach me how to alter an image in 3 ways. The process started with choosing a photo. This was an important step as I wanted a photo versatile enough so that I would have lots of options on how to alter the photo. Initially I wanted to use a flower as the contrasting colours could be used to make an interesting effect. However, most flower images had little backgrounds with not much going on. In the end I settled on a flower field that had a big sky and lots of colours and shapes.
The first task was to combine colour and monochrome. I had so many ideas for example, I wanted to make the sky the only thing monochrome to make a nice bold contrast between the sky and the clouds. However, I didn’t think it was very powerful and didn’t really say anything. Instead, I selected most, but not all, of the field of multi coloured flowers and kept them in colour whereas everything else was turned into black and white. This gave the image power with the impression of there’s a silver lining under every dark cloud. I was very happy with the end result.
For the next task we had to alter the image in some way. I chose to change the colour of the sky; this was hard due to the blue of the sky peeking through the trees. This inspired my next task to change the reality of the image. So, I downloaded some images of dinosaurs and made them into Png’s using photoshop. I then added them to my image giving the illusion the 2 dinosaurs are looking at the flying dinosaur.
For this task I had to use many tutorials and articles to assist me in creating these images as I have little knowledge on photoshop. There were 3 main sources I used.
This was another video I used to teach me how to use the monochrome effect. Even though it technically only taught me how to create black and white images, along the way I saw where the other effects lived and how they worked.
Design recourses and articles
Over this task I had to gather inspiration I did this via creating a mood board on BeHance. This helped me gather inspiration and adjust / improve my work as I went. An example of this is, when I was creating my black and white task I struggled to put some emotion into my image. By consulting my mood board and adding to it, I gathered an idea of what I wanted it to say.
Learning across the module
Over the course of this module I have gathered many new skills. Such as, after effects. Learning After effects was extremely hard. The videos on how to use the program were very uninformative and made me more confused. This was certainly the hardest task I had to do. However, by the end I knew how to use key parts of this program effectively. Another key part I learnt was premier pro. This was challenging as it was another program I had never used before. However, there was a lot more Resorces to teach me how to use it. By the end of the screen casting task I moderately understood the software and could use it confidently.
This task was asked to cut out part of the image and my original image that I have used to make this is a scenery of the mountains. I used the magnetic lasso tool to outline the part that I wanted removed and edited it out with the tools. This part may have been the most challenging and required a few trials before getting it correctly.
This task is where we were asked to produce part of the image into black and white. I chose to only leave the mountains in colour so that it stands out more in comparison to the rest of the image. In order to create this I used the magnetic lasso effect to chose what I did not want in black and white and added it to a new layer, to make the image black and white the tool was found in adjustments.
This is the task where I developed the most on photoshop. In order to create this image I cut out the background and added a new layer to remove the sky out from the image and added and image of the galaxy to replace the sky. For it to look better, I went to image and changed the brightness and contrast. For the rest of the image I used colour balance to improve the image and make it have more vibrant colours.
The software tutorials were very useful for the photoshop tasks as I have never produced either of those before so they were of great help. The first tutorial was about how to cut out part of an image from the whole image. There it showed how to use the magnetic lasso tool properly for when in need to remove some properties from the background. At first I found it quite complicated but with the use and understanding of the tutorial it made it easier for me. The second tutorial was on how to make the background black and white which was also something I had not tried as a tool before therefore it was interesting to find out how. However, I feel that I still have room for improvement for cutting out an image and could look much more accurate in some areas for the next task. The tutorials did help me learn two new skills which was very interesting.
learning across the module
In this module I have learnt several skills mostly ones using the magnetic lasso tool where I used them to cut out images and make images in black and white. These tools were found to be of great use in the tasks and for tasks to come along afterwards. Furthermore, I have never created a table using indesign before therefore this was a new skill I learnt too. One of my favourite skills during the module that I learnt to use was creating a 3 dimensional effect for my logo- initials on illustrator which was fun and fascinating to create.
For my first design, I selected an image of a girl with paint on her hands and face. I wanted to make the paint the main focus of the image so I decided to keep only those parts in colour.
Overall, I was happy with this result as the colours of the paint, being the main focus really stands out from the black and white background which is effective when drawing the viewers’ eye. This task helped me to understand how to use the quick selection tool and to see how I could refine my selection by clicking ‘select and mask’ to include the fine details of the hand and face.
Altering the background of a photo
For my second design, I took an image of a dull landscape, where I wanted to replace the sky for a bright blue sky.
The results were successful as the image looks realistic as if it had a bright blue sky to begin with. This task helped me to become more familiar with the quick selection and ‘select and mask’ tool and to adjust the hue/saturation levels to match with the original image. To improve, perhaps I could have moved the sky down or enlarged it as you can see the foreground of the background image which does not match the colours exactly.
Altering reality of a photo
From here onwards, I experimented with different ways of seeing how I could create more depth into this frame as it seemed to look too flat and simple.
The results of my third design were quite successful as the brush tool enhanced the features of the sunset as if it was really projecting outside into the room, however, I do think with some more detail, for example, adding more shadow around the door frame could bring a more in-depth alter reality.
These tutorials were very useful in the fact that they were quick and easy to follow. Even though I have use photoshop in the past, I was not familiar with all the tools so these tutorials helped me to get more familiar with the quick selection tool when changing the colour of a specific section or changing the background of an image.
I was inspired by the first two images on this page when creating an altered reality of overlapping a scene on top of another one to look like you could walk through it.
Learning across the module
Across the module, I have improved my skills in photoshop such as using the quick selection tool to remove/change backgrounds. I have also learnt how to use the clone stamp tool to help me remove unnecessary objects in the background. I have also improved my illustrator skills in creating a variety of different shapes for my text using the effects tool. Furthermore, I really enjoyed creating the gifs in AfterEffects and since I had never used that software before, the tutorials I watched were very useful and I feel confident in using this software again.
For my week 3 task, I continued my software skill development by creating three creative images in Photoshop. This task aimed to help me to explore further and expand my creativity. From the last term, I demonstrated my design skill on the topic of a podcast cover. Therefore, I decided to accomplish another topic choice for this time. I always wanted to create artworks for my cat, but I never had a chance. This task was an opportunity for me to achieve it. In my last term, I watched a bunch of videos to help with my skill development. Nevertheless, I nearly forgot all of them that make me realised the balance of quality and quantity. Instead of watching numerous tutorial videos, I decided to focus on one skill topic and practise in-depth.
The first two design are both oil painting portraits of my cat. I watched the same tutorial video but with different authors to compare their approach towards this topic. For my last design, I made it a review practice of what I have learnt in Photoshop so far. I combined all the skill and created the final piece.
I first used the lasso tool to select the head area and applied a content-aware fill to replace it with the background colour. After that, I cropped the head part of my cat by using the lasso selection tool again. I copied and pasted the head on the painting. I then applied a layer mask onto it and started using the brush tool to erase the unwanted edges. Before applying the oil paint stylisation, I added one more layer of unsharpen mask. It can bring back the details of the image. I further adjusted the level values and colour balance to match with the painting itself.
For my second design, I repeated the same procedure as the first one. Dispiratively, I used the stamp tool to copy the collar pattern as one of the clone sources after using the content-aware fill. The shadow underneath adds depth to the head part and creates dimension to the painting.
After I decided to use the painting ‘Summer is icumen in’, I then inserted my cat image and started resizing and adjusting its perspective. Apply the oil paint filter to make the image look like having painting strokes on it. It was different from the last two design. I altered the levels of stylisation to match with the original painting at the back. The cat looks like it is floating in the air, so I used the brush tool to draw a shadow and blend the colours. I additionally used the eyedropper to help me get the exact shade in the painting to prevent colour differences.
This video is a tutorial on how to create an oil painting portrait for your pet. The author applies different layers of filters to edit the image from a digital form to an oil painting. I followed his instruction of stylising the pet image with an oil paint filter. This filter can add a brushstroke texture to the image and creates harmony with the original painting. Apart from using filter layers, he makes level and colour adjustments to the image to achieve a more satisfying result. The level adjustment depends on the original value of the photo. It is impossible to copy all of his value changes because we were using different pictures. Therefore, I had to adjust to other value levels to see if it works in my case.
This tutorial video has a similar process as the previous one. However, one point that is worthy of drawing attention to is the use of the stamp tool. Although the content-aware fill can approximately cover up the head, the texture near the neck will get blurred out. As a result, the author finishes its touch up by using the stamp tool. He uses the stamp to copy the pattern of the collar and starts pasting them around the neck. For my second design, I followed his way of creating an oil painting portrait. Compared with the first tutorial video, his method can keep the detail part of the collar and makes the whole piece look more well-finished. Overall, I prefer this tutorial more.
The following tutorial is an introduction video of the brush tool. The brush is the core tool that I used in my third design, so it is essential to learn about its functionality. This video talks about the importance of adjusting different brush hardness levels. A softer brush can build up layers and create smooth edges. It usually uses to blend colours. A soft brush can also embellish an image easier. On the other hand, a higher brush level can draw out a sharp line, so it generally uses for outlining. Therefore, I adjusted the brush hardness to 0% when I was blending.
After finishing this task, I am interested in exploring further with the brush tool, especially experiment with different types of brushes. I have experience in drawing in Illustrator but never tried to draw in Photoshop. Accordingly, I will start to develop my drawing skill by practising with the brush tool or watch some drawing time-lapse videos to observe how people utilise the brush tool in Photoshop.
My main inspiration for this task is the series of oil paintings named ‘Dogs Playing Poker’. General artists usually express an image by painting a human as the character, but Coolidge used personification to paint dogs playing poker. This surreal approach is interesting to investigate and discover. Therefore, I put this idea into my first two designs, editing my cat head onto a human portrait.
All of my designs focus on the style of an oil painting. When I was searching for the image option, I chose portraits that painted during the Renaissance. I found out they usually had a bulky collar that covers their neck. This clothing decoration can make the process of editing easier because it avoids extra works.
Recently, oil paintings with a soft pastel colour scheme have become a famous aesthetic. I have an album on Pinterest where I collect this kind of oil paintings. It is also the inspiration for my third design in this task.
To conclude the topics I have done so far in Photoshop, I tended to research vintage and retro themes. In the last term, I designed a series of vintage podcast covers. For this week 3 task, I used renaissance paintings as my inspiration. It might be a good idea for me to explore other kinds of approaches, such as combining neon colours and glowing effect to create a futuristic style.
This term, we have undertaken various tasks that have allowed me to improve my skills in Photoshop, Illustrator, InDesign, and AfterEffects. The task that I enjoyed the most during this term was the Photoshop Creative Images task. I created three images that I am happy with.
DESIGN IDEAS AND DESIGN PROCESS
DESIGN 1 – FLOATING THROUGH SPACE
For my first idea, I wanted to create an image that altered reality so I chose to manipulate an image of a man floating through space. To start to design process, I browsed for stock images on Pixabey and found one of a man that looked like he is ‘floating’, and one of the stars that I could use as the background. I removed the man from the background of the original image by using the pen tool to create an outline around the figure. By selecting a new layer via cut, I removed him from the background and deleted the layer that i didn’t need. I then brought the images of the stars into photoshop and placed this layer underneath the figure. I then adjusted the brightness, contrast, and saturation of the images to make them look more authentic, and work in harmony with each other.
DESIGN 2 – FLOWER MASK
The second image I chose was of a woman’s face submerged by water and flowers. The effect that I wanted to achieve was flowers covering one-half of her face. To achieve this effect, I used layer masks and the brush tool to make a ‘shadow’. Firstly, I created a new layer mask and selected the part of her face that I wanted to remove. I then imported a picture of flowers and placed it underneath the existing layer so that you could see the flowers through her face. I used the selection tool to scale and position the flowers to fit the image and adjusted the existing layer mask, using the black and white brushes. I wanted to manipulate the image to make it look like the flowers were on top of the water and her lips were overlapping the flowers. I found it difficult at first but managed to get the hang of it after some time (and some tutorials). When I got to a point where I was happy with the mask, I tried to make the flowers look more realistic by adding a shadow. To achieve this, I used the black brush tool at a large size and 0% hardness to recreate a shadow around the flowers.
This design was my favourite that I created during the task. My idea for this image was to create a feeling of movement within an image. This was heavily influenced by Şakir Yildirim’s image called ‘crawler’. However, I did not follow the exact technique he uses to create his images. To make this image, I found a picture of a boy walking from a side-on perspective and imported it into photoshop. I then used the direct selection tool to copy his figure into a new layer and duplicate this layer many times and positioned them in such a way to look like the boy is walking from one position to the other. I kept one of these separate and placed it in the middle, and grouped the rest of them together. I merged these layers together and used the ‘motion blur’ filter to blur the figures, and did the same thing with the figure in the middle but made him less blurred to make it look like he was coming ‘back to life’, or transforming from one figure to another. the final figure on the far left and right I kept as normal but used the blur tool to blur the edges. This made the figure blend in more with the background ensuring that it didn’t look cut out of the image.
I found the tutorials provided to us helpful to get started with this task. They refreshed my memory and I found it useful to focus on layer masks and using nondestructive techniques in my work. Using these techniques made it so much easier to go back on my design choices, and saved me from having to start all over again if I changed my mind. I often find that watching tutorials before taking on a task actually helps with my idea generation itself, and inspires me to get started.
I found the following tutorials particularly useful when working in Photoshop for this task. When using the tutorials, I tried not to follow them exactly but used them to get a rough idea of how to achieve an effect, and tried to find my own way of working. Each of these tutorials provided me with a better understanding of how tools within Photoshop work and inspired me to use Photoshop in different ways.
CREATING SHADOWS IN PHOTOSHOP
This tutorial on creating shadows in Photoshop came in helpful for my second design with the flowers to replicate the effect of a shadow. I used this in an attempt to make my image look more ‘real’ so I tried to follow the way light would naturally behave in real life. This tutorial inspired me to think about the perspective of light, and the depth of the image while I was editing. The tutorial covers how to create shadows on different surfaces. he uses the brush tool at 0 hardness, which is the technique is the technique I used in my own work. He also goes over how to create shadows for a curved surface, and more complex objects, which I didn’t need for this task in particular but will come in helpful in the future.
PHOTOSHOP TUTORIAL – FLOWER FACE EFFECTS
This tutorial helped me to grasp a better understanding of layer masks in photoshop and how to work with two images, one on top of the other. During the tutorial, she used the pen tool to create a stroke to select the parts of the original image that she wanted to remove, and uses the bevel and emboss layer style to make the cut outs look more 3D. she uses a layer mask to remove parts of the existing image to make the flowers appear on top of the face, giving a realistic effect. This tutorial was helpful to figure out how to make the flowers in my own design overlap with the face of the image.
MOTION BLUR EFFECT IN PHOTOSHOP
This tutorial introduced me to the motion blur effect in photoshop, one that I wasn’t already familiar with. I found that it was a really simple and easy way to introduce a sense of speed/ movement in my own image which was precisely the effect that I wanted to achieve. It also helped me with using layer masks, cutting out objects with the quick selection tool.
SOURCES OF INSPIRATION
The second image that I worked on for this task was inspired by the album art for Shawn Mendes’ album cover. I really love this album cover and wanted to create an image with the same sort of feeling. I wanted to edit an image that inspired by, but not a direct copy of the original. I used an image of a woman rather than a man, and only including half of her face instead of placing one half on top of the flowers.
There is a collage artist called Marcelo Monreal who also creates similar portraits, of people and flowers which also heavily influenced this design. I find that his work very appealing aesthetically but also in the way it makes me feel. His portrait creates this feeling of contentedness that implies the subject is at one with nature, which is how I would like to think my image would create too. You can find some of Monreal’s work here https://www.instagram.com/marcelomonreal/
My third design was inspired by the work of Şakir Yildirim. In particular, the portraits created using the liquify tool in Photoshop. Looking at his work inspired me to introduce a sense of movement, or duplication into my design. Yildirim’s work, specifically in ‘crawler’, creates a sense of motion, or almost a sense of transformation depending on how you interpret it. I find it fascinating that you can capture, or manipulate this very real sensation within a 2D image, which is the idea behind my third and final design for this task. You can have a look at Yildirim’s work here https://uk.gestalten.com/blogs/journal/new-perspectives-with-sakir-yildirim and find out how he uses Photoshop to achieve his portraits here https://helpx.adobe.com/uk/photoshop/how-to/liquify-filter-motion-effects.html
Overall, I really enjoyed this task. I have been able to improve both my skills and confidence with using Photoshop while creating some fun images that I am quite proud of.
For the ‘New Background’ image, I was aiming for a bright, bold background and a dark coloured foreground. I wanted the background to be obvious that it had been replaced but also blend with the foreground picture so it looks as though it still belongs there. To achieve this effect, I used an image of purple and blue lightning, I wanted the image to still be realistic but also slightly altered. To create this image I removed the original background from my own picture using a clipping mask. I then added in the lightning background and added a ‘hard vivid’ filter on both of the images so the background would blend with the picture. When applying the filter ‘Hard light’ to the photos, It changed the opacity of the hoodie on the foreground photo so it was slightly see through, although this was unintentional I still quite like the outcome of the effect. I am proud of the final outcome and think the neon blue and purple create a striking visual.
POST 2: Black and white with colour.
For this image design I wanted to create a striking and eye-catching effect using a bright colour and a contrasting black and white background. To create this effect using photoshop; I created two layers and applied a black and white filter. I erased parts of the second layer (the black and white layer) where I wanted the colour to show through. I think the outcome of the final design is strong and bold; the colours work well together to create this effect. I like how the orange colour of the lanterns ‘pop’ against the background.
POST 3: Altered reality.
For this design I wanted to create a 3D, altered reality effect. I wanted it to look as though the clouds were coming in through the window, I also wanted to create ‘dream like’ connotations. I achieved this by using soft colours such as light pink and white. To create this altered reality effect, I used a clipping mask on the window image cutting out the window background and replacing it with a pink cloud background. I then added in cloud images in a random order around the border of the photo to create the illusion that the clouds were escaping out of the window and into the room. I added a colour balance to the window image so it matches the soft pink tones in the background. Overall I am happy with the final outcome as it creates the desired dream like effect.
Original window sill image from google
To help me create all three of these image designs on photoshop, I used tutorials recommended to us from Adobe and videos from YouTube. I have a basic understanding of the tools on photoshop but I am not that confident on how to use a majority of the tools. These videos helped me build my confidence when using photoshop tools used to create the three creative images.
When creating the ‘New background’ and ‘Altered world’ images I used the below clipping mask tutorial to help guide me and I have learned a lot about this process as a result. I now know that using a clipping mask helps control the visibility of a layer, It allows parts of the layer to be shown whilst other parts are see through. It also allows for better visibility accuracy, helping to create a polished finish. I will use a clipping mask in future projects. I would also like to use this tool on more complex images which will help me develop my skills further. Creating these images also helped me develop my erasing skills, this was especially relevant when creating the ‘black and white with colour’ photos and has helped me focus on practicing my accuracy. During the creation of these images, I enjoyed learning new skills on photoshop. The task allowed me to experiment with different colour filters and colour balance as is shown in all three of the images.
I enjoyed creating these images and hopefully I will continue to develop on my creative images skills and use my new skills in future projects. I would especially like to practice more ‘altered reality’ and ‘new background’ styled images.
RESOURCES FOR RESEARCH AND INSPIRATION:
I took inspiration, especially with colour, for the designs from pictures I found on instagram and Pinterest. I also used images from Pixaby, Google images and my own images to create these designs.
I took colour inspiration for the first post (first created image below) from galaxy themed pictures I found on Pinterest and instagram. I originally wanted to replace the sky with a galaxy background but came across a picture of lightning on pixaby which I decided to use instead as I thought It would look more striking. The three images below were my main inspirations for the first design, I liked the mix of dark and light colours used in all three of the photos which I wanted incorporate in my design. I was also aiming to create similar ‘outer space’ and ‘mystical’ connotations that these images convey. The last photo also inspired the third post that I created.
Before creating the image below (second created image), I looked at a few of my peers work and images from google for inspiration. I chose one of my own images with bright colours so when turned to black and white the colour would standout and ‘pop’ creating a similar effect that the images below convey. I chose to use these images as inspiration as they have bold connotations and use simple yet eye-catching colours. Overall, I think any colour in contrast with a black and white background would stand out but I choose to use a photo with orange as It doesn’t blend in as easily with the background. I would like to explore this technique further using more complex images.
I took inspiration for the third post (Image created below) from the pictures below that I found on Instagram. I wanted to create a dream like altered reality, I achieved this by using soft colours like the colours used in the pictures below. Originally I wanted to create an image similar to the first picture below, however I wanted to challenge myself and see if I could make a 3D illusion (see inspiration 3). The clouds in the pictures below were a big inspiration for my piece, I wanted them to have a pink soft tint to add emphasis that it is an altered reality image.
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.
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.
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.
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.
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”.
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:
“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?
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.
I have learned how to apply different filters: 3D, Liquify, Pixelate and Blur.
I have used new tools: History Brush tool,Blur tool and quick selection tool.
I have learned how to use a property panel.
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.
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.