The Alphabet

Type 2

For this project, we were asked to define the binary opposites and choose 5 sets from each language Arabic and English, print them in 10 different typefaces to understand the different kerning and tracking of the letterforms.


Bitter: sharp taste or smell/feeling hurt or angry because of a bad experience.

Saccharine: overly sweet/overly polite


Euphoric: a feeling of happiness and excitement.

Miserable: feeling uncomfortable and unhappy.


Stultify: to make or appear something or someone to be stupid or foolish.

Galvanize: urge someone to take action.


Dismal: causing a dark and depressing mood.

Cheerful: causing a happy and positive atmosphere.


Ornate: over-elaborated or busy.

Austere: plain or simple.


Chaotic: a place or a condition that is disorganized.

Tidy: a place or a condition that is organized and in order.


Precise: used to mark the accuracy of detail.

Inaccurate: a false or inexact statement or detail.


Hilarious: very funny and amusing.

Serious: poker-faced and uncheerful character.


Adorable: charming, cute and appealing.

Repulsive: disgusting and displeasing.


Fleeting: lasting for a short time, in a hurry.

Leisurely: acting effortless, relaxed and unhurried.


مرارة: مر

حلاوة: نوع من الحلوى

حيوية: نشاط وعافية

شقاء: بؤس، عناء

تقاعس: تهاون

إقدام: التقدم والقيام به

تعاسة: سوء حظ وحال

سعادة: فرح

مزخرف: مزين بألوان شتى

خاوي: لا يملك شيئا

ترتيب: تنظيم، تنسيق

اضطراب: الفوضى

دقة:في غاية الترتيب والتركيز

تهاون: الإهمال، التقصير

جدية: رصانة تدل على الحالة النفسية ور البدنية للإنسان

مزاح: إتيان بكلام من شأنه أن يضحك ويسلي

جميل: الذي يتصف بالحسن.

قبيح: كريه المنظر، سيئ الشكل

زائل: سريع الزوال وغير ثابت

متأن: متمهل متئد ومترو غي عمله


I used InDesign to try and display the words in different typefaces and experiment with the kerning and tracking of each typeface.

For the next class, we were asked to print all the words in A3 size and lay them down in the atrium vertically. Leg day came early that week.

We were able to see the mistakes much clearly when the words were displayed on the floor, as we were walking over them. The kerning and the tracking were much more visible and I was also able to identify how each typeface has different kernings.

For the next class, we were asked to experiment with materials. I started to experiment first with letters. I found it difficult to find materials that will come in large amounts so I will be able to create 26 letters out of.

I used plastic, Whiteboard sticker, metal studs, popcorn, candy wraps, stuffed animal stuffings, receipt, colored sand, copper wire, and silver foil. I felt popcorn was my strongest material so I decided to experiment more with it.

I did some research on creating type out of popcorn. I tried to search for background, font, and transition ideas. I was really interested in the movie theater theme, where tickets and scattered popcorn are shown (just how popcorn is scattered all over the movie theater seats and floors.)

Over the weekend, I visited the cinema to grab some different flavored popcorn so I can play with the transition of the alphabet. I grabbed salted, caramel and cheese flavored popcorn.

I decided to use the word Ornate, which means over-elaborated or busy. I thought the word will look very interesting with popcorn. I started first with the corn seeds, transitioning to salted popcorn, caramel and then cheese (which turned out to be very messy to work with.)

The final result turned out to be like this. I liked this gradient however, I decided to try another popcorn arrangement.

This time I worked with Arabic, word meaning the opposite of Ornate, which is empty. In this arrangement, I tried to place corn seeds more with some popped popcorn. However, I did not feel like this arrangement was strong enough as the gradient arrangement because it felt repetitive.

I tried using Mod Podge glue on the letter “a”, thinking it will be much neater than a glue gun, but it turned out to be much messier and started to leak as seen above. Law suggested I could grind up the popcorn as a first layer of the letter, to avoid blank spaces and add another layer of popped popcorn up top.

I made some research regarding how to blend the popcorn and how to stick it on paper, with which glue and such things. I must say, it is amazing the things you find on YouTube. I found a guy who did a video on his channel, testing popcorn with his blender, calling it “will it blend? – popcorn.” I thought the texture of the blended popcorn he did was really fine and needed more texture, which I will try to achieve.

