Hekayat

We were introduced to a new project, which is Hekayat. Hekayat will provide a platform where storytelling can be explored through various mediums and stories can be shared and celebrated in a multitude of forms. It is a concept of working with Tasmeem. This project is a short 30-second video that will be projected in-between talks during Tasmeem. It will be a great interesting experience! It is interstitials which means something (in between) that is short, but it conveys an idea. Moreover, I liked the fact that that project was open for what we thought to do! However, being open made it hard to decide on a certain idea! I tried to come up with my own idea. The following step was research, which helped me develop my ideas! Looking for videos gave me ideas of what we were expected to do and helped a lot! I did some research while at the class and did the rest at home in order to be ready with ideas for the following class.

Inspired: Research: (Artist / directors) 

  • Ooblek
  • Andy Warhol’s video was my inspiration. I liked how his video and how the action there was normal and wise! The part when he was waiting was interesting too and made me wonder.
  • Stan Brakhage’s videos were insane, and I liked the way they are mixed between two aspects; namely filming and animation.
  • Tonato
  • David Lynch
  • Chris markers
  • Casey Neistat is an American YouTube personality and filmmaker.
  • Spike Jones
  • Liquid televisions are random, and I liked them too.
  • Micheal Gondry
  • Quay brothers

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

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

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

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

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

https://www.youtube.com/watch?v=9ymKAhoXyPA

https://www.youtube.com/watch?v=TR38_V-mtnc

Ideas and rules; Research

  1. Garangooh, steps / https://www.youtube.com/watch?v=_FYqwM2su84 
  2. ASMR eating / https://www.youtube.com/watch?v=rfubMaDc9Go
  3. Asmr hand movements / https://www.youtube.com/watch?v=qtEQAllyyNo
  4. Typing phone,laptop,&computer / https://www.youtube.com/watch?v=O9k9PKN0YMY
  5. Shadows, actions / https://www.youtube.com/watch?v=VpC9HSYMwdY
  6. Light or lesser Reflections / https://www.youtube.com/watch?v=ETF2-Zz3J18&t=11s
  7. Drawing pattern line / https://www.youtube.com/watch?v=tAnlGfgv7oc
  8. Eating 2 angles /  https://www.youtube.com/watch?v=Ejr9KBQzQPM
  9. Liquid Mirror showing / https://www.youtube.com/watch?v=Nvf-FBvmIac
  10. Magnetic Slime showing / https://www.youtube.com/watch?v=bZ1WmeKir78
  11. Kinetic Sand cutting/ https://www.youtube.com/watch?v=mjMW51EFNVw

 

  • I have learned from Andy W.’s video that filming from one’s own perspective makes the video interesting! While, it took 4:28 minutes, it was still interesting! Using a one angle was a simple way. It makes the viewers think a lot. I found it interesting. For example, while he was eating, I thought what would be next if it were me, so I kept watching the video to know how different are the ways we eat and/or think. 

_________________________

I discussed this with my classmates and professors. There was an agreement in relation to the collaboration work which was about Garangaoh; how we prepare for it, dress/dhn al oud/perfumes/golds/ nuts/ henna and all such small stuff. I was thinking of a way of showing it in an interesting way.

Research; 

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

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

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

https://www.youtube.com/watch?v=It4KLP6-FWk

Processing:

However, later on I changed my mind before the following class, where we had to get something to show. I watched Andy Warhol’s videos again and again as he was my inspiration and then I realized that I had the most interesting video in my mind and wanted to apply it. That was squeezing. I wanted to focus on the action and the sound. For the action, I tried to act normally and the main focus was the sound so I chose the location to be an empty swimming pool and that’s why there was echo while I was filming! Moreover, after editing, I realized if I added the video twice or triple, it would be more interesting. I chose the background pool tiles instead of white paper as a background to have a weird video. I decided to start with my video. As a minimum, it was a 30-second video to show to the following class and get some feedback. By critiquing, I realized that we had to focus on few things and to have shots from different angles. I did not found it a good idea for my video because having different angles might be confusing. However, while the professors were critiquing my work, they did not mention the angles, but rather that it had to be at the same area instead of having one up the second down and using tripod. Moreover, while I was re-doing my video, I realized that if it were zoomed in, it would be more interesting where the view could focus on the squeezed parts in detail. I planned my shots, angles and some specified steps while taking a video of the beginning and the ending of the short video. That helped me a lot in not re-taking the videos.  When I started filming I realized that I knew what I was doing instead of wasting time. Planning is the best step to start any project with. However, filming was too short, but it took me an hour to take this video because while taking a longer video could help for later on while cropping and knowing what is the greatest parts. While I was filming for the first video, I realized that if my hand were in a different weird area, it would be much better and I did that in my second filming which was the final one. I believe having more than one angle is awesome, but I also realized after trying once that it did not work with my filming. For the sound, I was thinking about repeating them, so I could get the sound heard.

