Posted in Uncategorized

App design

APP NAME: Playano

 

DESCRIPTION:
A mp3 player app available in all mobile and PC platforms. As the tag line says “sounds perfect” this app is built to deliver songs that suit the user’s current state of mind. Instead of you thinking/googling on what songs to listen to, this app does it for you. This is an internet bases music player, similar to “spotify”. Here the user can choose specific kind of songs depending upon their mood, facebook has recently launched emoticons where the user can say how they feel or felt while sharing a certain post, in similar manner this app lets you set your mood and plays songs as per your mood selection.
if you are happy set your mood to “HAPPY” “PEPPY” “ENERGETIC” and the app will show you a list of songs which classify in that category. The user can also instantly download songs that they listen to at a click of a button. The app is built to be of less size as possible yet not compromising on the look and feel of the app itself.

 

LOGO DESIGN:

The name of the app rhymes with a piano so I chose to design the logo in the form of a piano with a play button in the middle to symbolize that this an app. I also gave the tag line for the app that says “sounds perfect” the core purpose of the app is to select and play songs that reflect the users mood to provide them with the perfect choice of music. The font used in the app is not straight nor rigid, it is wobbly in design I wanted the text to represent a sense of freeness from the rigidity and sharp corners and just loosen up having a very laid back look to the app.

 

DESIGN AND AESTHETIC:

Playano is originally has a whitish grey look with a minimalistic design. The login screen only shows the logo and the login button. Since the app is based on what the users feeling and current state of mind the app changes its overall colour in accordance with the mood of the user. For instance if the mood is set to excited the app changes to a RED colour, if the mood is set to Happy the colour will change to a cyan or yellow to reflect the corresponding mood.

The player screen itself is made in a very simple way; all the usual icons and common functionalities can be found on the main play screen. The image of the album or the poster will be displayed on the main screen (if available) there is also a sound wave animation available on the front of the play screen that bounces with the beats just to add a little more interesting features to the visual appeal of the app. The app is built with a learning module that will learn the user’s current mood depending upon frequent usage of specific songs heard by the use.

 

FURTHER FEATURES:

The menu option leads the way to in to the additional features such as browsing new artist releases, top charts, and pre-saved favorites list and also an option to create new play lists by the user’s preference.

THE DESIGN:

playano_app_P1playano_app_P2playano_app_P3playano_app_P4playano_app_P5playano_app_P6

Advertisements
Posted in Uncategorized

Logo design

a conceptual design for a label for a beauty product. fronttopback

Logo design for an online music player app, that allows the listener to hear songs according to their state of mind. The piano is said to have such perfect sound and resonance that any listener is instantly pleased by its sounds, this app designed with such properties in mind and hence the name and the tag line “Playano- sounds perfect”

PLAYANO-2

Posted in game, Modelling, unreal engine

 

“The Demon in the Stone”

demon in the stone

This is a recent work of mine done entirely in unreal engine 4.

This is a story of a demon trapped and imprisoned in a stone in the form of a sword. The only way for the demon to be free is to be wielded by a master swordsman. In the dark, cold solitude the sword awaits its wielder.

Posted in Uncategorized

Underwater Lighting.

there she sleeps in the dark blue cold
there she sleeps in the dark blue cold

Modelling, Texturing and Lighting in Maya. Comp done in Potoshop.

Objective: 

To make an underwater scene and to light it.

Learning: 

During the course of this project I have discovered a whole lot about how to 

– make achievable goals

– to set reasonable time frames

– to factor in render time

– to factor in the render error correction

– to handle Maya scene files

– to use different size maps for different objects in the scene.

– the importance of depth of field

– the use of post production and composting

– how to understand a scene and split it into its basic components 

– how to construct a scene by sketching it in side view and top view to get a clear concept of the scene.

I wanted to make a video out put of the underwater scene but due to certain errors with the scene rendering was not completed. I could salvage only 85 frames form the batch render. and this itself had consumed a huge chunk of my time, so to balance my work I had to problem solve. I decided to render out a single image render and work on it. I have tried my best to get a video but my maya scene refuses to co operate. I have made a lot of changes to the scene to solve other problems like the empty fore ground. added rocks to the sides to fill the empty space. 

– reduced the ships poly count to a minimum.

– cleaned the history of the entire story twice

– put all the mesh in to layers hid them and tried opening the scene

– Importing the scene into MAYA 2014 and 2015 to see which works.

– I have juggled between MAYA 2014- 2015 to do most of the work for the scene cause it was the only way to complete my weekly goals.

– A major problem was with the Z_depth pass, when i try to apply the pass the whole scene corrupts its self and crashes. all the mess looses its material and only the wire frame shows up with out any material to the mesh. I had to make the depth in comp by adding in shadows overlaying fog and faking reflections.

I worked on 2014 to make the submersible, the foreground, mid and the background and to render them I have used MAYA 2015. regardless of the software or the version I have to my satisfaction managed to make the best of my time and talents and problem solving skills to deliver a good out put.

I have now gathered a clear idea on how to plan, schedule, gather resources, problem solve and to do basic comp. This will help me to work efficiently in my major project.

