Final update on Personality Section

Finalized Personality Section

After all the technical errors and several polishing of pages, I managed to solve all the technicalities in this section and resorted to one type of interactivity for the "LipsGame". I decided to go with the back up plan whereby the lips color will be given and the user can decide to preview these available colors on the model's lips and test out which on may look nice on them.

Nevertheless, There were a lot of struggles when it came to the coding section but nevertheless i succeeded to achieved the interactivity of this whole section.

Solved God's Finger Technicalities but Glitched

The Image Sequence God's Finger

Unfortunately, based on the previous "succeeded technicalities" there were a few errors and glitches.

I was working on the Tabs that will appear on the globe where by users can click on the cross marks and see these tabs open and will synchronise fluidly. Despite the fact that it works, the tabs weren't able to follow the cross marks as the user rotates the globe through the scrubber.

The reason being because we thought it could work on an image sequence, apparently after further research, it is found that these the linking with these two things cannot be sync due to the different elements that its made from. Hence, we came to a block in our god's finger. But nevertheless, Mr.Razif managed to successfully rectify the globe to its maximum interactivity and lisa and kush managed to sort the tabs out and get them working.

Solving God's Finger Technicalities

Edge Animate Codings

After Lisa's attempt on the god's finger, It didn't manage to work as per planned therefore we sent the file to Mr.Razif to rectify and assist us. In the meantime, i took the file and try to find an alternative solution to it. We wanted the globe to rotate and show the different regions of places on the cross marks upon tapping it and as it rotates the globe syncs with the tabs.

I surfed through three websites including Edge Docks , Edge Hero, Edge Commons. I've tried three different ways but managed to succeed with one. i asked lisa to turn it into Image sequence whereby you save different angles of th globe so that when you slide the scrubber it will,rotate with it.

REFERENCE WEBSITES:

http://www.awwwards.com/touchswipe-a-jquery-plugin-for-touch-and-gesture-based-interaction.html

http://sarahjustine.com/2013/11/08/create-click-and-touch-draggable-scrubbers-with-edge-animate-cc/

http://rocha.la/jQuery-slimScroll

Revised Interview questions and answers for Personality Section

Interview Questions and Answers 

Nothing much at the moment, just revising the interview questions and answers for the interview section.

Roulette Rouge

By Ilisa Izhar

1.What does fashion mean to you, and how would you describe your personal style?

2. What inspired you to start your own lipstick line, and whats the story behind the name “Rouge”?

3. How comfortable are you working hands on with models and designers?

1.Fashion is how I express myself as an individual. Its a way of telling your own story without using words but only with your presence in various colours and items. Well, Im very laidback but I also like to try on different colours and always add a pop of colour to a statement for my outfit.

2. I’ve always been fascinated to start my own line but up until now I’ve never quite figured out on what I wanted to dwell in. The past year, I was in Paris and while chatting with my friend, an idea struck and we planned everything - jotting the details on cafe napkins *laughs* but that was also why the line is called “Rouge”.

3. I feel very delighted to experience all these kinds of work as this is something i would love to try in future.

Update on Personality Section Technicalites

Interactivity of the "LipGame"

So we tried to do something like this(check the link below) where there will be a Transparency filter that will reveal the lip's color. We decided to have several filters so users can test out several other colors. Unfortunately, we didn't manage to achieve this. But instead we went with another alternative in the next post to come.

https://fstoppers.com/comme…/editing-tips-after-images-72822

Update on Cover Page

Revised and Redesigned Cover Page

As for the cover page, i decided to go with something out of the norm,  As we know that the orthodox way of a cover page consists of a Masthead at the top, background picture, and highlights of the magazine. we decided to do it the unorthodox way, where after the pre-roll the logo of the JMD is place in a triangular manner.

The mini arrows just above the letter indicates that you need to swipe in that specific direction to view the highlights. Basically this was the idea we went for.

Update on Pre Roll

Pre-Roll Storyline

Basically, the pre-roll shows the three of us as models doing our photo shoot. As the camera pans from left to right, the models will appear on each individual slot and will change during intervals

For example, Lisa posing for her photo shoot then camera pans to the right then Aliff appears then camera pans more to the right sees Kush then fade to black. However, while I was editing the pre-roll for the magazine my computer CRASHED! and that was the end of it. After going to several Digital shops for disk recovery, it was a failure.

Revised Pre Roll

Thus, we had to change the whole pre-roll into something else. So we came up with the idea of using our logo and add VFX to it to make it look similar to what we had in mind initially. So, it will be Lisa floating on mid air and the J appears and flashes then to Kush floating too as the M appears then Aliff appears leaning on to something as the D appears. Right after that, the three models arranged side by side as the letter appears then fades to white.

Short Update: Photoshoot session for Pre-roll, Cover page and Personality section

Pre-Roll, Cover page
We decided to do a short teaser before the cover page. We will be introducing ourselves as models and between the transition from one model to another, we will include each of our shot that will have us placed next to the logo letters. Right After, this wil lead us to the cover page where it will show a picture of the four of us.


Personality Section
As for this section, we have capture pictures of our models promoting the Roug Lipstick Product and a few shots of her during the interview.

Back up Plan for Personality Section

Camera API Declined

We couldn't manage to work through it as this is far to deep into Programming and within the short amount period of time we won't be able to work on the rest of the pages/sections. Another problem with it is also because Windows user cannot preview on devices and because of this technical issue it is hard to work on a single Mac laptop. (Refer to Adobe DPS Technical Conditions)


The Backup plan

We will be going with the idea of using our model's lips as a template so it can be editable and tested out easily without further complications.