Darshil VC Work

 This project was easy and straight forward but after a computer crash, I had very little time to complete this project. I started with Brainstorming ideas. After I have decided everything and all scenes with Title names. and made some assets to do this stuff and found some to add to my project. At first, I created a landing page with a title animation and BBC logo with the Modern building Asset. Then I created a futuristic VR glasses type thing. And added various buttons to it. Like  Car  Drone  Robot  Food  VR  Info  Those buttons would navigate to their pages where you can get a glance at the future of those things. CAR In future, due to all pollution, we would use hybrid or electric cars more. I added this like with a car animation. Which in my view was really good. DRONE  I made two drone assets as read in my research that they would start delivering stuff in future. I Animated those two drones and also placed them on that page. ROBOT...

 For This assignment, we were supposed to track footage in 3D space Stick a 2D media piece to it and make it look believable. This was a very complex yet fun project.  We had to shoot our own footage but unfortunately, I was not able to do so However we were also allowed to use Stock footage of some sort to do our work. So I went ahead and found some practice files from a youtube tutorial. The tutorial was very good after a glance at that I started working on my own project. After importing the video and other files of city Destruction. The first thing was to 3D track the whole footage and wait for markers to show up. when it happened I first duplicated the layer and named it 3D tracker. Thereafter I created a solid camera with help of those markers and Stick a Destruction picture.  After I placed this in that building the first thing I noticed was color difference so I had to color match both of the things using curves effect. Thereafter I  tried the new technique i...

Following that, the project's guidelines were presented. When I was looking for a phone to buy, it came to me when I was thinking about ideas. I went to a few websites and found the iPhone 13 images. I began working on them. In Photoshop, I had to tidy up the background and cut off photographs. That was not an issue because After Effects enables PSD export. I wanted to design a low-budget iPhone advertising for the overall idea. This video depicts the iPhone's introduction and various characteristics. To begin, I viewed several recordings of these commercials. Then the ideas started to flow, and the first thing I did was pick a colour palette, which is at the heart of every motion graphics project. Choosing a colour palette and basing your work on it. Because the phone was green, I chose to go with green. Then I'll go with this.  Then I began to create several compositions using various text and picture animations. I made use of pre-existing 3D text effects. I applied a vig...

 In today's session, we learned about the 3D cameras, space, 3D layers Animation and 3D perspective. We started by pre-made project with multiple views and added our 3D animation to layers by enabling the 3D option in layers. After that bit we learned about the 3D cameras (one node) We went through their camera settings and other options We animated that camera with respect to our layers animation.  After this was completed we were given a task to create our own 3D scene with 3D layers and animation with a 2 node camera and depth of field. The two-node camera has a point of interest so was can animate the camera with respect to that point which gives a much more smooth outcome. This camera was very close to the real one because it had all the options like depth of field, aperture and focus distance which focuses on a particular layer that we want. So we created our whole scene like this by animating the camera and all other layers in 3D space and we kept focus on basket carryi...

 In today's session we were going to learn about ~ Animating objects along a path  particles wiggle expressions Puppet tool Roto brush  So we started with provided assets for our project . It was a illustrator file with different objects in different layers so can animate it.  We started by importing Ai file to composition as composition and with layer size. Then immediately started animating cars along the road and animated them colliding using position and rotation. To make animation smooth we used graph editor and easy ease In .  There after it was time to add particles to make collision look more dramatic. We added a solid layer to the comp and added a particles system preset to it. Then we had to tweak settings a bit to get desired results. We had to trim the layer so particles only comes up in required time.  To add a little more drama to the accident we added a wiggle expression which is shake or jerk in camera. We discussed about what does the expre...

  This Activity was very simple and based on Opacity transition which means the transition between two footage or clips by fading away from one another.  We started by creating a new document named city example with; Width: 960    Frame Rate: 30  Height: 640    Platform Type: HTML5 Canvas Then we made 7 new layers for, Actions, Labels, Buttons, City_day, City_night, Sky_day, Sky_Night.  Thereafter, We designed skyscrapers according to our perspectives and added windows and colours with a background of Day and night. However, We had to convert the Buildings and Background into a symbol of the movie clip to animate it in different colours and animate windows.  Then we duplicated it and used the same symbol as the night sky and night buildings. Then we changed things in night assets and drag dropped them into our main scene.  We worked on buttons once that was finished. We worked on texts "Day and Night" and converted them into symbols...

