Category: Podcast postcard (InDesign)

TY1SK podcast postcard Rogers, Elena

InDesign

Section 1

Design idea

My first design was inspired by a previous podcast cover, but I also took inspiration from one of our first seminars at reading university. We were given a typeface anatomy sheet that covers the basic parts of a type face, and I wanted to include this in my rendition. I liked the baseline and cap height lines that gave the lettering structure and wanted to include this in my design.

postcard 1

Design process

As mentioned previously, I was already inspired by the type face anatomy handout before I had begun my design. So, I knew that the cap-height, X- height and base line was going to structure my type. However, I did struggle with the layout of this and it is clear I was experimenting with different typefaces during this development. This shows my stages of development before my final version displayed above. I was not satisfied with the sizing of lettering and the fonts I had chosen. It was noteworthy, when moving from development 1 to 2 and playing with the layout, that my design was too simple, and an additional element would be beneficial for my final design. Adding a microphone covered the spacing well.

postcard 1- development 1
postcard 1- development

 

 

 

 

 

 

Design idea

For my second design, I wanted to play around a bit more with my text and for the design to be a little more exciting with a layed back approach. Using words of improvement from my lecturer about how I should manipulate the original image a lot more, I focused on a certain section of the image and used the coffee cup element to base my text around. I used light pastels in my design to give it a more feminine appearance and I loved how this turned out, matching well with my snappy ‘let’s talk graphics’ title.

postcard 2

Design process

Before settling on a final design for my second podcast, I was previously experimenting with layout and text. In development 1, you can see I was trialling out including the colour theme tool as a side margin. However, I decided this made my design look too cluttered and did not add anything to my design. On my second development I included aspects of my podcast cover, but reproducing it using different tools in InDesign. However, I felt this was too similar to my previous podcast design. So, for my final idea I settled for circular writing framing the coffee cup.

postcard 2- development 2
postcard 2- development 1

 

 

 

 

 

 

 

Design ideas

For my final postcard, this was also inspired by a previous podcast. I wanted to include miscellaneous shapes and forms in the background to add body to my design. I took this inspiration from my original podcast cover too. However, unlike my podcast, I added additional elements e.g., the opaque boarder and the focused figure on to the page. I feel that this postcard has a very serious yet has a modern look about it, which I enjoy.

postcard 3

Design process

As I mentioned beforehand on trello, I wanted to involve more to my design to keep it busy and exciting. From my development 1, you can see there was not enough to my design, there was a clearly too much spacing in my design and there was a lot of room of improvement in my first draft.

However, there was a little more improvement in my second draft. I trialled with different lettering for ‘podcast’, experimenting with duplication. I did not mind this, however I feel this did not add anything to my design. At this stage I added an opaque boarder. I kept this in my final design, as it makes the title of ‘graphics etc’ more prominent.

postcard 3 development 1
podcast 3 development 2

 

 

 

 

 

 

Section 2

Software tutorials

Before starting my postcard, I watched the tutorials suggested in the brief. This covered a lot of basic information that was essential to know to complete the task for week 6. These covered how to set up a new document, how to save, and goes through what each individual tool does in InDesign, so as a beginner in this software this was very helpful. Though these videos were useful, they only included the basics, to develop further skills in InDesign, we had to find software tutorials ourselves for our designs.

From my postcard design 1, I did not need to research much further in this design and used the basic tutorials we were provided as this was my first design and I was adjusting to the new software. Involved in this design, however, I used tutorials for photo placement and layering in order to produce this final outcome.

Moving to my second design, I was more open for experimentation. This involved photo manipulation, watching tutorials on how to crate circular text (using on the line text tool) and in one of my developments for the second design I also followed a perspective text tutorial from YouTube.
https://www.youtube.com/watch?v=Vg732m5bTOc

https://www.youtube.com/watch?v=gKOSnQ2RXJI

For my third postcard design, in order to create the miscellaneous shapes on this design I focused on using the shape tool, and to do this I followed a tutorial to get to grips with this new tool.

https://www.youtube.com/watch?v=RgprXvKAozw

As InDesign is a large software that holds several different tools in order to complete successful designs, I understand that there is a lot more I can learn about it. There are some software skills I’d like to become more advanced in, for example masking and overlapping my texts to make my designs appear more professional. Truthfully, I’d like to become overall become more comfortable and confident when using the software, e.g. be able to experiment a lot more, and learn more keyboard shortcuts to enable faster design skills.

section 3

resources for research and inspiration

