Category: Student work

Enhancing with color

Design Ideas & Process

Editing images is a huge field in photoshop as it is basically the whole concept of the software. I explored different ways to edit and change pictures using the most tools in the least amount of time. I chose to enhance my images with adding colors and changing all types of tones. I started my photoshop task aiming to develop my skills on working with color and I set out a plan to be able to change the color of all images using blending modes

 

Design 1

 

I wanted my first edit to be believable and admirable. It was basically a deformed picture, as if on purpose, of a young boy in black and white (Figure 1). I tried to achieve a clean picture that would be realistic. At first, I got rid of the big white gaps on the left side of the picture (Figure 2). I tried using the spot healing brush tool but I didn’t succeed with big gaps. I used this tool with small gaps only it went perfectly well after changing the scale of the tool (Figure 3). For the big gaps however, I used the stamp tool (Figure 4). I took the color nearest to the white gaps and tried to fix it slowly so the image wouldn’t look deformed. After healing all the white gaps in the image (Figure 5), I decided to enhance my image with colors. I colored the boy’s face with a brownish color based on what I thought he would look like (Figure 6). After trying different modes, I settled on the color blending mode for his face. Then, I colored his mouth and teeth. I used the soft light mode for these features because they looked more natural (Figure 7). Finally, I colored his eyes also using soft light mode, and his shirt using color blending mode. I felt that his eyes were kind of dark brown and his shirt had a light color which I assumed was bluish (Figure 8)

 

Figure 1 (Black and White Image)

Figure 2 ( Removing the big gaps)

Figure 3 (Using the spot healing brush tool on small gaps)

Figure 4 (Removing the big gap with the stamp tool)

Figure 5 (Image healed)

Figure 6 (Using color blend mode for the boy’s face)

Figure 7 (Using Soft light blend mode on teeth and mouth)

Figure 8 (Final)

 

 

Design 2

 

I wanted to learn everything new for my second edit. I searched for what I can do with photoshop and I saw the auto blend tool and wanted to know what that is. At first I took a random image of a guy with headphones on. I decided to take a selfie and replace this guy’s face with mine (Figure 1). I regret not taking a better image but the important thing is that I know how to use the tool. At first, I self selected my self on photoshop (Figure 2), and I cropped my face. Then, I placed my face on top of the guy’s face on photoshop (Figure 3). After that, I used the match color tool, which is new for me, and I changed my colors to match the guy’s colors (Figure 4). Then, I decreased the luminance and changed the color intensity (Figure 5). I contracted the face’s selection so it wouldn’t take the darker tone of my face (Figure 6), and I changed the levels of color for the image (Figure 8). I used the auto blend tool (Figure 9), and viola. Photoshop did it’s job well in my opinion (Figure 10). I decided to change the beard because it looked fake (Figure 11), and I tried removing the glasses from my face. Unfortunately, the eyebrows got in the way so I took the guy’s eyebrows which doesn’t suit me well.

 

Figure 1 (Taking a selfie)

Figure 2 (Self selecting)

 

Figure 3 (Adding my face to the image)

 

Figure 4 (Placing my features on the guy’s)

 

Figure 5 (Using match colors)

Figure 6 (Decreasing the luminance)

 

Figure 7 (Contract the selection)

 

Figure 8 (Changing the colors of the image)

 

Figure 9 (Auto blend the image)

 

Figure 10 (Looking good)

 

Figure 11 (Changing the beard)

 

 

Design 3

 

For my final Design, I wanted to experiment with colors to the maximum. At first, I got a black and white image (Figure 1) that felt so real. I was shocked and amazed by the guy’s ability to show me emotion without motion. Then, I painted his skin color and tried moving around with blend modes to see what suits him best (Figure 2). I used specific brushes to color the skin part that was narrower and had hair in (Figure 3). After that, I painted the mouth with the color that suited an old man’s mouth (Figure 4). I didn’t like his skin tone so I changed it several times so it would suit him (Figure 5). I decided to color the eyes, which was the hardest part, and I wanted to go with an unrealistic eye color (Figure 6). I used several modes and layers for the eye to make it pop and speak up (Figure 7). I added layers of blue and used the overlay blending mode to make it less attractive (Figure 8). Then, I painted the shirt with blue because it suited the level of grayness in the picture (Figure 9). I decided to decrease the level of blue because it looked odd after many trials of blending modes (Figure 10). I colored the suit with a reddish color because I wanted to make a diversity in colors (Figure 11). After that, I added a layer of light on top of everything because I saw light coming from the right side (Figure 12). I used the divide blending mode and added more light to the right side (Figure 13). Finally, I used the burn tool to add some dark layers on the left side and make it more realistic (Figure 14).

 

Figure 1 (Black and white image)

 

Figure 2 (Using color blending mode)

 

Figure 3 (Using different brushes)

Figure 4 (Painting the mouth)

 

Figure 5 (Experimenting with colors)

 

Figure 6 (Coloring the eyes)

 

Figure 7 (Using color blending mode for some layers)

 

Figure 8 (Using overlay mode for blue layer)

 

Figure 9 (Coloring the shirt)

 