Processing: Experiment : Reflection:

  •                                 First video, midnight // second video, afternoon. 

  • Screen Shot 2018-04-30 at 1.12.31 PM.png

    Result

 

  • I focused on the layout of the sauces placement, and the zoom in part. However this part took a long time but I found the result went perfect. So while the viewer see the video cannot noticed the different and they are all the same.  

 

  • Played around with the lighting, brightness & contrast, layer to get them the whole video same edit, as the the sun was moving and the lighting was changing! I learned how to edit in after effect and editing each pictures to make sure they all look alike!  I tried to show my classmate, and sister the video to see their feedback without telling them the steps I went through, and yes I realized none of them can see if there is a different lighting. After their feedback I make sure if the parts I have changed is going right or not and I found out that even when I told them, they did not found the different so that meant everything’s went well. 

    I played around with the type effects, and i used “Drop in by character.”

 

Screen Shot 2018-04-30 at 1.03.34 PM.png

The digital glitch effect I have used in my whole video, I used to add the video triple times to make the sound higher.

  • Firstly, I went around my house to look for sauces and yes I realized that we had a lot of them which we did not use and that they had expired. It was a great way to experiment with them. Behind the screen, I used a table and a bowl and I also used the camera for the video, but without tripod. During that experimenting, I developed the final video in spite of the placement of the sauces. However, during the critique I learned more from others’ mistakes and knew how to develop myself. What I have noticed to develop was the same as what I received during the critique. Moreover, the professors’ feedback was about showing the liquids part first. The following part was salt and pepper. For example, I took that video at midnight. I found the lighting good, but I thought with sun light, it should be much better! I bought new sauces and did the videos. While I was uploading them, I realize that working at midnight was better sunlight because the sun was moving and the lighting was changing! However, as a graphic designer, I figured out that it is my job to start editing aftereffect and get the whole video the same lighting and yes I finally did it! I reused the sauces that had dropped in the bowl. Each sauce, had its own bowls, so I reused them. I tried to develop my video, by adding weird effect which is timewrape, digital glitch, layers, brightness and typeface and effect which is complete the style of the video. Cropping the videos was not as easy as I thought, editing took more time than I expected, however when I’m almost done I realised that there is more things to edit and I have done wrong. I kept going re-do the video again and again, it is 30 seconds video so I divided them.  I started with the placement, but later on I changed it again because I changed my mind instead of zoomed out I wanted zoomed in. The next step was focusing on the lighting, I found out some video was hard to edit and get the same result as the other honestly its took me 1 hour and I have noticed the over layed video keeps changing brightness when its transition from one video to the other. I used in this context gives it a weird/interesting feel, and I finally did it! Overall, the project made me learned what a bumper is and its gave me an insight on displaying different emotions .

 

Advertisements

Zines

We were introduced to zines. We saw a documentary about Zines and learned how it was made. We looked at some cultures and identified ourselves with them. We, then, created something about the subculture in a way that we tell little about ourselves.  We had to make 5 to 10 copies zines of what we were interested in.

Homework: pick 3 topics and research about them

((Next class: 3 possible subcultures Interested in:

Horse riding, Vegans, Diaries writers)) And i chose about diaries .. 

What I learned:

  1. Zine is a magazine, especially a fanzine.
  2. It is booklet that is done by hand-cut pieces
  3. It is something similar to a collage
  4. It is created as a series, with one main concept for the whole series, but there is a specific feature for each zine.
  5. A zine is most commonly a small-circulation self-published work of original or appropriated texts and images, usually reproduced via a photocopier. Zines are usually the product of a single person, or of a very small group.
  6. Zines first emerged in the United States, where the photocopier was invented, and have always been more numerous there.
  7. Zines usually goes against the mainstream in terms of the kind of messages conveyed / the visual style of magazine.
  8. Subculture: A group of people having similar beliefs or interests.