Blended popcorn.



Broadsheet – Final

Type 1

For this project, we were asked to promote out modular typeface to an audience who may use it in their field of work, by creating a promotional broadsheet that folds into a smaller format while working with two categories of typography: normative and expressive.

I started by looking up broadsheet examples and getting inspiration for my work. I used Pinterest and the PDF file that Basma and Denielle shared in google classroom as an example, also the broadsheet that was passed around in class the other day.

Here is my final broadsheet. I was inspired to make this expressive typography by the feeling I had over my typeface, as it is oversized and bold, so I decided to overlap huge letters together and play with transparency. It took me a couple of drafts to get to the final outcome, where some colors and transparency methods were not working out for me.


I really enjoyed working on my broadsheet as it was nice to see my typeface coming to life and expressed in different sentences and colors. I was also very proud of how the expressive and the normative type complement each other in terms of color and style. It feels very unique to have a typeface that I have specifically created myself inspired by patterns that I never thought I could one day extract to develop a typeface. It is also very interesting to know that I am able to create a typeface completely without the help of anyone now, thanks to my amazing professors who helped me throughout this course to develop my typeface. I would really like to experiment with Arabic typefaces next and see what I am capable of doing. Thank you Basma and Denielle for being the amazing professors that you are!

Deconstruction 4.0 – Final

Methods & Process

While fixing the structure, we were also working on our banners and vinyl cuts at other times. Grab a cup of tea and sit down for this, because the tea will be spilled.

This is the designed arrangement of the banners. Two banners on one string, five strings, which makes it ten banners in total.

We started by choosing a famous quote by each character to place it underneath it’s banner. We made a google document, where each of us can edit. We would vote on which quote to use in terms of how strongly it represents the character and then highlight the one used in yellow.

Going back to printing on fabric, we finally got to print the banners after testing it. It was very large and heavy and took a lot of space. The printing process took a long time too, since it was a large file. We folded it to take it to the tailor so they can be cut to five sheets and stitched from the sides, following the senior’s advice. Zainab suggested that we allow a hole (or pathway) at the top of each banner to allow the strings to go through, since we were stitching them from the sides and would not be able to hang them up. Thankfully, the tailor did a great job at doing it.

The process of hanging them up was a hassle, where the fishing string did not handle the weight of the two banners and it was risky to use it. We were afraid it will snap overnight, so we started using different kinds of strings that at the same time was not as visible. We found a white plastic rope, that surprisingly worked and handled the weight of the banners. After tying it on dear life to the hook, it was a success.

However, we later on noticed another mistake when it came to the placement of the banners. The Walter White image was not clear because the banners had so much distance from each other and needed to overlap to show the full image.

Here, the banners were attached to five strings, two on each. As seen, the image of Walter was not clear, so we decided to change the spacing between the strings and bring them close together. It also did not work. There needs to be so much more space for the viewer to step back to and be able to see the full image, when the banners are close, the image is not clear. Next solution was to limit the strings into four strings, three banners on two strings and two banners on the other two strings. This solution helped the design so much and also made so much more space for the viewer to see the full image.

Moving on to vinyl cutting, we decided to vinyl cut the description, key, footsteps and the quotes. Where we thought it will look very neat and organized. However, we were not familiar with the types of walls vinyl can or cannot stick on. The wall at the balcony is textured, which made us struggle so much trying to stick the vinyl up. I tried to clean the wall off the dust using water and then drying it, where I heard it can help, but it also did not work. We also struggled with trying to pick the vinyl out of the description text, where the text was way too small and just impossible to detach it from the background.

This lead me to find other ways to stick the vinyls, where I used a huge white vinyl paper as a background to help stick the small vinyls up, which worked out. For the description, we printed it on semi glossy paper. Which solved all of our vinyl problems.


Here is the final outcome of our Breaking Bad installation.