Figure 10 (Trying a lighter blue)

 

Figure 11 (Coloring the suit)

 

Figure 12 (Adding shades of light)

 

Figure 13 (Using divide blending mode)

 

Figure 14 (Adding some burn for contrast)

 


Software Tutorials

Because I had basic knowledge using the selection tool and cropping out stuff in photoshop, I decided to try new tools and experiment with everything. I lacked skills with coloring before, so I searched for tutorials that provided that. I wanted to show a level of professionalism in coloring.

For the first design, my purpose was to only remove the gaps at first. It was so much harder than I thought it would be. I used this Tutorial on how to use the stamp tool. Before starting, I was under the impression that the stamp tool was the only tool to use for this process but I was wrong. For that, I searched on how to remove the small gaps in a faster way. I found out that I should use the spot healing brush tool for the small stuff. It worked very well and I understood how both tools work properly and how they compliment each other in an indirect way. For the second design, I used  this Tutorial  to do the whole thing. I tried to move on step by step and I succeeded. My main problem was that I used a bad selfie image for my design. I tried to make the best of it and it turned out fine but it seemed fake. I was so proud of myself for using the auto blend tool and making all the image colors look alike. The coloring and editing wasn’t the problem and that was my main goal.

For my final design, my purpose was to color the whole image and make it look very realistic. I used this Tutorial mainly and tried to follow it even though I had a different picture. I wanted to become good in blending modes and I think I did. The tutorial helped me understand adjustment layers and how I can change the details of every picture with a tiny little adjustment. I was able to use different brushes and I focused on the details of the image. I colored it with more layers that my first design. I can say I’m proud of myself for achieving the goal I had in mind.

 


Design resources and articles

Inspiration 1

 

Inspiration 2

 

Inspiration 3

 

My inspiration for my designs were these 3 main images. In the first image, I was amazed by the level of precision in colors. The image was very suited to be colored and I can feel like a grain effect coming out of it. The designer wanted to show that the picture was old. The second image however, I was amazed by the shades and the lights. The designer was able to portray a good and believable level of brightness. He also added shades to show contrast and the girl’s skin tone was on point. The third image speaks for itself. The designer was able to swap faces of two random girls while keeping the same level of color. Although the girl’s chin was way wider because of her expression, the designer was able to perfect it and it didn’t look deformed at all.

 


Reflection

By doing this task, I was able to understand colors on a different level. I can see now how people convert old movies into colors. The best thing about this task is that everything was fun in it. Time passed by so quickly and I enjoyed the whole process. I feel like my photoshop skills developed in the kind of way I want them to.

Now that I look at all the designs that I did, I can safely say that I can do much better in all of them. I will definitely work more on my photoshop skills and I’m relieved that I learned many tools and improved a lot in this module.

 

 

 

TY1SK Submission B Blog Post

Design Ideas & Process

For this task I had to design a Facebook banner to accompany a podcast called ‘Homegoing’ by Yaa Gyasi. This is my process on how I produced my final design.

From looking at the original poster for the podcast, I noticed various different features that I wanted to include in my design to keep the different mediums consistent and on brand. These specific areas I wanted to include is the use of colour, use of simple yet effective shapes, silhouettes and use of fonts.

In the original poster I observed that the rhombus shapes used formed a composition that helped with direction. Which further lead to white space for text and areas for character illustrations. I decided to use this in creating a funnel/arrow type effect to draw focus into a certain aspect. I made these shapes by using the ‘rectangle tool’ and moving 2 of the anchors. to repeat these shapes faster and more efficiently I used shortcut of ‘command + c’ and ‘option + drag’. Only using half of the required space allows room for text.

Within this area of focus I wanted to include the silhouette used in the original poster, however I believe that by not including the repeated pattern into the dress, it made the silhouette stand out more. This is because the overall design is far less crowded and easier to intemperate. I utilised the pen tool drawing out the outline whilst holding the ‘shift’ key to ensure smooth lines.

 

 

 

 

 

The chose the fonts in this design and their different weights to emphasise the title, author and quote. This was highlighted even further by separating via the use of the same colours within the rhombus pattern.

 

Software Tutorials

Because I was not very confident in using illustrator and more specifically utilising the pen tool (which from using it in this task and practicing with it have noticed it is an extremely vital tool within Illustrators armoury) I mainly used tutorials focussed on this. I used the pen tool heavily for the silhouette and for the buds in the bottom left. I then utilised tutorials around creating and manipulating shapes, which is how I created the the rhombus shapes. Below are the links to the tutorials:

https://helpx.adobe.com/uk/illustrator/how-to/shapes-basics.html

https://helpx.adobe.com/uk/illustrator/how-to/draw-vector-paths-with-pen-pencil-tools.html

Design resources & Articles

Because this was the first time I have looked into banners in detail and designing banners I started off before putting ‘pen to paper’ by looking at existing banners to gain some inspiration on the use of colours, compositions, effective fonts, use of images (in this case illustrations) and the use of shapes. I found this information on Facebook itself and Pinterest.

Learning Across the Module