I found that the most interesting part in zines did not use technology. That made me feel how I was be as a graphic designer in the 70’s.

__________________

Process: Class meeting 3: Typography:

  • After choosing my topic, I started to do a brief research about diaries;
  • After gathering information, I started to look for some parts of my diaries and I scanned them. However, I asked people I knew if I could scan some part of their diaries, but their answers were no as it was something personal. Moreover, I asked them about what they usually write in their diaries. I realised that the most wrote about their own stories, love, quotes or poems, whenever their minds were positive.
  • I, therefore, decided to separate each zine; that’s Introduction, my story, hope and sadness.
  • so my zines will be chapters ..
  • I started by collecting all my materials. Then, I collaged the items I collected, scanned them and started working with spreads,
  • Finding out a point that I would focus on and elaborate
  • Think about visual pacing

 

Displaying AF8F83A1-FB30-4BE8-89DD-F79BFBFA0391.JPG

  • Did 3 spreads, 1 crossover
  • After critiquing I found the mine is all about handwriting and its have to be there Type & learned others mistakes

 

  • Processing ; Screen Shot 2018-04-12 at 9.21.32 AM.png
  • The next class; more spreads; Classmate feedbacks 
  • After receiving feedback from my classmates, I improved my zines. However, all of those feedbacks I received made me stressed out a lot, but this is how zines works! All those stuff and small mistakes made me learn a lot and let me know how to develop and start the zines next time! Moreover, thank God I did not use glue! Tapes helped me a lot in re-doing the zines and it was a great beginning.
  • I focused on two typefaces; one for the title and the other for the articles (body type). Moreover, looking at others’ work helped me.
  • I used 4/5 articles, poems from websites and quotes. I copied and pasted all of them to illustrator and changed the typeface and rags. There was no window. I kept following what I learned in Typography 1 / 2 .

    • Screen Shot 2018-04-12 at 3.33.24 AM.png

 

  • Looking over magazine layouts, and developing in zines: They, however, had a specific placement and my concept was messy. That was the most difficult part as I was trying to find a way for a magazine that had a messy layout.
    • Displaying 34276968-500D-4140-B37D-3FA18EA42AB5.JPG Displaying AE8D23B2-82F0-4629-A99D-8A7DB0ED0630.JPG
  • I tried to follow the old style and messy style even by cutting out the zines. I found out that was really hard! Whenever I started my work, I went on clean and perfectly, but I kept going back again and again to have messy zines.
  • After making the zines, I was really happy with the outcome! I felt that I came a long way, and that there was a major improvement in comparison to what I had before. My classmates’ feedback was great and helped me a lot improve my work.
  • Receiving feedback from my classmates was very helpful! It was good idea and getting feedback again from those who saw it for the first time was the best way in helping to improve.

Printing them out freaked me out! It confused me a lot! Firstly, they were not printed in the places where they should be, so I kept trying it, but I could not get them right! I tried print booklet, but that also did not work! However, I finally realised there was an easy way to do it! That helped me a lot in having them in the place where they should be. To do so, there were several steps to follow as outlined below.

  1. Cropping each pages,
  2. Placement: Putting them as they are in the same page.
  3. File, print booklet, setup the booklet type should be (2-up Saddle Stitch)
    • Go to the preview, and it shows how each spread should be.
    • Take a screenshot of each spread and redo the placement.
    • And finally! Print them out!
  4. But , I learned that the image size have to be 300 and the CMYK instead of JPG. these details change a lot

 

Research Zines: Articles: 

Displaying E3C6DE17-FFBA-41E2-B819-1C403FC7B4E5.JPGDisplaying C1CAD590-95F1-46B6-A31C-EBC6A6127952.JPG Displaying E8AE7940-249C-4B8E-AC4B-073E6B8C5362.JPG Displaying 6AF0F7BE-06EE-42C8-A1F6-3D7087A22BFD.JPGDisplaying CF33AD70-6A5E-45AC-9EBE-47C6A6005CEB.JPGDisplaying 0489E4F7-6D2A-4B74-857B-78195F8CC825.JPG