Posted in AfterEffects, VFX

Randomizer: using Adobe After Effects, Adobe Flash and ActionScript 3.0

Objective:

To create a simple interactive application to shuffle fifteen people name randomly. Also to create visual introduction for the people profile with some basic animation.

Purpose:

  • To shuffle fifteen people name list to make an order for the upcoming presentation or to make a new list of arranging people.
  • The shuffle need to be randomize, with no interconnection with the other object in the list.
  • Give some visual introduction for every individual in the shuffle list.

Field Review:

There are more number of ways to shuffle the list objects. I found some missing elements in the other shufflers are,

  • Visual design: Other shufflers application don’t have the visual information about the objects. If that was a person list, except the person name there is no much information about his image and other representation of the person details to pick him quickly.
  • User Interaction: Buttons are the important part in the app. Because the user himself need to select when he want to shuffle the list or when he want to see the shuffling object list.
  • Visual Entertainment: An application need to entertain his audience visually. To show about which information this application going to shuffle.

Production:

To create an interaction application for shuffling, the concept is simple. In a single button click the list of objects need to shuffle. To implement this idea maybe there is more number of ways to possible this one I am aware of every idea, with my current knowledge I choose Adobe Flash and ActionScript 3.0.

Combined Project:

The idea to create the randomizer was not my idea. Sreeram is the one who rise this idea. We planned to do make this concept possible. So we separate our work, the visual and information part [Adobe After Effects, Adobe Photoshop] is up to Sreeram and the Coding and Application creation part is mine [Adobe Flash and ActionScript 3.0]

There is no need to do this project as a combined, but we just took a try for a time pass. So we like to work together and separate our works.

Story Board:

0

Why Adobe Flash and ActionScript 3.0?

With my current knowledge I am not aware of a software to create an application except Adobe Flash. In Adobe Flash I can create an application and make the application to run in web browsers. I can put some basic animation for the application so I choose Adobe Flash.

For the buttons I need to give the operation. This project main part is the shuffle the list of objects by clicking the button. So the coding is must needed for this project. So I used ActionScript 3.0 in this project.

Based on this story board scenes the work was completed.

2

Adobe Photoshop:

  • Finding references for futuristic holographic displays
  • Sorting the ones that are simple yet appealing
  • Isolating those objects that are of use and creating certain objects that were not available.
  • Creating individual profile for the students with names, codes numbers, and status bars etc.
  • Saving them all in individual layers with alpha channel enables them to be used effectively in comp.

sree

Adobe After Effects:

  • Importing the PSD files in to a new project in After Effects to start the initial comp for the visuals.

1

  • The lay was to have futuristic elements on one side of the screen that come in to the frame from different directions.

2

  • The student profiles that were created were brought in and animated to appear like they were put on screen by a new window that opens on the screen.

4

  • All the elements in the screen were animated to have some movement rather than to be static till the end of the video.
  • 3 different comps were used before a final comp was compiled. Creating such individual comps for the back ground, the holograms and the student profiles gave more control over all the assets.

5

  • The final video was rendered to a FLASH (FLV) format to be compatible with Adobe Flash application, for the later stages of the project.

Adobe Premiere:

  • Premier was used to do video time adjustments and also add sound effects to the FLV file obtained from the previous process.
  • Sound tracks from different sources were mixed to get an computer robotic noise which was added to the final video.
  • It was again rendered out as a FLV file so as to be used in Adobe Flash.

8

Adobe Flash:

3

1

  • The welcome window is have three parts including the button and two background images.

1

  • I made the welcome text and shape as the button and gave the ActionScript code for the button. So if you moved your cursor top of the welcome your cursor is change in to the press symbol.
  • After the welcome button got pressed it will move to home window. In this window I made two another buttons for profile and randomize window. Like the previous button I gave the code for both of the buttons. For me it’s like a two pages. So I separate the pages based on the frame count. So I allocate the frames for the video based on the video duration. Then allocate the frames for the randomizer.

2

  • If the profile button got pressed it need to root to profile video. So I put the video in different frame and make a code for the start the video and end the video using ActionScript 3.0

4

  • After this video there is a button need to go to the home window. So I made a button and provide operation to go the main window. I added basic animation to the button to appear in the window.

5

  • After pressing the randomize button its roots you to the main window. So based on the frame value I wrote the code to go main window.
  • If you pressed the randomize button it will open new randomize window. In there I create two new buttons. The button “Hit Me” make you to randomize and shuffle the list of objects. The button “Home” will open the home button.

working slot

  • In this project I worked based on the layer and frame. The frame values in important to write the code in ActionScript 3.0

layer list

ActionScript 3.0:

I used ActionScript 3.0 for to make a shuffle function. I have to solve the given problems using ActionScript 3.0.

  • To shuffle the object I need an array.
  • The shuffle is need to work based on randomize function.
  • Maths function for randomizer to shuffle.
  • Code for give action to the button.
  • Link the button and the randomize function

code

                I added my code for the randomizer. This code is the important part of this project. For all the other part I used some codes for the buttons and to hold the frame in the particular frame I used a code.

To give life for every buttons I used a code to do an operation and link the operation with some function.