Posts

Breaking the Grid Shafa Hawladar

Image
For this assignment, we had to use the 6 * 6 grids and break them using poster elements like titles/subtitles and other things. At first, I didn't really have an idea on how to do this assignment, but  I remembered stuff about type hierarchy and  googled  some fonts that would go well together. Looking for the pictures was probably the harder part of this assignment since a lot of them couldn't fit in the canvas and were quite pixelated. After a while, I managed to find some pictures that fit in the screen and an actual PNG that didn't have a secret background behind it. Remembering some stuff from type hierarchy helped with choosing text size and whether to use bold or italic and all for the other fonts. The yellow outline on the King of pop text  was mostly an accident but  I think it looks ok. Overall I think it turned out to be alright and I enjoyed making it.

Hierarchy on Grid Shafa Hawladar

Image
  This one is Hierarchy on grid 1. We weren't allowed to use bold, change colors, or size, so I decided to mess around with the paragraph settings and spaced out some text. I wanted to make the What's wrong with you? text stand out, so  I ended up spacing it out more than the others. I think it went ok. This one is Hierarchy on grid 2. This one was one of the more easier ones to make. For this one, I decided to remove some more text and make some sort of pattern with the ones remaining.  For the What's wrong with you? text, I decided to change the paragraph  settings and spaced out a bit on the other boxes. I think it turned out to be alright. This one is Hierarchy on grid 3. This one was one of the more fun ones to do. For this one, I decided to rotate some of the text and do more spacing. I also changed the title text back to how it previously was and  made a space box on 1 of them. I think it turned out ok. This one is Hierarchy on grid 4. This one was o...

Hierarchy Technicals Shafa Hawladar

Image
                                                                                                     This one has  No Hierarchy, so I just copy pasted the text onto adobe.                                                                                                                       This one was   Contrasting weight. For this one,  all I really did was copy paste the text  and bolded the Venice biennale. The fir...

Gestalt on Grid Shafa Hawladar

Image
                                                                              This one is  Proximity.  I didn't really know what to do, so I had to look up some examples and decided to  change the paragraph to be Justify and made the letters closer together. I tried not to do too much as proximity was meant to be close together and it was already like that, I think it turned out ok in the end.             This one is Continuity. This one was was of the more fun ones to do, and it was pretty easy to think of something for this one. The letters with less spacing ended up looking pretty interesting compared to the more spaced out ones, it was meant to be super close together to super spaced out. I think it turned out to be alright.   ...

Expressive words

Image
  This one is Mirror. It was one of the more easier ones, the only thing I really had trouble with was trying to make it look centered and all, but otherwise, I think it turned out alright. It was one of the first things that came to mind and all I had to do was copy and flip the word, as unlike reflection mirror flipped horizontally made more sense. This one is Backwards, it was pretty easy to do as I only had it flip it over. It wasn't so much as doing something with a word that was hard, but thinking of what words to use, one moment I have so many I can't pick, the next, I have no clue what to do. But backwards was pretty easy to think of, and didn't really require you to do much either. This one is Spaced. This one was probably one of the more difficult ones as I had trouble getting the spaces about the same length and fitting them inside the frame, the font is pretty small but not to the point that it can't be seen. I think it turned out to be alright, and it was p...

Gestalt Letters Shafa Hawladar

Image
This one is Similarity. After looking at examples and stuff on what similarity was like I immediately thought of using M and W for it as they both look the same except it's flipped. At first, it was only meant to be 8 big M and Ws reflected but later changed it up and made some more versions. The line color being different from the font color was done by accident when trying to change the colors but then I thought the idea of same color background/font and different color line would be cool so I ended up changing the 2nd and 3rd row. I think it turned out to be ok, though there's still some stuff that needs fixing. This one is Continuity. It was actually not that difficult to make, and while looking for examples of continuity, I decided to do an O chain, I think the O chain spiral is pretty simple looking and fun to do, and it seems to turn out fine. This one is Proximity. Proximity was much more difficult compared to the other ones in my opinion. I didn't have a clue on wh...

Block Set Type Shafa Hawladar

Image
  First time looking at Adobe InDesign, it seemed to be pretty complicated and all as  everything seemed a bit technical and too perfect. But messing with the types and all help take away that feeling, and I started to feel a bit more comfortable using it. Changing the font sizes and pressing random stuff trying to see how the program works was quite fun. Trying to make the spacing to be exact was a bit hard but eventually I got the hang of it. While doing the Block set type assignment, it was pretty simple to do, and learning a bunch of new keyboard shortcuts was interesting. It was mostly trying to make everything exact that was a little difficult, but I think it turned out alright. Choosing the fonts was also pretty easy, though I wasn't sure what Courier was so I had to look it up.