I enjoyed this project so much, even though it was full of pain and stress, but it was all worth it when I got to see the final outcome and know that I helped build this all the way from scratch. It felt very accomplishing. My partners Zainab and Amna were super awesome and collaborative (they both were willing to jump off the balcony with me at some point, that’s how collaborative we were) I couldn’t ask for better partners. Even though some things did not go as planned, such as the vinyl cuts and the strings, but after a few jars of tears and some problem solving it all worked out which I am very glad about. Through this project, I was able to learn how to extract a concept or a theme from communicational platforms and develop methods on how to express it differently. I also expanded my knowledge with problem solving, time management and patience!!!!!!!. I also got to use really cool tools and materials which I plan on using again in future projects such as printing on fabric and vinyl cutting (not on textured walls as clearly, lesson have been learned) and also how to appreciate the wood shop workers more for the amount of work and effort they have to go through everyday, because as fun as it was building a structure, it was definitely not as easy. This project was the best way to end this course, thank you Sam and Liam.


Deconstruction 3.0 – Building The Structure

Methods & Process

Next came the planning for the structure, what kind of wood we are going to use? how many pillars we need? how safe will it be? So, we went to the woodshop and Dana Ladki was kind enough to help us out with our planning. We showed her our sketches and measurements and from there, we started working on the structure.

Some sketches of our space and structure arrangement.


So, the wood type Shankar and Dana suggested was MDF, as it was an only one day installation and does not need stronger type of wood. We also agreed to it because it was smooth and not as textured and would be easy for it to blend in with our space when painted. Shankar and Dana cut down the bigger pieces of wood, which left us to cut the planks we were using to it’s right measurement using the chopper saw. Each of us had their turn to try using each tool at the wood shop that we have used for this installation, which was a very cool experience!

Our highest wooden plank was at 244cm high, we wanted to use the high ceiling as an advantage to make our space as wide as possible, since it is narrow. Also, another thing we took as an advantage was the railing, which was 33cm high, so we designed the other end of the structure to sit on top of the rail and not the floor, which will not tighten our space more. This ended up with the other rail being 211cm high. For safety, we attached a piece of wood that is stuck on the railing to help support balance our structure. Also, here is us using our professors as rulers.

Here is another support we added to our structure to help keep both planks aligned correctly. At first it was 20cm, but then we noticed that the support was not enough so we made it bigger to 35cm. It is also Pine wood and not MDF, which is a stronger type of wood, that is why it is used here for support.

Process of using the planer to smoothen the texture of the pine wood and cleaning it, so we are able to use it as support and paint it white and it would still have the same texture (almost) to mdf when painted.

Also, I would like to thank Levi because he was kind enough to allow us use his super cool rack at the flex lab to store our pieces and also thanks Leland for texting him.

Before drilling and fixing our structure, we tested out the height of the banner with a test print to see how high we wanted our banners to hang. We settled at 200cm, since the plank is 244cm and the banner itself is 190cm.

Dana taught us how to drill and where for the first structure. From there we picked up the rest. We drilled all the structures outside the space and then dragged them in. First attaching the wooden hook to the rail, because it is the shorter end and then placing the L leg in place. In this process, we were able to successfully install the structure without it falling off the balcony.

We faced some problems with MDF, where it breaks when we drill the screws in. However, we were able to fix the problem by adding wooden glue and clamps.

First structure up! Two more to go.

One more problem fixed, we added a little wooden plank to help support the structure more. Where the power cable in the balcony was taking the space from the wall to the plank, which made it a little unstable. So, we took the measurement of the power cable (box?) and made a little plank to fill it in (7.5cm) It was a such a small detail but it helped the structure so much.

All structures built and ready. Except for the horizontal planks that we were waiting on Dana for guidance on Sunday on which is the correct way to install them. The horizontal planks will be the ones holding the structure pieces together and also the hooks which we will attach the strings on.

Next was priming. We had to prime a several of coats until we got to the white color that we wanted. We also later on added white paint for places that needed touch ups, such as the legs and the supporting corners. It was hard to prime the corners in a perfect way since it was very high and risky (even though we did use a ladder) because of the balcony rail. White paint fixed the corner problem as it paints much faster than the prime.

Horizontal planks fixed!! Structure all white and blended!! Only attaching hooks was left.

The process of attaching the hooks was, using the drill and a small screw to drill a small hole and then pin the hook inside the hole and rotate it manually. It was fixed and stable thankfully. At first we were going to use damage free hanging clips, that was supposed to be taped on the wall, but because we needed much more strength for the fabric, we did the horizontal plank for more support.