I wanted to use this module to test me abilities by going out of my comfort zone through using software that I am not as confident in, Illustrator is being one of them. This is because I struggled to get my head around creating smooth curves utilising anchors, paths and handles. Once practicing with the pen tool in this module I familiarised myself with these aspects and became a lot more confident in drawing with vectors. I found that I became more efficient in using the tools as well, producing work a lot quicker than I did before.

TY1SK – Spring Tasks

Design Ideas and process

I believe my most successful task was the photoshop tasks, I tried a few including Combining multiple images, using select and mask tools, changing the image in the background and combining black and white with colour. My most successful task was using the select and mask tools to combine an image of a busy street and elephants to create a single image of the elephants walking along with the people. I started by overlaying the elephant image over the street image then selecting the marquee tool, clicking select, select and mask, then using zoom, the quick select tool and refine edge brush tool to cut out the elephants then resizing them to fit on the street.

Overlay elephant image onto background image
Choose select and mask
Enlarge the image
Use quick select tool and refine edge brush to cut out elephants
Final image
Combining images
Select and mask
Combining black and white with colour

Software Tutorials

For the illustrator task I used tutorials that warp text into custom shapes, how to change text, size and colour. They helped me to learn simple skills and ways to manipulate text into shapes and further on. To develop my illustrator skills further I would like to look at more advanced ways of manipulating text and more creative ways of combining them. To develop my learning for letter logos, I developed my understanding of ways in which to form them and create them in order to give me a wider range of outcomes (https://www.youtube.com/watch?v=TQUrVwzMWXE). For the photoshop tasks I used tutorials to select areas to remove a background, how to use layers and masks.They helped me to learn skills I had either not yet tried or wanted to recap over, I was able to create images that I was happy with. I feel to improve my skills on photoshop I need to be more ambitious with my designs and really push myself. I watched this additional video/ tutorial on using a layer mask, which I found helpful in teaching myself the steps to the final product (https://www.youtube.com/watch?v=yQsYziKvx9c) For the Indesign tasks I used tutorials on making tables and flyers and also learnt how to make a hyperlink for my files. To improve my skills I should watch more tutorials and practice making more flyers as well as other layouts in the software and broaden my knowledge to the differences they oppose. I watched a video on flyer design to give me more inspiration for design and visual flare within a flyer layout and how I could make my design stand out (https://www.youtube.com/watch?v=3aT66tMPx5s). I’d like to develop all my skills further on Illustrator, photoshop and Indesign by pushing myself more, watching more videos and practicing more varied and previously learnt skills.

Design Resources and articles

To develop my design ideas I looked at a broad range of articles, examples and step by step guides to create outcomes that challenge my skills and broaden my knowledge of the softwares. From Learning about layout in indesign adobe articles (https://www.adobe.com/uk/products/indesign.html?mv=search&mv=search&sdid=LCDWTLJX&ef_id=Cj0KCQiAmpyRBhC-ARIsABs2EAqKbPv8AiQ16zLNVnNYKe7KJWemY80ndBuxbQiQrS9TB4PHASLvsaAj5uEALw_wcB:G:s&s_kwcid=AL!3085!3!520877072614!b!!g!!%2Bindesign!1422700472!55325978309&gclid=Cj0KCQiAmpyRBhC-ARIsABs2EAqKbPv8AiQ16zLN-VnNYKe7KJWem-Y80ndBuxbQiQrS9TB4PHASLvsaAj5uEALw_wcB) which encouraged me to really test how layouts can best be used for certain information, to looking at Pinterest for examples of letter logos for inspiration, this creating ideas in my head of the type of designs I could create (https://www.pinterest.co.uk/pin/832814156079697545/) And finally looking at step by step guides for photoshop to create contrasting images that can tell a story, the step by step guides were helpful in allowing me to take my time, have visual examples to follow and refer to, being a visual learner these are a lot easier to follow (https://helpx.adobe.com/photoshop/how-to/black-and-white-with-color-photo.html)

Learning across the module

Throughout the module I have improved with my knowledge of all software, enjoying some creative freedom on photoshop, whilst seeing some encouraging signs for myself that I’m growing more confident with the likes of InDesign and Illustrator, with a strong understanding of what each software can be used for and what its benefits are, as seen in my quiz result going from 90/150 at the start of the module to 120/150 at the end. On photoshop the use of may tools has enabled me to grow in confidence about what I can do and where I can go with my designs, whilst on InDesign my knowledge of character and paragraph styles, layouts and tables are encouraging in broadening my understanding of the software and how it works. Illustrator also enabling me to focus on some key issues I has, such as the manipulation of letters, along with the basic tools. I also experienced using adobe after effects where despite colour not playing on my side in the final uploads, the use of transitions and learning the software was an enjoyable experience. Overall it has been an enjoyable module that has encouraged me and enabled me to grow in confidence.

Banana Logo

Design ideas and design process

First logo design – starting point

At the beginning of my design process watching tutorials and exploring different levels of design were extremely helpful. However, the first of my designs that were created was not carefully thought about. Upon opening Illustrator, I went straight into it, without any inspiration at all. I mainly wanted to test out the certain tools that I had learned through watching tutorials and apply them to my design. The first tool learnt was called ‘type on path’. This was the tool that I had used for most of my three logos, and it helped them to have a clean and professional look. Despite my hatred for my first design, it really helped me to develop and think carefully about what I wanted to design next.

Second logo design – inspiration was used

My second design was a lot more successful and thought out. It was inspired by the KA drinks logo because the colours and typefaces that it had used really stuck out and caught my attention. This was the effect that I felt all logos needed to have. They needed to be eye-catching and interest the viewer when looking at it. This helped to develop my understanding even further and made my second design a more successful one. Instead of using the ‘type on path tool’, I used illustrations and large type instead. I drew a simple sun design and large type to create a simple and minimalistic design. However, despite its minimalism it still makes an impact.

Logo 3 – first stage, crescent moon drawing
Logo 3 – stage 2, adding text and dimension
Logo 3 – stage 3, adding stem and banana elements
Logo 3 – stage 4, adding outline to create more dimension and finalisation

My final design was definitely my favourite. Initially I wanted to design and draw a crescent moon logo, in contrast to my second one. However, while designing, it miraculously turned into a banana, due to elements that changed its appearance. Instead of starting my logo again, I wanted to just go with it and see how my design would progress further. Even though it didn’t go how I originally planned, I definitely think it was my most effective and interesting creation.

Final logo design – most developed design

Software tutorials

When learning how to use certain tools and looking for inspiration, the tutorials provided were extremely helpful. The adobe ones were mainly my favourite, purely because of how simple and easy they were to follow. Step-by-step tutorials are usually the ones I go for because I feel more comfortable when I see how things are done visually and what it takes to progress designs further. This tutorial: https://helpx.adobe.com/uk/illustrator/using/creating-text.html was the first one I had watched. It taught me how to use the ‘type on path’ tool, which assisted me in all of my designs. When starting the task, it was a little scary since I didn’t know my way around the software, things can seem quite daunting. However, when tutorials like this are made, it helped me to become more comfortable as well as understand more and apply it to my designs. By learning these skills, it will not only benefit me with this project, but with many more to come.

The next tutorial: https://helpx.adobe.com/uk/illustrator/how-to/change-font-typeface.html was a step-by-step written tutorial. This taught me how I can use the ‘selection’ tool to adjust type and create a unique typographic design. In all honesty, I really do wish I had used this effect in at least one of my three designs, but I think I got carried away with using the ‘type on path’ tool. Through learning this skill, it inspired me to design a more creative and colourful logo, hence why my second design was so different from my first. Other tutorials such as: https://helpx.adobe.com/uk/illustrator/how-to/combine-simple-shapes-to-make-complex-shapes.html also taught me new skills. The ‘shape builder’ tool taught me how to combine shapes easier and more effectively. Again, I wish I had used more of these skills in my designs, but they have definitely made me more comfortable with the software and understand more when creating simple designs.

Design resources and articles

Inspiration for logo 2

My design resources were mainly an article that I had found, and the KA drinks logo that I used for inspiration. The KA drinks were fairly simple, the designers had used a bright colour for the main text and a tropical background to make the name stand out. The sense of hierarchy and importance helped me to develop my own designs and think about the different levels within my design.

On the other hand, the article helped me to understand the significance of a logo and the meaning of what it stands for. The article I had used: https://sproutsocial.com/insights/how-to-design-a-logo/ was written by Michelle Grano. Her article stated so many different aspects and features that really made me think about my own design. From identifying what a logo is, to mentioning different fonts, design tools, emblems, symbols and so much more, her article was thorough in describing what logos are and the effects they can make on people. Not only did I gain knowledge and understating from this, but I applied the same comprehension to my own designs.

Learning across the module

Throughout the module I have definitely learned and achieved a wide range of knowledge. I have gained much more confidence and become a lot more comfortable with using the various different softwares. Compared to my quiz from last term, I have improved my skills a consistent amount and applied them to all my projects, not just this module. Software skills such as the ‘type on path’ tool, ‘selection’ tool, ‘shape builder’ tool and ‘type’ tool have all helped me to broaden my understanding of certain effects and also how to use them effectively.

My design skills have also improved vastly. From knowing how to develop certain designs and have a level of significance behind them. I have learnt that research really helps when going through the design process. It has helped to inspire me and spark ideas when I didn’t have any, and also helped me to understand the meanings behind certain designs as well as how they can affect people when they look at them. As a whole, both my software skills and my design skills have improved considerably, and I will continue to use the knowledge I have gained throughout my various other projects.

Vector! That’s me, because I commit crimes with both direction and magnitude.

Design Ideas and Process

For the Illustrator task of drawing vector objects, we had to create a social media banner for the podcast by Yaa Gyasi: Homecoming. The first thing I did in the design process was research more into what the podcast was about. After seeing that this novel turned podcast spanned over 300 years following the lives of two sisters and the generations below them and their struggle with slavery, it was important to me to portray these themes in the advert of the banner. I also had listened to the start of the podcast to help me better understand the project I was designing.

My next step was to look at other examples of the cover of both the novel and the podcast. Although there where a couple of different variations of them, one commonality throughout was the use of the warm red, yellow and orange colours, particularly in the herringbone pattern. I decided this was something I was going to implement in my own design as to keep it recognisable to the podcast and to follow the brief whereby it should complement but not directly copy the cover design.

Creating a Silhouette Using the Pen Tool

My first idea was to use the cover on a different layer to use the pen tool to create a silhouette of the character on the cover.  At first I had just outlined the head, however  with the key theme of the podcast being slavery and oppression, I wanted to add in the shackle around her neck as I felt this was an important feature that creates necessary tension within someone seeing the design.


Software Tutorials

Editing the Anchor Points

One problem I encountered when using the pen tool was that I was struggling to get a perfect circle. To fix this instead fo using the pen tool I watch this video https://www.youtube.com/watch?v=lZZ0iYmgmvc which details how to use the pathfinder tool to combine objects. To achieve the final look I created an ellipse which I then combined with the illustration of the silhouette.

Although I found this effective, I still wanted to learn how to create a smooth ellipse using the pen tool as knowing how to do a task multiple different ways would come handy in the future.  I read this article https://helpx.adobe.com/illustrator/how-to/draw-edit-curves.html and attempted to draw the ellipse and then covert and edit the points to create the same smooth effect which also worked however I find was a longer way of doing this.


Design Resources and Articles

Creating a Grid for the Pattern

Including the one mentioned above, I read different articles throughout this task to help not only refresh my knowledge on illustrator but to also learn new skills. One of the first ones I read was from the brief: https://helpx.adobe.com/uk/illustrator/how-to/drawing-tools-basics.html which really helped me form a basis of where to being on illustrator and what tools to use such as the pen tool which was the first tool I chose when creating this design.

As mentioned on my Trello board, I struggled with how to achieve my desired output for the pattern of the design. First I wanted to do this by drawing vector objects however realised this would be time consuming and ultimately lead to disproportioned blocks. https://creativebeacon.com/make-easy-grids-in-illustrator/ This article helped me create a grid that I could use to make it look as though the thoughts and feelings of the story are represented in this feature of the design as they are then coming from behind the silhouette of the head, or ‘her mind.’ Alongside this I used this video https://www.youtube.com/watch?v=bwaG6n37i2k to help me understand how to fill in certain portions of the grid with the different colours from the original cover.


Learning Across the Module

The skills I have learnt from this module can been seen throughout all of the different softwares. I feel more confident in Photoshop and Illustrator, particularly in Photoshop when it comes to editing and removing objects from pictures. This was the focus in my week 3 plan and I am happy with the outcome I produced whereby the feedback I received from peers was that the removal of the arms from the photos was very successful.

When comparing the quiz results I can see that my understanding of what software to use for each project has improved as this was something I identified as a weakness at the start of the Autumn and Spring term however now I feel I can confidently decide what software to use for when.  One thing that the last two quizzes picked up on is that I need to work on are the specific features of the software such as what colour settings are best to use e.g. RGB and CYMK, along with how different resolutions affect the work. I feel as though this knowledge is something that can be easily learnt compared to learning all the different tools and what can be achieved in each of the softwares which will take practise to learn. In the future I am going to read more articles and watch videos on understanding colour schemes and basic document setups for adobe software as I think this will help me.

 

 

LCH³

Design Ideas and Design Process

Design Idea 1

For my first design I decided to start off with the basics of Illustrator due to not having much experience using the software. Using the distort envelope tool, I was able to warp my initials to take the shape of an ellipsis. Once this had been done I wanted to experiment further with the design as it looked too simplistic. Using the direct selection tool, I was able to pull and push corners to manipulate the text.

Design Idea 2

My second design I decided to again use a tool that would allow for text to be wrapped around a shape, which I did for my name on the left of the circle. After this I simply placed my initials in the middle of the circle, again I have used the direct selection tool to be able to pull on the corners of the letters to create a more abstract looking final product.

Design Idea 3

For my final design, I wanted to create a 3D looking design I believe I have achieved quite well. I could have probably used perspective grid tool to aid me in creating this design, however I opted to use the polygon tool to create my grid lines, but I will get onto that a bit later on in this blog post.

For my final design I started off by using the rectangular grid tool to set up the letters that make up my initials. My reasoning for placing them in the rectangular grid is to make sure that they are all uniform.
This screenshot is to showcase how the initials looked when all at the same size.

 

Once I had my letters set out, I used the polygon tool to create my guidelines for my 3D box. To do this I would create the shape that I was happy with and then use the keyboard shortcut ‘ctrl 5’ to turn the shape into a locked grid.
I then started to fill in my guidelines with my letters that I had previously created.
As this was a 3D design I needed to make it look layered by using slightly darker tones on the L and the H but work still needed to be done for the C.
For the final touches of my design I added more depth to the C, while also adding shadow for that final piece of perspective.

 Software Tutorials

To start I decided to use a ‘YouTube Tutorial’ to get me started in letter manipulation when using Adobe Illustrator. The tutorial showed me how to use the envelope distort tool to be able to transform my initials into different shapes such as an ellipsis or a triangle. This tutorial helped me figure out and experiment when using the direct selection tool as well as the distort envelope tool. For my second tutorial I followed an ‘Adobe Tutorial’ that explained how to create your own monogram. This tutorial helped me develop my text skills further as it showed me how to place text around a path. I followed this up by deleting a certain area on said path to create a gap for my text to sit nicely between it. The final software tutorial which is a ‘YouTube’ one I found myself shows me how to create a cube using custom letters, in this case it was my initials. This tutorial was extremely useful as it showed me how to create guidelines using shapes that I have drawn myself, the ability to create guidelines using my own drawn shapes was a new skill to me but I managed to grasp the concept rather quickly. For further development I would like to be able to create more realistic looking design this was due to me being unhappy with some of the elements on the final design such as the C, as it is not quite fully 3D.

 Design Resources and Articles

When searching for design resources and articles on logo design – which this Illustrator task essentially was – I started by searching through and reading on some different articles that were online and I stumbled upon this article. The article itself pretty much runs through the steps needed to be able to create a successful logo, although parts of the article may not apply to me directly as it goes through the entire process but I can still take away certain aspects from it.  The second article that I looked at was an ‘‘Adobe Tutorial’ that again looked at the essentials when it comes to designing a logo. The article took real life objects and turned them into illustrations which I could have used to influence some of my design choices.

Learning Across the Module

Using the quiz results from this term I definitely retained some skills and learnt some new ones along the way. My quiz results are very similar from last one but I believe my overall knowledge on certain topics has improved overall as I did guess some of the answers when completing the quiz back in the first term. To improve on my quiz results I need to look into the technicalities of certain software, an example of this is questions on the best dpi’s to be using on certain files.

The software tutorials that I have used throughout the module were very helpful as they acted as guides for taking me through the use of certain tools. Throughout the module I have learnt many skills, these include advanced work with the pen tool in Illustrator, being able to edit photos to a high level in Photoshop and formatting texts at a professional standard in InDesign. Skills that I would like to develop further are being able to work with curved lines at an effective standard and the ability to transform images in Photoshop with ease and efficiency.

Exploring Type and circles in Indesign

For this Task I worked with formatting text in Indesign. We had to create a leaflet that represented the text we where given. To start of with I looked at quite a few videos, one of which being (https://www.youtube.com/watch?v=kH-jsWBVNjU). This was a formatting video that allowed me to understand a lot of the basics in indesign as I haven’t had a lot of experience in this software before.

Leaflet Background

The first step to creating my leaflet was to add a background. I did this by using long rectangles at different angles to get this geometric pattern. I set the colours to different tones of blue as I though this worked best after a few experiments.

The next thing that I needed to do was to start inserting some of the text. To start of with I read an interning article on typefaces allowing me to be able to pick the best one. (https://helpx.adobe.com/uk/indesign/how-to/text-formatting-overview.html). The typeface that I decided to use was minion Pro. For the title I went with all capitals again after my reading I found this worked best as as a stand out from the rest especially as I had used a darker colour in this section. I then went on to add the introduction text which I wanted to follow the lines of the darker blue. To do this I used a force line break to make some of the text fall onto the other line. I made it 11pt as this is a good readable size not being too big or small for its purpose.

Blank circles

After I had done the background and title I needed to figure out a way to add the podcast sections into the leaflet. I tried by adding it in normally but I came to conclusion that this didn’t stand out enough and wanted a more unique way to display this text. So I decided to keep with the geometric theme and add my text in circles. To do this I place a circle using the circle tool and made a white fill with no outline. I did this three times and played around with placement and size and having the biggest circle with the most text in. When adding the text I found it quite difficult to get it all inline because I needed to set it to know that there was a circle frame. I learnt this by finding a video that helped me align the text on the path as well as wrapping it around the circle. I kept the text in the circle the same font and made the title a lot bigger to stand out. As all the text was quite different sizes for each section it became hard to keep the text the same size. To make it fit I made the left text a bit smaller as there was no way to make the circle bigger.

When adding all of my text I played around with leading and tracking a lot. Especially with my title as when using capitals it often looks squished. Adding a bit more space between letters would make it easier to read for a potential user.

The last piece of text that I needed to insert was the dates. Ones the circles where added there wasn’t a lot of room to add these. So I came up with the idea to add the around the outside of the circle. This was quite a hard task however I managed to find a useful video on this (https://www.youtube.com/watch?time_continue=25&v=gKOSnQ2RXJI&feature=emb_title). To do this I used the same circle that the text are in and used to type of the path tool which is under the type tool. I clicked on the area that I wanted and typed out the date and made it correct font, colour and size that I wanted. One problem that I came across was that my text displayed upside down. To fix this I needed to flip the text in the circle. This was done by going into type- type on a path- options, this allowed me to have the option to flip the text. I then want my to make the text side on the ascender instead of on the base lien and this was done through the same way as the flip.

The final step that I tool to finish was to add a logo as I saw some negative space that could be used. I also wanted there to be a defining feature to know that the leaflet was about a podcast. I went to illustrator to make this and learnt how to insert it in using an online video to help.

 

#NoFilter

Design Ideas and Design Process

 

First Image

First royalty free image, edited using Photoshop.
First original photo.

This is the first image I edited using Adobe Photoshop. I obtained a royalty free image online of a sunset and intended to use both tutorials provided and my own to brighten up the photograph. I began by pasting the image on a separate layer and experimenting with existing filters and the ‘liquify’ tool which enabled me to blur lines and make areas appear cleaner. On the adjustments panel, I further edited the contrast, vibrancy, brightness, exposure, hue and saturation to create a desired balance and make it appear more eye-catching than the original.

 

Second Image

Second royalty free image, edited using Photoshop.
Second original photo.

This is the second image I edited also using a royalty free image found online inspired by the famous red bus of London picture. I began by applying the black and white filter on the original image but found this darkened certain areas so solved this by altering the balance of brightness and vibrancy. I then pasted the original photo on a separate layer, ensuring both images were the same size so I could use the pen tool and cut around the bus. After removing the background, I layered the bus onto of the black and white picture and used the blending tool to make it appear seamless.

 

Third Image

Third photo edited on Photoshop using my own image.
Third original photo.

This is my third and final, yet favourite edited image, this time using one of my own photographs. This image consisted of aspects I didn’t like such as a used tissue and part of a phone screen on the table. I watched tutorials on how to use the clone tool and found the task of removing them to be much simpler than anticipated. I selected the desired layer and brush size to clone an area of table to repeat over the unwanted areas. This left me with repeated patterns looking unrealistic which I corrected using the liquify tool to adjust the lines and shadows.

   – Development

Below is the development and process to creating my final image.

 

1) Selecting my chosen image to edit and opening it as a background layer on Photoshop.

 

2) Unlocking the layer to edit freely.

 

3) Locating the clone stamp tool.

 

4) Choosing brush style and size.

 

5) Pressing option and creating a sample to clone over.

 