As mentioned previously, my first podcast was inspired by the handout we were given in the beginning of the academic year. This type face anatomy hand out inspired my layout as I had included the lining and connotations in my postcard.

The resource I used was the actual handout that I had kept from the lesson and used that. However, I also found other layout examples of typeface anatomy from the book ‘thinking with type’ by Ellen Lupton. This is a book about typography for designers, that covers typeface anatomy as well. Specifically, the front cover of this book uses anatomy as a decorative element.

http://thinkingwithtype.com

For my second design, I wasn’t so much inspired by a certain source, however I wanted to follow a feminine yet cartoon like aesthetic. Since my postcards were designed from out podcasts, I took inspiration from others I had previously listened to. A podcast that I liked the most and was inspired by was ‘looking up’ by courier media. They follow a cartoon aesthetic and use similar colour schemes as I have. This majorly helped me with my idea development of for my second postcard cover.

https://podcasts.apple.com/gb/podcast/looking-up/id1535812482

For my final design, I used a different podcast as inspiration, this one was called ‘becoming wise’. It is clear that I took inspiration from this podcast. I liked the range of different shapes they used and wanted to include this. Further, it can be argued my design for my postcard is very simple, but I believe this is from the source of inspiration. It is somehow calming due to the spacing it uses, and I wanted to incorporate this element in my own work.

https://podcasts.apple.com/gb/podcast/becoming-wise/id1095068557

After finishing this task, I grew interested in other topics I would like to explore myself or possibly throughout the rest of the year. I have always been interested in logo design and advertising, and how I can apply my new software skills to possibly move towards this area of graphic design. To do this, I could possibly branch out to other software for this, for example illustrator.

postcards

Design ideas and Design process

I have chosen the InDesign task as I liked the end result of the postcards.

mind map mind map mind map

These were my biggest inspiration for my InDesign task as I really liked the layout of these designs, I have used elements of these designs in my designs.

I have made 3 designs which are different from my posters however not so different that it would look completely different.

For my design 1

I have designed this postcard which is the picture of my last poster which I really liked. To make this postcard opened the picture in InDesign and then I have sized it small however it was not all over the page. Because the poster was more like a portrait poster. After making the postcard I realised that the font which I have used is traditional however the design is modern.

Design 2

postcard designs

To create my 2nd design, I have used the same picture but this time I have made the picture resize again made it small. After resizing it I then have used some text on the side and the reassessing date.

Design 3

 

My design 3 I have used a different layout and tried to make it more modern. To create this, I have used triangles on left top and right bottom and then I have used podcast name in the middle. Then I have used different sized circles and changed the opacity. I have used some lines on he left top to make some lines. I didn’t really like the triangle in the left corner, so I moved it to right top.

Design 4

My 4th design is really simple however I really like it because its minimalist and effective.

To make this I have used the podcast name and reused it 6 times.

After that I have used the circles to link it to the rest of the podcasts and the poster.

Then I have added full stop on the top to make it more effective. Lastly, I have added the releasing date.

Tutorials  

To create these posters, I didn’t really watch any tutorials as i am doing another project in InDesign and I am quite confident in it. However, I did learn however I watched how to import the images and resize them as it was not clear to me.

To resize the image, I can go edit and then click on the art bort and drag the image from the text box, when you see the brown sine around the image that means it would edit now. To make it smaller I will have to click shift and t.

 

Resources and inspirations

To make these posters I have used ideals from Pinterest which I have used on top of the blog, which really helped me decide what I wanted in my design. I have used Pinterest to get inspirations of how I can make different postcard  and then looked at google to see what existing postcards looked like ,my biggest inspiration was from Bauhaus as I was doing research about the essay when I looked at some Bauhaus covers which were really fascinating to me and I really liked the way they have used geometric shapes to create such an effective cover as well as the way they build the subject in the centre in a architecture sense is quite interesting. I have looked at some other postcards which really helped me to make my mind map of what I wanted my designs to have. all my research was about my poster cover which then I used again to develop my design further in InDesign.

To develop on my postcards, I would like to make them a bit more perfetional I would like to ask my classmates or my teachers to give me some feedbacks and try and see these postcards from a different point of view which can really help me make my design further. I think I would develop my first designs as I didn’t do much in that I would like to change the layout into a different style. Same with my 2nd design it was a bit too simple however I think it did look more like a postcard.

 

 

‘Counterfeit’: A Typographic Podcast (Postcard)