Here is the final structure! Painted, fixed and most importantly safe.

Deconstruction 2.0 – Final Concept

Methods & Process

After some critique from our professors, we developed a new design for our concept which is “identity.” We found out we were not allowed to hang items on the walls and that bringing in furniture will be very difficult to manage. So we decided to converge our previous concept designs into one.

Here is our final concept. We thought about showing how Walter White had to face and defeat the villains throughout the seasons and from low to how high their threat level was. The last image, will be Walter White, which is the highest threat level out of all, which also signifies how the more villains he beats, the more powerful he becomes. His picture will be in Side B, built up from 10 banners. Side A will have 10 villains, each one in one banner.

Here is a prototype of our designed space that shows the arrangement of our banners and pillars clearly. It will consist of five strings, two banners on each. We struggled at first when arranging the placements of the banners, where which arrangement makes it more visible and clear to the viewer’s eyes. Whether it was in a V shape or in random arrangement, that will allow the people to walk in and out of the space.

Next we visited the print lab to see if we were allowed to print on fabric, since we chose our banners to be made out of fabric. We were interested in the process of printing on fabric, since we never tried to before and we also wanted a soft material that can float.

Shankar, Rick and Eman were kind enough to help us test print our first banner as seen above. However, we faced some difficulties when trying to print.

We wanted to print back to back but the printer was not able to do so and also we noticed that the fabric we print tested on was translucent which will effect our printing if we did back to back. We then went and talked to some seniors who were familiar with printing on fabric and received some advice from them, such as stitching the sides of the fabric so the fabric does not break apart. We also heard that our professor Michael was familiar with printing on fabric, so we went and talked to him about printing back to back and he suggested that we print the two banners opposite each other and then fold it so it looks two sided. Our lives were literally saved.

(to be continued)


Deconstruction – Planning

Methods & Process

For this project, we were asked to binge watch a tv series and try to deconstruct a season or a character to pick a theme or a concept and design an installation that can be installed in the university.


First things first, we needed to choose a series and a space for our installation. My team and I (Zainab & Amna) began by revising our tv show history and try to pick a series that we’re all on the same page on. After some debate on whether we should choose Stranger Things or Breaking Bad, we finally decided to go for Breaking Bad. We thought the character’s development in the series throughout the seasons was a major plot twist and we were also very interested in the vernacular of the tv show and thought that it could turn into a great installation concept.

Next, we roamed around the graphic design department to choose a space for our installation. The balcony (or hot zone) was a great spot for our installation! Because of it’s tight space and length, just how the Breaking Bad RV was. So we decided to go for it.

After settling on the balcony and getting confirmation from Isabelle, we had to measure the balcony with a measuring tape to get the right measurements and be able to design our installation properly.

Here are the first measurements we took for our space.


We started to watch a couple of episodes of the series and YouTube scenes related to the show (such as ScreenPrism) and search for breaking bad references online, hoping to find some information that could inspire us for our concept.

 We found these images that helped us develop a concept, involving Walter White’s identity and power.

Concept #1

Showing Walter’s identity and how he started to feed on his ego whenever he wins another territory, through his clothing and color palette. It is a timeline of clothing that shows Walter White’s empire progress and how each time he defeats a villain he begins to dress up like them.

(designed by me)

Concept #2

A day in Walter White’s shoes. How he goes from a classroom, to his house and then meth lab, which seems to be taking over his entire time and effort. It is very contrast in terms of setting, color and purpose. We wanted to develop a walkthrough in which the person walking in can feel the dramatic life of being a father, teacher and a drug dealer.

(designed by Amna)

Concept #3

Walter White’s priorities and how he prioritizes his meth empire the most, while his classroom and house is faded into the background of his life.

(designed by Zainab)

The Sequential Comic Narrative 2.0

Methods & Process

A crossover of the game error, which is an important part in the comic. I decided to make it a cross over, because I wanted to show how important and dramatic the scene was.

I had problems separating this scene in two, to fit the two booklet pages, since they are attached to each other. I first started experimenting with the scissor tool, which was a complete failure. I then came across the magical clipping mask tool, which saved my life and fixed this problem.

The most pages I struggled with, were the last two pages. I had a hard time trying to explain the last two scenes and limit the pages to 16 pages only. So, I cramped all the scenes together, which made it look very messy and unclear. Above are the critique notes I have received in class, which made me have a better idea on how to organize the last two scenes together.