We started the session by adding changes to our last project and making it better. We created an adjustment layer and added a fill colour with two masks one with subtract so we can target a particular area to distort. We added a function in the evolution of the wave warp effect. Then we had to warp the text so we added a turbulent displacement effect to that then animated it.  After this, we had to do a display of that composition on an old TV. We had an image in project files so we masked the whole foreground TV into three different layers and subtracted two of them. Then we added the final composition into TV as Tv was playing it in order to do that we had to use a corner pin preset so we can adjust the composition on the screen. After that was finished we also added some mov files of astronaut dancing to make it interesting. We added the background in retro TV composition and added blur and colour correction according to our liking. Now the fun part was to add a parallax effect ...

 The first theme which I would like to put up in the project is game Bioshock Infinite. I used to play this game. There is a different utopian city in the clouds which is balanced by air balloons. people are travelling in superfast trains, having robots, etc. I would love to create something related to floating cities in air or water. This without a doubt seems a little far but not impossible.  When I used to play this game the serenity of this city was my favourite part. I would be able to make something similar in Animate and then add sounds and various day and night effects. I was also thinking to combine this concept with solar city because it is indeed future. The other part was robots as Boston dynamics are able to make functional industrial robots then surely in upcoming future they would be everywhere. So certainly one page dedicated to that.    One of the hot topics in this period is Metaverse. There are tons and tons of speculations related to this but acco...

