Posts

Advanced Typography - Project 1B

Image
23/09/20 - 21/10/20 (Week 6 - 9) Ahmed Yaman Ibrahim (0341119) Advanced Typography Project 1B INSTRUCTIONS PROJECT 1B Collateral (Week 6-9) For Project 1B, we were to design collateral using the key artwork from Project 1A, such as posters, an animated invite, tshirts etc. We started with the poster. Poster Fig. 1.1: Project 1B - Poster variation 1 Fig. 1.2: Project 1B - Poster variation 2 Fig. 1.3: Project 1B - Poster variation 3 Mr Vinod suggested I work on the third option, and to avoid having the text overlap the design in the background and have it try to follow the shape similar to the key artwork. He also suggested that I adjust the shape of the text for "Constructivism" some more, as it still feels a bit distorted. I worked on the animated invite and tshirt designs as well. Fig. 1.4: Project 1B - Poster variation 4 (final) Fig. 1.5: Project 1B - Poster (PDF) Animated Invite I designed the animated invite based on the poster. Fig. 3.5: Project 1B - Animated ...

Advanced Typography - Project 1A

Image
16/09/20 - 21/10/20 (Week 4 - 6) Ahmed Yaman Ibrahim (0341119) Advanced Typography Project 1A LECTURE NOTES Lecture 5: Perception & Organisation 23/09/20 (Week 5) This week's lecture was on Perception & Organisation, which covered topics of contrast, form and organisation of typography and how they can be used to guide reader's eye through the content. Fig. 1.1: Use of contrast in typography with regard to size INSTRUCTIONS PROJECT 1A Key Artwork (Week 4) For Project 1, we are tasked with using visual and type in order to create a key artwork which will be used in collateral for Project 2 (collateral design), using one of the three event titles from the previous exercises. It was important that we research the topic of the title we choose to understand what the movement represents, so we can convey it better in our design. I went ahead with Russian Constructivism & Graphic Design as my topic. I did some research initially on the history of Russia...

Video & Sound Production - Exercises

Image
Ahmed Yaman Ibrahim (0341119) Video & Sound Production Exercises EXERCISES Premiere Pro Editing Exercise 1 - Mint Week 1 This was a simple exercise for us to familiarize ourselves with how Adobe Premiere works. We were given a set of clips from a video advertisement and we were to arrange them in order on Adobe Premiere. Exercise 1 - Arranging on Premiere Pro Final video: Premiere Pro Editing Exercise 1 - Doritos Week 1 This exercise is essentially the same as the first, but the clips given to us weren't arranged in order and the scenes were all quite similar, so it took some more work to arrange them properly. Exercise 2 - Arranging on Premiere Pro Final video: Shooting Exercise Week 2 This exercise was for us to learn different shot sizes: - Wide Shot - Frontal MCU - Extreme Close-up - Close-up Shot - Profile MS - ¾ Angling MCU - Over-the-shoulder MCU - Eye-level Medium-Wide Shot Premiere Pro Editing Exercise 3 - Lalin Week 3 For this exercise, we watched a short fil...

Interactive Design - Exercises

Image
Ahmed Yaman Ibrahim (0341119) Interactive Design Exercises EXERCISES Briefing Week 1 This week we had a briefing of the module, followed by a short exercise involving critiquing various kinds of websites. Exercise 1 Week 2 This week we had a lecture on the basics of HTML, followed by an exercise where we created a basic HTML site on Notepad. Exercise 1 Link to site:   https://festive-curran-43994c.netlify.app/ In-class CSS exercise Week 4 This exercise consisted of a replicating a site layout using HTML and CSS. In-class CSS exercise Exercise 2 Week 6 We replicated a website layout for this exercise as well, using HTML and CSS on Dreamweaver. Exercise 2 - Working on Dreamweaver Link to site:   https://pedantic-johnson-f71158.netlify.app/

Advanced Typography - Exercises

Image
26/08/20 - 23/09/20 (Week 1 - 5) Ahmed Yaman Ibrahim (0341119) Advanced Typography Exercises LECTURE NOTES Lecture 1: Briefing & Typographic Systems 26/08/20 (Week 1) Our first lecture consisted of a briefing of the module to all students followed by a lecture on our first exercise topic: Typographic Systems. We were shown excerpts of the book Typographic Systems by Kimberly Elam for reference. Typographic Systems The 8 typographic systems mentioned above are Axial, Radial, Dilatational, Random, Grid, Modular, Transitional and Bilateral. These systems are meant to serve as a sort of organizational framework for arranging type on a composition in a way that is functional and visually sound. 1. Axial System In the axial system, type is aligned to either side of an axis. This is especially helpful when organizing lists, or several bodies of text on a composition. Fig. 1.1: Axial system examples 2. Radial system In this system, the type extends outward fro...