This is what I came up with. Instead of having an ending cover page, I decided to use the 15th page as a cross over to help me get my message clear.

I tried to follow this suggestion that was given to me by Leland, which I thought worked best with my scene.

The last page was the ending page. I thought of using this space to my advantage and add more scenes to it.

The last page after adding more scenes to it. I thought it became more powerful since the scenes at the end were not as detailed, which indicates the ending of the story. The screen crack and the tire screech act as an index to a frustrated person.

The first title I came up with for my comic. However, I later thought it was too long and decided to come up with another title.

The second title I came up with, inspired by the glitch error scene in my comic, which it also foreshadows what is going to happen in my comic. First, it was not outlined, so I decided to outline it like most of my comic is outlined. I later on decided to remove the overlapping outlines, which made the title look much better. Far right is the final title I decided to settle with.


When it came to printing, I decided to test four kinds of paper and see which ones match my comic the best. The black paper was a total failure, after trying to print on it for a good hour and a half, I finally gave up. I am guessing the type of printer at the print lab did not support this kind of paper (heavy) because it kept getting stuck inside the printer. 

I was inspired by Death Note black edition, for my all black booklet idea (which did not happen)

The four paper colors I tried to test.

Color #1

Color #2

Color #3

I also chose the lightest colored scene (left) and the darkest colored scene (right) in my comic and placed them next to each other for the test print, to see how the color of the paper work on both scenes.

After some debate on which color I should choose, I finally settled with color #3, which I thought had more contrast comparing to the other paper colors.


Here is the booklet arrangement in inDesign. I had a really hard time trying to use inDesign, where it kept saying I had an error (very ironic) every time I tried to print. I later on figured it was the size of the paper. After fixing the paper size and setting it on A3 (comic is in A5) I later on ran into another problem when trying to print at the print lab. The inDesign version I was using is 2019, while the print lab and the library both have version 2018, which did not allow me to open my file unless I convert it. When converting, the application keeps crashing and that is when I gave up on using inDesign and switched to the one and only application, illustrator

I created eight landscape A4 pages and set guidelines, print marks and bleeds to organize my comic accordingly using illustrator (right image.) I was able to print my comic successfully by using short-edge when printing.

Here is the final printed comic!


This project sounded very very challenging to me at first, since I have never wrote a comic before and have limited skills in drawing. However, I was able to overcome my challenges with using illustrator as a drawing tool, the class critique and online research as a guide to create my comic. Designing this comic gave me the ability to story tell without using words, which is also very challenging to do when trying to explain emotions and thoughts. So, I used onomatopoeia as sound effect to improve my storytelling. Another thing I learnt while making this comic is risk taking, I was very afraid of blank spaces, so I tried to fill them in with frames which made it look very messy and disorganized. So, I took the risk and made some pages have blank spaces and rearranged some frames. Time and setting is a major element in my comic, where I tried to switch around the frames for different point of views (far shot, medium shot, close up etc.) to tell the reader the exact time and setting, which truly made me develop creative and higher level thought process. I also became familiar with using inDesign, which is another advantage, regardless of all the errors I have faced while using it. Overall, I really enjoyed making this comic and If I had more time I would love to create a sequel to the story.

Designing Across Divides

Type 1

For this project, we were assigned with students from the University of Michigan, to make a collaboration for a banner project. Our topic was on discrimination, which most people have a story to tell about.

First, we were asked to make a video and share our story on this topic. Depending on our story, we were assigned in a group of two or three. In my case, I was assigned in a group of three, Izza, Edgar and I. On our first Zoom meeting, we discussed the relations of each of our stories and came up with the keywords, implicit bias, target, minority and stereotypes.


Here are some of the sketches I came up with, inspired by our conversation. We talked about how people unconsciously judge people based on their religion and ethnicity, which comes up from stereotypes and enables them to be targets.

The implicit bias sketch, was designed in the purpose of showing the visual unconscious mind, which I displayed by layering the word “bias” as if it is the unconscious thoughts.

The I Am Not A Color sketch, was inspired by the keywords target and minority. I chose the color red for the keyword target. Where target is always displayed in red (such as the sniper scope target and even the target store logo.) Whereas the color grey, is always associated with color blind. Hence, there is no color.