6) Tapping to clone across the sample over unwanted elements.

 

7) Holding option again to create a new sample for a different part.

 

8) Finally using the liquify tool to remove repeated patterns.

 

Software Tutorials

 

When starting, I knew the basic functions and tools Photoshop offered, including using tools like existing filters, shapes and type to change an image, however lacked understanding of using it at a more professional level, with better editing and the ability to remove things whilst still making the image appear realistic. I chose this task in order to improve this skill and to teach myself how to edit whilst watching both tutorials provided as well as ones I found myself.

Some tutorials I found useful from the list provided for my first images of changing colour include; https://www.youtube.com/watch?v=Hg1WS_yOcHM and https://www.youtube.com/watch?v=n9fwiNyDHLI as well as https://www.youtube.com/watch?v=x2Lf4cZcIok. These videos taught me the basics of how to use the colour correcting tools in the adjustments panel, such as brightness and exposure and showed me how to create a balance that was meaningful. I also researched and found that https://www.youtube.com/watch?v=cuy12EOEztg was in depth about hue and saturation which was easy to follow along.

In my third image of removing elements; I found https://helpx.adobe.com/photoshop/how-to/clone-stamp-remove-object.html, https://helpx.adobe.com/photoshop/how-to/photo-retouching-basics.html and https://www.youtube.com/watch?v=D7jf6MCVvmk&t=73s extremely useful as they provided an in depth understanding of the clone stamp and alternative methods such as the spot healing brush which was interesting to learn about to further develop my knowledge. I enjoyed how these videos were short and straight to the point whilst also being easy to follow along so I can apply the same principles to my own images.

