Presentation Day!

We were the first group to present on the big day. We started presenting our slides and explaining on what page are we doing and the process that we went through. After we finished presenting our slides, we showed to Abang Rom and to the rest of the class our digital magazine. We started with a boom because of the epicness of the cover. Alhamdulillah the client love the cover. Then we showed our content page and how it is linkable to the tutorial page and the rest. We talked more on our tutorial page since that is the main page that we worked on real hard. After presenting Abang Rom gave some suggestions but overall he liked our digital magazine. Below are pictures that were taken on the presentation day:- 

Last day before presentation!

A day before the presentation day we all gathered in campus to finish our work and we ended up sleeping over. Marwan and Dhev was trying to finish the tutorial page while izzat & I were working on other things as well, even though there were a lot of obstacles that we went through that day like the linking of the video in the tutorial page and it cant be played but we still manage to finish it with help from Mr.Razif. I finished the presentation slides and we were good to go! 

Cover Finale! EPICNESS!

So we're finally done with the magazine cover page and this is how it will look like in your ipads. Enjoy!

Cover process

Here are some pictures and screenshots of the magazine cover process that dhev and i did

Magazine cover photoshoot

So we decided to do our final magazine cover, our model for the cover will be Izzat and our approach is towards metal and rock kind of look. Izzat went for stephen carpenter's(Deftones) looks. Below are the pictures of the photoshoot:-

Stephen Carpenter

On our magazine cover there will be a parallax animated photo. The sequence will be like those 3 pictures above.

Tutorial video done!

So after i edited the audio for the tutorial video, i gave it to izzat as he sync it with the video and this is how it looks like:-

Intro | Verse | Outro

Chorus

Solo

Content Page, video editing & audio editing

So, Dhev and Marwan continue on our mock up for the contents page which Izzat had previously design. Of course, they had trouble making the interaction that we would want to implement. At first, they were discovering on how to make it using HTML since we wanted an animation (slide up effect). They edited all the content in photoshop (separating the layers and converting them to PNG). Below is the example of our table of content on preview. We also tested it on the ipad. It worked fine!

On the other hand, Izzat and i were working on the production of the video that we recorded of dhev playing one of Nirvana's song. I was assigned to edit the audio of the recording session while izzat color grade the video. Below are some pictures of the recording, screenshot of the audio editing and screenshot of the color grading:-

Behind the scenes:-

Audio Editing:-

Color grading:-

Progress

So after the tasks was divided to all the group members, we managed to accomplish it. Marwan and I managed to get the the lyrics section done on Illustrator then later completed the interactivity in Indesign. Here it is below after Marwan screen captured the adobe content viewer. Then, Dhev and Marwan have done their parts too which is the tabs, using html file which is done in Adobe Muse. They used panels made in Muse and then convert the file into html. Below are videos on how it looks like:-

Content Development

Thursday | 8th May 2014 

Group Task

    We were arranging when to use the recording studio so we can do start filming Dhev for the tutorial section. Since there's a recording studio, why not use it to our advantage right? By using the studio we can get a clear recording of Dhev's voice and as well as the guitar's sound. The ambience and the surrounding of the studio would be great for the tutorial video.

Booking sessions to be confirmed with Mr. Razif

Group members task so far:

Marwan & Wazif - Prepare the lyrics section

Izzat & Dhev - Prepare the chords and tabs section