However, after some more research and critique, I noticed how weak the designs are and decided to try using Arabic in my designs, since my team and I decided to do different languages for a more powerful message. I started looking at banners on Pinterest and more fonts to experiment with.


One of the first designs I developed after doing more research. It translates to “I am targeted,” which I thought was a familiar theme to my partner’s and I’s discrimination story. I enlarged “انا” and split “مستهدف” in to three parts and direct the viewer’s eye to the banner and the design.

My partners and I decided to settle on the same color palette and design. However, when it comes to the typeface, it was a bit tricky to do so, since we are doing the designs in different languages.

Here is the typeface I decided to use and the color palette that we decided to use. The typeface i am using is called, Boutros News H1 Bold.

Here are some developed designs. I tried to relate my design (left) to my partner’s designs, in terms of adding a box at the bottom saying “fight intrinsic bias,” which is our main topic. However, for the right design, I was inspired by the saying “I am undefined,” which gave me the idea of not defining the word undefined. I had a struggle trying to relate the right banner to my partner’s designs, which did not seem to work (other than the black box at the bottom.)

Here, I tried to experiment with the color palette and the typeface. I switched the colors around to see which complements my design the best. I also tried a typeface from the google drive that was shared in google classroom, called “BigVesta Arabic Bold,” which I didn’t think works best with my design. I liked the boldness of the Boutros typeface, which in my opinion made my statement much more powerful.

Another attempt on another design. I used the Boutros typeface and the same color palette however, I changed the statement to “افهمني” which translates to “understand me.” I thought this statement was much more powerful and more relatable to all of our stories.

Here is the final draft before the final critique. My team and I settled on a color palette, design and a normative consistent type. On the left of the lamp banner is my partner Edgar’s banner and the one of the right is mine.

This is the final banner my team and I decided on. We changed the subtitle font to a serif font in italics.


I had so much fun working on this project! Especially working with Izza and Edgar, as they were really great partners and amazing designers. I enjoyed listening to other people’s stories and how each story can relate to the other in some way. I believe that my knowledge in the discrimination topic expanded, since I got to listen to how each race, gender and nationality can face discrimination in some way. I really hope my banner can influence people to try and be aware of their biases, as I think it will change our world into a better place.

The Sequential Comic Narrative

Methods & Process

For this project, we were expected to tell a story getting from point A to point B through a comic narrative, including plotcharacters and narrative point of view.


When researching, I came across a really cool website that is entirely dedicated to making comics (literally what the website is called.) It starts off by teaching you by how to get comic inspiration, writing a script and all the way on how to draw. It really helped me have an idea of the basics of comics.

Ten Topics

We were asked to research and bring in pictures that define those ten topics:

Irony / Simile

Vernacular / Cliché

Satire / Metonym

Pun / Personification

Oxymoron / Metaphor

Comic Script

To start off, we were asked to draw sketches of our comic and try to include plotcharacters and narrative point of view.

Here is my script, it involves twenty two scenes, where I tried to fit it in all in a eight page booklet (including title page.) However, after hearing eight pages is the minimum, I decided to add in more scenes and increase the number of pages.

The reason why I decided to choose Al-Wakra as point A and Megapolis as point B, is because I live in Al-Wakra and at a certain time of my life, I used to visit Megapolis with friends to play in their arcades regularly. I wanted to show the route that I usually take from my house to the pearl and add a little of drama to the arcade scene.

Drawing The Comic

It was hard for me to start drawing while it was raining outside, however, I managed to get work done and not run outside instead.

So first before drawing, I made A5 art boards and arranged them depending on the script scenes I made in my sketches.

First drawing, I image traced a picture of a parked car and outlined the background building. I decided to use images and trace them for one object in one scene and outline the rest of the objects, while in some scenes it might be the opposite. I decided to make that my theme for the comic I am making.

The second set of drawings. Includes the process of unlocking the car door. I tried to involve some onomatopoeia.

The third set of drawings. Tells the route from Al-Wakra to the Pearl (Megapolis.) As you can see above on the right, I used images and traced them till fill in the entire border and only outlining the car.