For the TY1SK module, I designed a podcast cover (which can be seen below) and a podcast postcard. In this blog post, I will be discussing how I used Adobe InDesign to create my podcast postcard designs. While designing the podcast covers, I came up with the name Counterfeit for my podcast. I chose this title as it incorporates a typographic term counter, which are the enclosed or partly enclosed areas within characters, such as in the letter ‘d’.

Design Ideas & Design Process

I began by creating a more collage-like outcome, incorporating images I downloaded from the website Pixabay, with solid colours within my colour scheme of red, dark brown and beige.

I used Photoshop to design a podcast logo inspired by images I had seen online. I incorporated this into all three of my podcast postcard designs.

After adding the podcast logo to my design, I then layered text over the top of the solid colour. After this, I incorporated a few geometrical shapes to the design. These shapes reflect the counters of letters and characters. The font I used for all my designs is the Adobe Gala font, with a shadow, which almost highlights the counters of the letter within the name Counterfeit.

For my second design, I decided to explore the more geometric style that I used in my podcast covers. I used layers to add shapes in the same colour scheme as the previous card design. For all of my designs I made sure to exploit the bleed space on InDesign, to ensure a sleek postcard without a white border.

I also incorporated the podcast logo as seen in my previous design, as well as the title Counterfeit in the Gala font, with a shadow. The subheadings are also in the Gala typeface. I played around with typographic hierarchy, using different weights and sizes of text, to create a visually organised podcast card.

I felt that my second design was more successful, and so I wanted to develop the geometric style further. I created a third design, taking aspects from the previous designs to create an even more visually appealing and successful outcome. I decided to add more contrast to this design, and so instead of the pale beige background, I used a dark brown colour with lighter text. For this design I played more with alignment and hierarchy. I centred the main title of my podcast, but I right aligned the subheadings as well as my podcast logo.

I continued with the idea of typographic counters, and so I incorporated the geometric shapes as seen previously. I exploited the layers tool to allow me to play with the relationships between these shapes.

Once again, I used the Gala typeface. This final design was definitely my favourite as I believe it is eye-catching and bold, while still having a minimal, uncluttered feel.

Software Tutorials

I watched Youtube tutorials and read articles to help me discover techniques and tools within InDesign. In particular, the Youtube video ‘In-Design Postcard Set-up’ by Lauren Rabinowitz was useful as it showed how to create the correct InDesign file for postcard design. For more information on InDesign and the tools within this Adobe app, I used the official Adobe website. One of the most helpful tutorials by Adobe was the ‘How to Make a Postcard with InDesign’ tutorial. One aspect of this tutorial that I found particularly valuable was the combination of text and images, using layers to do so.

Resources for Research & Inspiration

The resource that I found particularly useful was an article about Molly Scannell, and her design work, on the Adobe website. This article was called ‘How Molly Scannell created “Taken”’. Although this article focused on Scannell’s use of Photoshop, I was really inspired by her posters and designs. She frequently exploited layers and experimented with the positioning of the elements within her works to create eye-catching collages and composite outcomes. I really enjoyed looking at Scannell’s use of layering with both images, shapes and text, which was something I aimed to incorporate within my designs. This article did show examples of Scannell’s work, but it also gave a step-by-step tutorial on how she created her design ‘Taken’. Although I did incorporate the layering of shapes and text within my final outcome, I would like to further explore collage and the use of images within InDesign. On top of this, I looked at Pinterest for further inspiration on compositional and typographic ideas.

Reflection

Overall, I was very pleased with my final podcast postcard design. Although my final design was more simplified and minimal, I believe it is eye-catching and effective. This task allowed me to experiment with InDesign, an Adobe app that I am less confident with. It also allowed me to implement my new knowledge on typography, such as the use of leading and the techniques used to create hierarchy within text.

Talking in Type

DESIGN IDEAS AND DESIGN PROCESS

 Postcard Idea 1..

                                             

This was my favourite design and the one which I developed the furthest out of my three ideas. The aspect of this design which I developed the most was the type. Following on from my Podcast task (as seen in featured image) I wanted to continue to work with warping the type. I liked how this worked along side the image as I felt like it gave an impression of the crowd moving the letters around. I wanted to emphasise this sense of movement further in my postcard designs so to do this I developed different ways of enhancing the image and the format of the warped type. For this particular idea I decided to duplicate the picture, this is something I also did in my second idea but the way I utilised this differed. For idea 1 I flipped the image and cropped it (as pictured above) to create the impression of one mirrored image that frames the text. I liked the sense of balance this gave the postcard and how it emphasises the idea of the type almost being pushed around by the people in the image.