In this session, we learned a new software called Adobe after effects. I had a lot of experience in after effects I know it's versatile and most used for compositing and motion graphics which attracts most of my interest in this application. We started with creating a shape of the Sun for our tiny solar system. We added the sun's colour and fractal noise effects to give it the look of the actual sun and used blending mode to match noise and colour. Then we pre comped it and learned the importance of pre-comp then we cropped the area we did not need. Then we brought it into the main comp and placed it in the middle. We created earth and moon in similar ways. We had to add some masks on earth as continents. We then proceeded to make a shadow of earth and moon by a solid layer in opacity by duplicating that comp. Then we adjusted it by disabling shadow layers and adjusting levels.  We then animated the whole thing by adding expression in rotation. We also learned the concept of pa...

  We started the Project by knowing the Aim of the session. Which was to learn how to add sounds to our website so they can play on the interaction. We saw a project by David which we were about to make. To be honest it seemed hard at first to add sounds but it was a comparatively easy process.  We started by making canvas in landscape mode then we drew the first piano key then we turned it into a symbol of a button inside we animated the keys a little bit to change colours on pressing then on the third key we added the sound by a simple drag and drop. So it automatically adds an attribute into the following duplicated keys so we just have to add different sounds from the drop-down box.  Then After it was all a smooth road because we just had to duplicate keys change the titles and change the sounds. Another thing to mention after duplication of all these keys. We had to find a simpler way to arrange these to add a grid and snap to grid in the project so it snapped to pix...

  In today's session we learned about professional color grading tools in Premiere Pro. We got familiar with few diagrams which represent colors and few new terminology which is used by such tools.  We had raw footage of a steam train and it was faded as most of raw footages are so we color graded it to look more natural and high definition. We did it according to the HSL and LUV . we used multiple tools such as saturation, hue, contrast, brightness, etc Once it was good we had to key out the sky with mask because it was no good. We used ultra key effect and made a mask around that sky patch and inverted it so smoke of train does not come in way.  After that we moved on to color grade water color and fluids which was very interesting and we had a basic idea of what to do as soon as we graded it .I started to experiment with multiple of that footage , ultra key and blending modes etc. I arranged multiple of it in a grid with different blending modes to give it a try and it...

  The final project was given to us from the first session and sessions were ladders to reach that level. The guidelines for the project were- The Design Museum in London is organizing a new exhibition entitled ‘Visions of the Future’ and will be exhibiting a selection of futuristic objects, machines, and design artifacts. Your task is to create an interactive poster to promote this event. The exhibition will show a range of current innovative artifacts (electric driverless cars, virtual reality devices, space-related technology, wearable technology…) along with retro-tech and iconic innovations from previous eras (that would have seemed extraordinary at the time of their production) like classic televisions, radios, computers, synthesizers, etc... You can decide which objects to showcase on your poster and you will need to do some research to pick out and learn more about your chosen artifacts. Criteria - Content you must include: The title of the exhibition The opening date (10 t...

 W e Started the session by looking and discussing about poster layout as our main project designing is next week. We were asked to write a blog about which poster stands out to us most in layout format . I took a glanced through all types of them but one which stucked in my mind was a poster by TATE BRITAIN PICASSO AND MORDERN BRITISH ART. (The poster) According to me this is a stand out poster because of its layout and title placement. All the important information is highlighted and less important is not. Colour theme and image placement is impressive. I want to create something similar (The layout of Poster) Then we discussed about the book which contains all the information on how can we design something which is nice to look at from other people's perspectives like posters, webpage etc we were told to write main points of understanding. The book is                                    ...

In today's session we continued the world interactions but this time it was damage zones and enemies.  First we added a damageable zone sprite from the asset and gave it a collider just like collectibles only difference was that the life was subtracting from the charachter as it passes through zone. This was easy past because we did this before and in script editor only one thing was supposed to change that was health +1 to -1 that was it. We tested it and it was successful.  We moved on to enemies afterwards. We added a robot png to asset folder from the handout files and made it sprite. We made a new script in script folder named it enemycontroller because we had to animate enemy into scene and programme it to take one health on interaction with charachter. We also had to animate robot to move vertically and horizontally on its own. We programmed that too and also added health decreasing script to it and then tested it. It worked and we moved forward to Animation. Animation ...

In today's session, We learned mainly about navigation and walked near to brainstorm the idea of our final project. First, we set the pixel size of canvas which is used by posters. Width: 640   Frame Rate: 30  Height: 960   Platform Type: HTML5 Canvas  Then we made 5 layers named  1. Action 2. Labels 3. Buttons 4. Text 5. Images First, we added a stop function in the Action layer so that it can hold the intro page until any interaction. We added different labels on the gap of 10 frames each that are different pages for the poster. we labeled them as page titles. Then we progressed to design buttons. After the buttons were designed we duplicated them in the library changed their titles, instance, fonts, etc . After that we arranged them in layout of a poster. we added main menu button on intro page and other various buttons on main menu ti navigate to the page audience is interested in. In addition to that we also added map and tickets button to main me...

  In today's session, we learned a little bit more about masks and how to animate them. The term used to describe this is Rotoscope.  First, we worked on last week's project until the material was ready to be distributed. After that, we got the material. We also discussed videography and watched one short film titled neighbors which was related to the 2nd world war in which 2 neighbors starts fighting over a flower and destroy each other's houses, family, and ultimately themselves.  The film We were given a task to Animate something like that in which we had to some between frames of a video to give the subject a stop motion and flying-like feel.  We were intentionally provided imperfect footage so we can learn something that commercial editors don't always get desired materials but we have to learn how to improve them so they can be used. In our footage, the green screen set was not sufficiently lighted so after removing it we were having some noise or grains of it....

  The Open Processing:  This week is something new. We learned about digital art created from code javascript. We started by signing in open processor website which is used for creating art from code javascript and P5js.  We started by looking at the basics of javascript and how basically it works on the logic of maths and graphs to create art. as soon as we opened the code there was already one base code written with an ellipse that can work we had a trail on that we had a lecture on how it works and we played around with it a little bit. After that, we learned a bit about the graph and how it is different in computers. Then we had to make a triangle on our own we started from the line then made our way through the triangle. How many points does it have on X-axis and Y-axis?. Things like that. we got to learn so many commands.  like color fill, stroke, random, lerp, We also learned how to animate stuff by commands in which we can add pixels related to time. We got t...

We started the work with an introduction to the session and discussed the final task for the London museum. We looked at some of last year's work and got a better idea of what to do. In animate we made a new document named bug. With properties  Width: 960    Frame Rate: 30 Height: 640   Platform Type: HTML5 Canvas Then we made 4 layers and gave them names like Action, Label, Button, Animation. We made a new button clip in the library and designed our button with 2 components to give it a 3D look. Then we animated the button a little bit gave it a hover color and pushed down the effect in pressing it. In another video clip, we made a new bug and gave it animation. We brought the button and Animation into their respective layers.  We had to label the animation layer 10 frames late because that is the sequence that would play when the button is pressed, thereafter the coding process was easy because we can add the script in any layer and animate provides us wi...