0c3b4c1c63e766bf822cc2abee2363c0.jpg0e7767478a13f362f89b14ea2b4ad60a.jpg0ecaa297e43b1c813de5f51b156d75e9.jpg3f1c456de27b233d1cbc321ff09ef862.jpg4bc7fd9f8477492d48c7002315455a20.jpg9f9616f77a3fe4d4434f09e4dd4c2bec.jpg19f4352c22f76abffcf1642c6f918977.jpg55d489e7f870eef430e1451db1e6f54d.jpg62f3dcd03c1f65961f203ad196f16b7c.jpg71b74e418717d8c9fb6d999a78c55eab.jpg6e0af233a9a903f220e48ab0da7a41b1.jpg

  • Research through books, internet, magazines, database, articles.
  • I was worried that I would not find some articles about diaries, but I did find many!
  • I found four books in the library that looked interesting for poems and articles. I scanned them and did the printing, cutting and sticking.
  • Moreover, I kept looking for images from magazines at VCUQ library and cutting them out

 

Experiments:

 

For the first draft, I made a simple layout which was my concept of having a minimalistic zine, but I experimented with the papers.

  • This was a very challenging approach. Creating a zine requires some skills like messy free hand look and collaging. I am totally the opposite kind of person
  • I took chances and experimented other ways by cutting out sentences, sticking and scanning while leaving the scanner cover opened.
  • Not closing the scanner helped me to get the 3D effect by having a shadow that did not appear.
  • I Kept experimenting with the scanner and learned how to let energy come from my work.
  • I Learned that computer is just a tool, which cannot be always relied on as there are many mediums out there.

 

  • The day before the deadline, I noticed I had some mistakes and that I had to redo the scanning. I spent the whole night at VCUQ to do that, but I faced an issue! I was scanning my zines for the last time before printing and as soon as I was about to send the scans to my laptop, the computer restarted and all my scans got deleted. I hate VCUQ computers! I will never trust them! I learned from that issue that I should use my USB the whole time. I do thank Law and Leland for giving me extra time and for their understanding.

 

 

Learned:

  • Subculture: A group of people having similar beliefs or interests.
  • Consistency
  • I learned that there should be a cohesive look at the beginning: cover-hook, leading in teaser, cross over. There should be a hook and it should continue to lead in the articles placed.
  • Cross over anywhere whether at the start or the end but not in the centre. I tried one for an example and used it to show how easy it is, and how hard the crossover is!
  • Solving an issue / within the category of people (the audience).
  • How handmade work can be printed.
  • Do not use one technique for the entire zine.
  • Do not make techniques over and over.
  • Make sure that the type does not come near the centre of the zine.
  • Crafts in Zines are important!
  • How to pay attention to details.
  • For zine, the way of sticking the stuff into the zine should consider all of this.
  • How to make things consistent.
  • Focus on hierarchy of type.
  • I learned appeal, pacing, and the sections
    • Displaying 711CA4E5-255D-4B9F-8C93-49A43C2E8AA1.JPG
  • How the majority of that project was based on hand work while only 5% (print out) was! That made more aware and familiar with hand working. From now on, every time I work I will remember how to start with hand working before digital! Technology go all over, but not for a graphic designer.
  • I learned that scanning our work, gives us interesting shadows.
  • Zines helped me develop several skills.
  • Typography is a big deal! I should work on a project to experiment. However, I should work as a graphic designer.
  • Gutter, which is to make sure the space is enough and fitting the layout in order not to lose information in the binging area/ margin area
  • I learned that there are rules in typography, but we are welcome to experiment and explore with type and by breaking the rules in a meaningful way.
  • I learned how to hook work in this project.
  • Featured article is introduced in the front page of a magazine, but that is not how it works with a fanzine.
  • I learned how to let energy come from my work.
  • I learned that computer is just a tool that cannot be relied on at all times as there are many mediums out there
  • This project helped me think more and expand my imagination.
  • I learned that the image size have to be 300 and the CMYK instead of JPG. these details change a lot
  • I have learnt a lot in this process, especially that hand work is much better than digital one.
  • I have come a long way in comparison to where I started.
  • I learned that scanning our work, gives us interesting shadows.
  • Zines helped me develop several skills.
  • This project has made aware me that not everything should be made or done digitally.