Postcard Idea 2..

                                            

Similar to Idea 1, I also duplicated the image in this postcard to enhance the sense of movement. This time I experimented with transparency, to create a blurred effect I lowered the transparency of the duplicated image and shifted it slightly in position (pictured above). I feel like this created a sense of movement in a different way to Idea 1. However I think this idea would off worked better with to similar images rather than two identical images to give the impression that the movement is changing as this would be more realistic. In order to develop my ideas I wanted to play around with the effectiveness of the warped text. Therefore in this design I warped some of the words but not all. I actually really like how this gives a focus on the most important aspect of the postcard which is the topic of type. I think this creates a sense of hierarchy within the postcard allowing it to inform the reader efficiently.

Postcard idea 3..

                                                                    

For my third idea, I actually wanted to explore using type that wasn’t warped. I wanted to see what effect this had visually compared to the warped type that I had used for the last two ideas. I didn’t want to alter the background image too much for this idea so I simply flipped it up side down. I still think this idea is effective but it did help me to realise that the warped text did work well in creating unity between the image and the text. In all my designs I made the word ‘with’ significantly smaller than the other two words as I wanted the focus to be on ‘talking’ and ‘type’ as these are the focus of the podcast/postcards.

SOFTWARE TUTORIALS

An issue that I encountered when completing this task in indesign is that indesign does not have appropriate tools to allow you to warp text. I got the idea to do this to the text through exploring photoshop in the previous task but when It came to working in indesign I realised that achieving these same effects within this software wouldn’t be possible. In order to solve this issue I searched for information on how to best transport images from photoshop into indesign.  I googled this and was able to find out that only certain files can be transported from photoshop to indesign. I created my text in photoshop and then imported it as a psd into indesign. This worked okay but i has to do one word at a time so that I could figure our where to place the different text layers once they were actually in indesign. I plan on carrying out more research on how to do this and on how to use the softwares together. I know that this will also become an issue when I need to import from illustrator to indesign in future so I found a tutorial to refer back to ( https://www.youtube.com/watch?v=FF9-l07KmDY ). I found that for this task, there was not much I actually wanted to manipulate in terms of image editing that I would need additional resources for. I felt as though my image was already prepared and edited in photoshop from first podcast task, to do this I had used a tutorial I found on YouTube ( https://www.youtube.com/watch?v=oOTxsRTjkNM&t=741s ). This tutorial really helped me to learn different ways of removing parts of an image in photoshop and helped me to achieve a background image for my podcast and postcards that I was happy with. I think this Is something I could definitely  do with referring back to as I did find it quite complex the first time round, but it was good to experiment with different tools I had not used before.

RESOURCES FOR RESEARCH AND INSPIRATION

For this task I wouldn’t say I was inspired by any resources in particular it was more a case of exploring new tools within software and just experimenting until I got something that I liked and thought was effective in advertising a podcast. I wanted to represent sound in a still image so my goal was to create a suggestion of movement within the design. I searched through my own photography to generate initial ideas and found the image of the crowd. I thought this would be appropriate as a crowd of people with their hands in their air represents people listening to music at a concert/ festival. People obviously listen to a concert differently to how they would listen to a podcast but I still think this is a close enough associated. After importing the image into photoshop I thought about how the crowd could almost push the text around the page and then I developed this further by warping the text itself. I feel like this almost gives off a metaphorical meaning in how we manipulate type for design purposes. On reflection I should off taken compiled more sources of inspiration for my work however  I feel the process became more of an experimentation of tools than ideas which I think was beneficial in its own way. I think it would off been beneficial for me to have looked at examples of how others incorporate warped text into their designs and gain inspiration from this but overall I felt happy with my final outcome despite a lack of research/inspiration. I did have a look at a page provided to us for inspiration (https://helpx.adobe.com/uk/photoshop/how-to/composite-multiple-images-create-collage.html?playlist=/services/playlist.helpx/products:SG_PHOTOSHOP_1_1/learn-path:key-techniques/playlist:topic/set-header:get-inspired/en_GB.json&ref=helpx.adobe.com),  ‘How Molly Scannell created Taken’, which I did find really intriguing but I think I found this at a point in my design process where I had already developed my ideas in the first task and didn’t know how I would incorporate aspects of this kind of style into my work. The techniques of image manipulation that this designer uses are definitely something I plan to explore and gain inspiration from in future work.