I also noticed that the set of border is arrangement are all similar, so after looking up for more comic books and having ideas of how they arrange the borders of each scene, I tried to do something similar to their works.

This is what I came up with, which I ended up using for certain scenes that I thought get along together to be fit on one page. I will also try to make more.


For the parking scene, the first scene indicates an empty parking lot available to park in, second scene shows my car parked. Both scenes are in medium shots, whereas the third scene was a far shot to be able to view the location I have arrived to.

Next page shows the process of getting inside, walking to the counter, buying tokens and a close to the palm of my hand where the tokens are held. I tried to involve onomatopoeia in the first and last scenes with the addition of the dramatic bubbles (borders.) Also, I tried to show action lines as seen when the tokens were bought, as a sign of tokens being slid on the table.

After the group critique on Monday 29th, Leland and Law gave me some suggestions on my work. For example, the frames, use of multiple colors and they also mentioned the movie Tron that was released in the early eighties. So, after the critique I started  first with Tron movie. I watched the trailer and found out that there is an actual arcade game called Tron, being the gamer that I am, I had to try it.

Here is proof of me crushing Amna in a Tron game.

The next scenes, I tried to play around with the frames and changed the color of the frame from red to black, I also tried to make the size of the frame strokes consistent at 2 pt.

The arcade scene shows a far shot of the arcade and how the player inserts the token and gets ready to play. Next page, shows the press start scene, which indicates when the game started. The eyes shows how the player is accepting the challenge of the game and starts to press start, to play.

When it comes to colors, I tried to play around with colors, but I did not like it. I liked the consistency of the outlining color palette (yellow & blue.) However, I thought using different colors on the arcade was so much better than keeping it yellow and blue, since arcades are known for being colorful. I also tried to use the Tron color palette for the arcade as inspiration.


Which at the end, I ended up using the colored one.

I also used my hand to trace different hand placements.

Next was the fighting scene, which I also showed the hand movement of the player and how intense it became. At first, I layered the outlined hands on top of each other for a minimum blur effect and with a few frames as the game players starts to fight, it built up to severe blur effect, with the help of the radial blur effect on illustrator, I was able to come out with this outcome. I also added “click!” as a sound effect for the amount of times the arcade buttons were pressed by the player.

As for the game players, I looked up for fighting arcade scenes and chose fighting poses I could use.

The fighting positions I have used for the game.

Next, I tried to play around with the frames more. I was afraid of blank spaces, so I tried to fill them in as much as I can, which in some cases made the page look very messy or too organized in some cases.

A suggestion by Leland (and his hand lol) to play around with the frames and over layer them as seen above.

My attempt of over-layering the frames and re-sizing them.




Modular Typography

Type 1

For this project, we were expected to learn and explore the basics of type design, through the creation of a modular typeface.

Pattern Hunting

To start off, we roamed around campus to find different kinds of patterns that might help us design our typeface and create modules out of them using tracing paper.

Here are some of the patterns I decided to break out some modules out from.

Module Breaking – Tracing Paper

First modules I broke out from the patterns, using tracing paper. The last set of modules were the ones I was debating on using however, I later on decided to try illustrator to break out some patterns.

Module Breaking – Illustrator

Using this pattern, I broke some modules.

Process of breaking some modules.


My name using the broken out modules.

Final test of the broken out modules by using my name, however, the number of modules kept increasing and I had a hard time decreasing them and maintaining the design of the letters the same.

Modules Breaking – Glyphs

I ended up breaking different patterns, until I settled on two modules. Above are some letter testing using the two modules, in Arabic and English letters. However, I later on had to add three more modules that are the same as one of the two previous modules, but in different sizes. So, in conclusion, I ended up with five modules.

The final five modules.

The latin alphabet using my modules on Glyphs.

Testing out my font in illustrator and trying some designs.

I edited the height and size of the letters and also the width, after some critiques which made it look so much more clean.

Tested out the font with some different names.

For next class, we were asked to peer critique.

Here are the critiques I have received from my peers. It really helped me a lot to adjust my typeface in the right way, so after the critique, I started fixing the height and the width of the letters.

Here is the final specimen sheet after fixing the height and width.


I really enjoyed this project the most, the fact that we can make small pieces build up to letters truly fascinated me. I never thought of how different designed letters are made, until now when I got to make my own.