Watching these tutorials really boosted my ability to edit confidently and helped me overcome difficulties I was facing when using Photoshop. I also found they aided my ability to design confidently and use tools I was first unfamiliar with. Even though with tutorials provided, I have increased my skills within the software dramatically, I think I would still benefit from learning more about the complex tools it offers (such as duplicating elements) which I hope to learn by watching more tutorials and practicing myself in my own time to design more professionally.

 

Design Resources and Articles

 

Additionally, from the resources provided, I found that for my first image, this article was extremely useful (https://helpx.adobe.com/photoshop/how-to/photoshop-sharpen-photos.html). This article explained how to sharpen areas to make it more defined, therefore when changing colours and altering balance, it would be more drastic. I also did some of my own research and found the ones that Adobe themselves provided were helpful. These include both https://helpx.adobe.com/photoshop/using/replace-colors.html and https://helpx.adobe.com/uk/photoshop/how-to/change-color-object.html which gave me an in depth understanding at a beginner level and then at intermediate with advanced tips to create a more professional image. I liked how they each described every element in the adjustments panel so I could understand what I’m really changing.

For my third image, which was focussed on removing elements, I found from the list provided that https://helpx.adobe.com/photoshop/using/retouching-repairing-images.html and https://helpx.adobe.com/photoshop/how-to/clone-stamp-remove-object.html were useful links when describing the uses and functions of the clone stamp tool and how to successfully apply it to my image. The steps in both of these articles were easy to follow along which I valued. In my own research for how to use the tools, I found https://expertphotography.com/clone-stamp-tool/ and https://www.lifewire.com/photoshop-clone-stamp-tool-tutorial-1697534 explained well what the tool actually did and how I could apply it. Furthermore, I read https://shootdotedit.com/blogs/news/how-to-use-liquify-tool-photoshop which showed me how to use the liquify tool to finalise the edit.

I also looked at pre-edited image to see how successfully others have used the tool, this allowed me to see the extent to which I should use it. These articles helped me to design effectively and also acknowledge me of the uses and functions of tools within the software that I could use when editing my images.

 

Learning Across the Module

 

Comparing both quiz results obtained at the beginning and end of the Autumn and Spring terms, I found that I have improved not only my knowledge of softwares but my confidence in being able to use them correctly. At the start of the Skills module, I only knew the basic fundamentals of each software, and had the ability to use simple tools such as type and shapes, but since undergoing the modules tasks every week, varying between Adobe Illustrator, InDesign and Photoshop, I have developed lifelong skills which will help me become a better designer and work more effectively as well as professionally in the future.

The tutorials I watched, really enabled me to understand each tool in depth and were easy to follow along, which I think played a large part in how I took in information to apply to my own work. Some of the greatest benefits I think I have received from this, is how to use the clone stamp tool, which I found to be much easier than anticipated as well as colour correction. I also have improved on precision using the pen tool in both Photoshop and Illustrator and understood the importance of hierarchy when designing which I think are all good skills to have. I feel like I can use all three softwares to an extent where I’m happy with. including editing images, sorting layouts and illustrating, but hope to continue building on this in my own time to further develop my ability.

Formatting text for a podcast flyer

image.pngimage.png

The aim of this project was to create a flyer for a podcast, named ‘Rethink Fairness’,  with the given text. It was important to this task to redistribute and organise the given text into understandable sections and then create a hierarchy within the text to allow the styling to match this from the start. After reading through the following link, https://helpx.adobe.com/uk/indesign/how-to/make-flyer.html, I decided upon a design in my head and how I wanted to progress with my flyer design.

My goal through this project was to allow the text itself to stand out and function without too much outside influence from images or graphics, this meant it was important to get typefaces correct and focus on how multiple typefaces might function together. I aimed to bring in a modern, high weight contrast typeface to utilise for headers such that they stood out greatly against the background with some very heavy weights to some parts of the characters, furthermore having a display font as large and centred as I did I felt that it stood out to a user as much as the graphic itself, the typeface being noticeable also felt relevant to the context of the podcast as it has this playful display feel while still involving the serif seriousness. When it came to sub-headers on the second page I felt it important not to overuse the display font as to make the headers illegible, to this extent I combined the two typefaces, reducing the weight of the additional typeface down to allow it to attribute to the thin sections of the high weight contrast display font.

I’d toyed with the idea of utilising physical lines and barriers to section information but, again, with the context of the podcast it felt off-key to introduce barriers and borders onto a podcast flyer focused around thinking outside of the norm, I aimed to represent this by leaving in the lines but adjusting them such that they were broken off and didn’t enclose any one part of the text, this, however, meant that I needed to focus on the layout of the sections within the text to allow them to be legible as separate sections, it became increasingly important to avoid floating heads, and respecting the space between separate and related pieces of information, how these spacings ended up I feel accurately allows the reader to separate the information in their own mind without the need for a numbering system or bounding boxes to section the information.

The centre piece of the flyer I’d aimed to be some sort of contextual representation, I didn’t think an image would function in the same way so, using images typically associated with psychology I created a gradient mesh with lighter bubbles overlayed on top to create an interesting graphic to sit at the front and centre of the flyer, I used this same style to create a few smaller bubbles to sit on and around the text of the second page to create a theme across the whole design and also allow the second page to appear slightly more intriguing, rather than just being flat text.

image.pngimage.png

image.png

image.pngimage.png

image.png

 

Photoshop Editing Sunset

Photoshop Editing

To start my exploration with Photoshop I decided to visit the website Pexels.com which possesses many royalty free images that are allowed to be used. I knew I wanted to edit an image of a landscape or majestic setting as these type of images usually have a lot to edit, and depending on the surroundings, may make the effects that would be edited look more effective.

I decided to use the effects panel on Photoshop to play around with what I could manipulate, I discovered some great effects such as colour balance, hue/saturation, linear dodge, photo filter, and dissolve in which I incorporated into my design to display the effects that they would have on the image. As evident in the images I have inserted, the overall hue of the images are of a purple tint, in comparison to the rather naturally orange hue of the regular image. The overall image has been effected by the colour balance, turning almost every element in the image darker and of a slightly more abnormal colour to emphasise the effect and that it has actually changed the image’s properties. The dissolve feature had made the clouds especially pixelated, which could be seen as  a negative approach to showing the effects, but in this instance it works well to show the limitation to combining multiple effects.

Overall, I really enjoyed performing this task as it was a nicely comfortable session where not too much concentration was needed to create an image that shows off the capabilities of Photoshop and to see how “messed up” you could portray an image.