FINAL ;

Displaying 2D070705-CEF3-4956-BA41-E02AB96D2195.JPG

 

 

P002 – VN

We were introduced to the new project, which is Kinetic typography.

I found it interesting. However, I always watch Kinetic typography videos, but I never knew this type of photography is called “Kinetic”. As we learned typography one and two, I wished we learned how to do it. Yes! Finally we did it in Visual Narrative. I would like to thank Law and Leland for this amazing project that develop our knowledge and learning of Graphic designs!

We were to design a half to one-minute typographic, kinetic, visual monologue or dialogue from a movie or a TV show of our choice. I started by searching for monologues in YouTube and paid attention to the annunciation, rhythm, and patterns in speech.

I kept searching for Arabic poetry

https://www.youtube.com/watch?v=1MDyA_y-b8g

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

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

https://www.youtube.com/watch?v=G5nxy-WH7Cc

but, during the class, I changed my mind to Matilda. I chose the memorable part where Matilda’s father told her “I’m smart, you’re dumb” (https://www.youtube.com/channel/UCuLP9pzUAq0qunpE8mq-jaw)

For the next class ;

I started with a storyboard and met with Leland. His feedback was very helpful and informative, especially about the way to play around with the type, placement, how to show the personality and such details.

IMG_8217.jpg

Meeting learned: the type of Matilda’s voice went great, but the type of the Father’s voice needed to change. For example, it was Helvetica, and I changed it to Baskerville.

Changed the part,

“I’m smart, you’re dumb”

https://www.youtube.com/channel/UCuLP9pzUAq0qunpE8mq-jaw

Breaking down the transcript: the monologue:

IMG_8213.jpg

 

Listing to the audio repeatedly to make sure that I convey the tone of the audio

Changed  my mind again ; Final; 

After studying the dialogue repeatedly, I realized that it was hard to have this done in one-minute monologue or dialogue. I, therefore, kept looking for another interesting part in Matilda and I came up with this. 1:00;

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

https://www.youtube.com/watch?v=alE17GLFoQE&index=8&list=PLZbXA4lyCtqr3h4ICO8t79LAkbSIoJVQg

“A child came to my house.

I don’t know how, when or why.

 Teacher:- May I…?

– No, you may not.

But I know a child came.

Did you know it was illegal to enter someone’s home without permission?

Yes. Miss Trunchbull.

Sir

Stomach in! Shoulders back!

Do any of you recognise this?

Let’s play a game.

Who was wearing a pretty, red ribbon yesterday and isn’t wearing one today?

Who does this disgusting ribbon belong to

PFFFFFT:

I shall personally see to it that the demented Lilliputian who owns this ribbon will never see the light of day again!

You

 I was at your house last night.

I broke your arm once before.

I can do it again.

I’m not seven years old anymore,

Aunt Trunchbull.

Shut your holes

You

You’ll be put away in a place where no one will find you.”

I chose it because I liked the fact that the dialogue was between two people and it involved children. Moreover, I liked the rhythm. I liked the way Miss Trunchbull was talking. It made me feel that I could play around with the type A LOT! The evilness of the expressions in the way the words were coming out made me imagine and able to come up with ideas on how to make the kinetic type.

IMG_8210.jpgIMG_8211.jpgIMG_8212.jpg

I started with a new storyboard and met again with Leland and found out that the way the children were shocked was how the type should be to make it clear. Again after understanding from the old storyboard, I learned more every time I got feedback.

IMG_8216.jpg IMG_8215.jpg

After done meeting with Leland;

Firstly, I focused on the type to shows their personality. Typeface was the main thing

Principle: Baskerville was Regular and I changed it to Semibold after meeting with the professors.

Teacher: Bodoni 72, Book

Children: Chalkboard, Bold

Meeting is the best part that enhances learning and development. However, deeper understanding requires researching, so I went to YouTube and watched tutorials of kinetic typography to see how each personality was shown and how to make kinetic typography. I learnt a good deal by doing that! The placement was my second focus.  I used the principle on top, the teacher in the middle and the children at the bottom.

The movement: The principle was moving a lot while she was talking and I tried to show that in type. I had to focus so hard that my eyes got sore. Still, I kept trying to find a different way where the type would appear.

Critique: After meeting with Law and Leland, I realized that I was working harder than I should while the audio I was listing to was from the website. They explained to me that while my mind was fully focused on type, I had to download the sound, so I could work with it directly after effects without having to go that hard way. In the next class, I met with the professors to show them the type and the sound. I realized that in my work, the sentences appeared before they were said and fixing that was the hardest part. In addition, for some reason, it was difficult to try to follow the personality and the sound of the voice by type. Maha helped me with the sound and I would like to thank her for that.

My mistake was that I made the opening sentence appear all at once, so the viewers would know what the words were before the timing.

I changed the background color. I added green because it is familiar as a school uniform. However, it was all about type, but I had a moment of silence while the principle said “Do any of you recognize this?” I, therefore, decided to show what it means by “This” in the moment of silence. It had a powerful meaning. I did my best in this project. I honestly enjoyed it a lot. It has helped develop my AE skills. I realised my story board was simple while I was doing it after effects and that helped me to progress. Once I tried a new idea or way, another idea popped. I loved it. Overall, this project included a lot of learning. I enjoyed the process. I had the confidence that I could do an amazing job if I had more time!

Learned:

  • Start 5 second title credits, end 5 seconds with the name of monologue
  • Difference between Monologue and Dialogue.
    • Monologue is a long speech by one actor in a film, or as part of a theatrical or broadcast programme.
    • Dialogue is a conversation between two or more people as a feature of a book, play, or film.
  • Kinetic type is what makes the words more and less emphasized. Furthermore, it is related to knowing on which word to focus and how to read it and giving context of typeface, size and color.
  • Isotype: image language
  • Interrobang: Question mark and exclamation mark 
  • Pacing: timing of cuts and the topic of the chapter
  • Rhythm: flow and separation of the story
  • More and more about AfterEffects skills
  • Pick the music and monologue wisely.
  • Learning the camera and using 3D layers to make the movements in the text.
  • Starting in storyboard helps to understand before taking to after effects. It is useful for those who are not sure how it works. They can use illustrator too.
  • Doing search for tutorials and developing the basic animations.
  • Asking friends / professors is the best way to develop because a person who focuses a lot may not notice their own mistakes.
  • Pulling from the video, focusing on how the angles were shot and the transitions were cut.
  • Watching a lot of tutorials on how to animate type in after effects
  • Syncing the audio with the speed of the animations
  • Learning the possibilities of using After Effects.
  • How to use several different kinds of ‘simple’ animations to create more complex
  • Hearing the scenes and imaging how the words react, honestly? I start imaging in every time I see a movie after this project.
  • Type becomes a live entity; the type has energy. They are talking over each other. Perhaps, the types overlap and maybe they knock one another fade in & out. Transitions would work well in poetry
  • Focus on HIERARCHY; Size, type, color, perspective / compositions, motion, activity
  • Break down sentences; A sentence can be two or three scenes
  • Type as character 

 

  • Working with After Effects :
  • I started with basic ..
  • Developed to; one words appeared
  • Maybe use 3rd camera tool?
  • Since I have used after effects before, the project work was easier to me! I would like to thank Law for helping us to develop our adobe skills. 

Research: 

Honestly, I found it hard to find a demo that would help me to do what I wanted, but I kept looking for Kinetic typography text animation to develop my storyboard and make the animation interesting.  An interesting idea popped in my mind, but whenever I thought about the details and the process I might go through, I realized I needed more time. It was very interesting to watch Kinetic typography. I have seen a lot. That helped me to develop and understand the details. I did not stop researching until I found that I had to start.

Demo :

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

This helped me a lot. It has shown more than one style and different ideas. I wanted to focus on this again and again after being done with research so that I would not be stuck with one idea.

 

Print II – Project 002

We were asked to make three digital sketches for a Film Festival that will have our parallax videos. However, since it was for a film festival event, the parallax used was my classmates’ videos as well.

IMG_8035.jpgIMG_8037.jpgIMG_8038.jpg IMG_8039.jpgIMG_8040.jpg

Previous work, done by vcuq student

IMG_8042.jpg IMG_8041.jpg IMG_8043 (1).jpg IMG_8044.jpg IMG_8045.jpg

We were asked to do, 3 digital sketches;

Screen Shot 2018-03-02 at 12.13.25 PM.png

(Three sketches)

I focused on typography. I took time to play around with the tacking, the size and the character to make them look exactly a line. It is a way to play around with the hierarchy.

We were introduced to the app, Layar, where we scan our poster and add interactions. Firstly, the app looked complicated. We learned from Laws demo and I felt I would need more time to learn. Going to youtube demos to learn was not a bad idea. It helped a little bit.

(Demo law)

Researchs:

 

Process:

 

IMG_8048.jpg

Critique

For thursday, we had to tile our posters. While critiquing, I realized mine was flat as everyone’s! I really had to find a way to be different. Moreover, I realized that everyone had the same style of showing (Film ). My aim was to have a unique poster. I recalled what we had earned in MP class and what our mistakes had been in VN first project. We were all similar because of our flat posters. To develop my work, I found a better way to have a different style, which was to take a photo using my own camera and use it in my poster. I also intended to have an interactive poster that keeps people feeling interested in scanning it. Moreover, I had in mind that our professors suggested to us to move out of the Illustrator and try something different and new. When I developed my work, I decided to use what I had done in the first sketches and play around with it. I added the camera with shadow to avoid having my poster look flat and to get the same style of the title and the corner design I used as a background. Yellow and Turquoise are interactive colors and that is why it looks more than the red color.

Process:

Screen Shot 2018-03-02 at 12.32.56 PM.png

IMG_8050.jpg

Critique

Offset:

and the on set is where a dark background which is red. In addition, the yellow appeared just from the front of the camera as a way to show it was a flash of filming.

The struggle that I was going through was that while I added the onset poster in Layar, to see how it looked before the class so I could fix it, I realized the poster was pixelated! I went over the size repeatedly and tried to figure out what was wrong! I was stuck and did not know what was going on! I thought: could the rest have the same problem? Perhaps there was something wrong with the app! Later on, I kept asking my classmates if they had the same problem and they assured me not to worry as it would not appear while scanning. However, I realized it was actually there! I felt bad. I asked Law if he could solve it as it seemed that the image size was wrong. We kept checking, but nothing seemed wrong. Why was it pixelated, then? After I had given up trying, I thought I might try to edit everything again for the onset poster.

After Critique: Process :

polaroid-630444_960_720.png rb675-1.jpg icon1.png

Screen Shot 2018-03-02 at 12.51.34 PM.png

Screen Shot 2018-02-27 at 4.34.26 AM.png

Saving over and over, and its still pixilated!

 

Screen Shot 2018-03-02 at 12.55.41 PM.png

How about Gif? :

Check GIFF.png  backgroynd.gif

I just opened a new page and started editing again. After having done with the poster, I tried to make it more interesting and played around with it. I came up with the idea of color HalfTone (dots) just for the background to makes it look like cinema sets. I really loved it; however, I did not stop developing and more and more ideas popped in each time I did something. The following idea was to see tutorials of Gif. I had done it only once during FYI and I thought why not keep using all what I had learned to show more understanding in graphic! Finally, I started with Laws’s ideas of how to show E-mail, website, facebook and sound. Which is by using Polaroid, over it the icons of what we need to add and at the bottom the type. For the carousel, everyone took a screenshot of their film, so we used it. I placed them on the review founder of the camera.

I do believe my poster improved a lot. While I was going on the process, I found how really cool my project had been and how it became! I understood more about Layar app. I learned how to make my poster look better. I liked the fact that our works were related to each other and that we were learning something that helped us for future!In fact, as Graphic designers, we have a lot to do! It has been my best learning in graphic! I found it useful.  This class has made me aware of using all what I had learned previously.

Finally, I submitted the onset poster. I am very happy with what I have learned and both my offset and onset. It is the most interesting project I have had so far and I’m sure it will not be my last time to use it.

 

 

Week 4

Project 002

  • We will design a 1 to 1/2 minutes typographic, kinetic, visual monologue or dialogue from a movie or TV shows go our choice.
  • Monologue is a long speech by one actor in a film, or as part of a theatrical or broadcast programme.
  • Dialogue is a conversation between 2 or more people as a feature of a book, play, or film.
  • Start 5 second title credits , end 5 seconds with the name of monologue
  • Find monologue from youtube
  • Pay attention to the annunciation, rhythm, and patterns in speech.
  • Research : Kinetic typography: Best 47 Videos
  • What you chose / why you chose it
  • Bring an example :
    • I like the fact that the dialogue between 2 people is been repeated .. etc
    • Get the link from the youtube sound clip you chose > place in online video converter website > mp3> download
  • Pick your music and monologue wisely. Be careful to use known sound track from a movie with another known movie.
  • The file done should be mp4, aspect ratio 19 x 20 x 1080 H264 Codec

Week 3 / Week 4

Working in progress / Experimenting:

 

Screen Shot 2018-02-09 at 2.14.44 AM.png

Iphone Camera

Screen Shot 2018-02-09 at 2.15.16 AM.png

Experimenting

 

Screen Shot 2018-02-09 at 2.11.44 AM.png

Covered the line between in photoshop

Screen Shot 2018-02-05 at 12.15.04 PM.png

Experimenting again and again

istock_000007203338_small.jpg

Background (Last part) , added shadow & blur effect to shows its realistic

Screen Shot 2018-02-09 at 2.08.26 AM.png

The worst part 🙂 I tried my best but I’m not sure if what I did is right.. I think the problem is with my laptop…

Week 3:

However, I realized that I got an issue in making slow motion. Honestly, it was hard doing that as a person like me does not know that AE needs to be updated again but I enjoyed it A LOT! In the following class, we were asked to complete 50% of the work. And again my feedback from Law is the same that the motion was fast, I did it on a slower pace.

Week 4:

However, I struggled a lot for this project, but I really found myself developed in Aftereffect. This project helped me a lot for the new project for visual narrative. Thank God I have learned with Law first instead of Mahmoud :D. The project was PERFECT & FUN, but the worst part was formatting my laptop. Yeah I have learned to be patient too . . . Moreover, I have learned that if we do not focus on the storyboard, the work will be hard! Thanks Law for making us focus more on storyboard and making it easy. I learned to take a photo of the place and then take a photo again with modelling, but it does not work with the photos that had a blurred background. In general, I really liked this project. It may help me with animations ads! My main goal is to get the viewer to feel that my individual photos are interrelated. I try really hard to make every single thing SOO CLEAR! I’m happy with the result and the hard time I have spent has resulted in a great job! I can do more and more after these experience. I have learned and improved a lot. I aimed for a realistic looks and yes I did it! Being professional in photography helped a lot in this part.  However, I was following the required size in each photo, but I found an issue to overcome and that was exporting my video. The size was way big, I guess it is about the sounds, but most of us have the same problem and it was great we found a way to solve that problem. Learned: To make the concept more relatable to the viewers / the important part/ how to visualize the whole screen. / understand the motion of each photo / make right decisions.

 

Week 3

Process:

Screen Shot 2018-02-05 at 10.46.32 AM.png

IMG_7291.JPG

We were asked to tiled 3 posters, however when we asked to tiled our poster I never realized why we would do that and now I knew that while we were doing it, it helped us to focus on many details. Maybe it helped me more than others. Some parts I forgot about, and kept taking notes to remind myself.

Moreover, I noticed that it pixilated a bit and I solved it.

I realized that the type color does not match the background, it looked awkward. I used to change it as what professor Law said, if I use one color it’ll look much better.

Overall, the critique helped me do the best to the 3 posters. It helped a lot knowing others mistakes, for it is a way to improve myself too.

I went back to the 3 posters and decided to go into more detail. I drew the 3 posters instead of playing around with image tracing and that helped me with higher quality. Furthermore, I experimented with the tagline placement and added more details to show more that it is a movie poster.

Process: Type:

Screen Shot 2018-02-05 at 10.47.28 AM.png  Screen Shot 2018-02-05 at 10.48.19 AM.png

Final

IMG_7378.jpg

 

After we’re done with the project we realized that we all did illustrations, while it has not been asked.

However my first idea with taking photographs, later on I changed my mind. Maybe because I wanted to have more control instead of looking for a model and stuff that may not be around and wasted time.

What I learned:

  • I learned that whenever we have a project I have to use what I have learned before.
  • For example, what I learned in m&p class I applied for this poster.
  • Playing around with materials, because graphic is not about adobe software solely! Maybe because the main focus was not about visual styles alone?