[![](https://img.3speakcontent.online/ojzheapb/thumbnails/default.png)](https://3speak.tv/watch?v=tonac/ojzheapb) ▶️ [Watch on 3Speak](https://3speak.tv/watch?v=tonac/ojzheapb) --- I was waiting for the right moment to show you my other skills in addition to graphic design, which I mainly deal with. I think that passing the **milestone of 1000 posts** on the platform (including comments) is the moment I've been waiting for to introduce you with my other hobbies and skills I own. Now we're talking about **production, post production and VFX (Visual Effects)**. It's mainly all the sci-fi, unrealistic effects you can see everyday in various videos and movies. I'm a big fan of VFX, and been dreaming about becoming a designer one day when I was a kid. ![Stats.png](https://images.hive.blog/DQmRm2BufG7Rg4LnNtz5VZEtpBRx4NZwmWsQbQrDh3MKmZ5/Stats.png) # What actually VFX means? **Description on [MasterClass Website:](https://www.masterclass.com/articles/how-visual-effects-work-in-film)** - *"In filmmaking, visual effects (VFX) is the creation or manipulation of any on-screen imagery that does not physically exist in real life. VFX allows filmmakers to create environments, objects, creatures, and even people that would otherwise be impractical or impossible to film in the context of a live-action shot. VFX in film frequently involves the integration of live-action footage with computer-generated imagery (CGI)."* **Without too much philosophy, let’s get started.** ![Prijelaz-novi.png](https://images.hive.blog/DQmV6u7YEYLVXtfbucdoQGG7fAskuwuTXKbzUBD8rGE5NUf/Prijelaz-novi.png) ![Thumbnail.png](https://images.hive.blog/DQma2ge7yN1MoaE2cvKaBrn6zhua3mMqUBcYGg7AKHwZLqq/Thumbnail.png) The idea of the whole project was to make a **transition** between a fake/non-existing object and real one. In this example, I've made a *wireframe* of the camera which lands in the hand. I was never a fan of appropriating someone else’s idea. Never did that and never will. This amazing idea was created by one of the best designers I've seen for a while, **Herman Huang** aka. **coffeelicker** who he was hosted by **Josh Olufemii** on his Youtube Teaching Channel [Olufemii Tutorials](https://www.youtube.com/channel/UCdYVQ4i7eZD_GJkL4yxkKCw) Also, worth of a mention, this is not my first video production, but from time to time I like to follow tutorials just because of this. You should never stop your creativity working in the best way it can, and one of the best ways (in my opinion) is to constantly seek for new ideas like this on. Unique and amazing. ![Prijelaz-novi.png](https://images.hive.blog/DQmV6u7YEYLVXtfbucdoQGG7fAskuwuTXKbzUBD8rGE5NUf/Prijelaz-novi.png) The first step was **to find materials.** Usually the first step is to get creative, to form the idea and the concept itself. In this case I was following the tutorial by Herman which already had crafted idea and product, I was just **polishing my After Effect** skills. Learning new techniques, rules and even learning something absolutely new and entertaining. All the visual project files are on the --> [Link](https://courses.luxuryleaks.com/opt-in-5e404205-3fd5-4ff2-94f2-d1ae023f9c03) provided by guys I've mentioned. The workflow contains few crucial steps: Tweaking and cutting a footage so it fits the idea and doesn't have unnecessary movement. The footage should be clean as well. After the footage lenght and timing is correct, it was about making a graphic (wireframe) of the camera from the real footage. The last one was post production, doing all the effects and finishing the process. I will be sharing some of the steps I find interesting and needed to get more into the theme and to explain to you in more detail what is all behind one small project. In short, **a lot of work!** ## Creating Graphic/Wireframe ![Maska.png](https://images.hive.blog/DQmSgFPNxy8S9Z8sSDjkx8ogK1yjdwjKHkt8JQ5n5mDHCVh/Maska.png) ![Grid.png](https://images.hive.blog/DQmVBQqE19r7wXVRb43k7cXSy5zQ1hsfdq5WmQpdP8mupcU/Grid.png) ![Fake Wireframe.png](https://images.hive.blog/DQmWFdTmCvMF582tQ7MJuckkRMeNPCa4wtWK7QQC7DpztDU/Fake%20Wireframe.png) I've masked out the camera from the real footage, played with **"Tint" & "Curves"** effects and attributes until I achieved a great result of dark green color effect which reminds of a 3D sci-fi element from the movies. After I achieved that result, it was time to add a grid on the element. I've made separate Layer, made dense grid, then implemented it into the mask so it looks like real 3D render although it's not. **We have 1 crucial element ready, now it's time to make the transition between fake and real one.** **Open images in a new tab so you can notice details and see the process.** ![Prijelaz-novi.png](https://images.hive.blog/DQmV6u7YEYLVXtfbucdoQGG7fAskuwuTXKbzUBD8rGE5NUf/Prijelaz-novi.png) ![Opacity 1.png](https://images.hive.blog/DQmYkzCZinbekzbUEoAGEuzZWpLGdMkY148fxTTkPYuSRkz/Opacity%201.png) ![Opacity 2.png](https://images.hive.blog/DQmQH28yacqFjysHZoZUTztgo4FmsLS7QmJcqxS5tg9Lkw5/Opacity%202.png) ![Opacity 3.png](https://images.hive.blog/DQmNPf5k6SBhwR3ykRwnzYbwumYjnVwo6cxcaEbv7hM9YJ1/Opacity%203.png) The trick in the VFX, Graphic Design as well, is to fake things in a way human eye can't catch it. All those little dots below a footage are **keyframes**. - *"A key frame (or keyframe) in animation and filmmaking is a drawing or shot that defines the starting and ending points of any smooth transition. These are called frames because their position in time is measured in frames on a strip of film or on a digital video editing timeline."* [Wiki](https://en.wikipedia.org/wiki/Key_frame) Keyframes are used to make animation. They present the amount or value of the specific attribute. In this case I was playing with **Blur & Opacity** to make that flickering, buggy effect. ![Zadnji.png](https://images.hive.blog/DQmQ5kZcJ5Cu7pVAGPmcXEvzhbu34oe3tXpcpQStxTsgD5v/Zadnji.png) ![Prvi.png](https://images.hive.blog/DQmRDYssofkcgDXiktpkBxJY9jeB7HQkDr5kEQXECB7Apj5/Prvi.png) Those images presents **the last** and **the first frame** of the transition. The framerate of the video is 24 frames per second, which means this is 1/12 of the second. Pretty amazing how the human eye perceives it, isn't it? **I briefly explained the process, to explain every little detail I wouldn't finish for a few more days ... and even then, there would be a lot of questions. The thing about designing stuff is that you're never actually done, you just have to decide when it's done. It's infinite freedom, only your (or mine) creativity is the limit.** [Royalty Free Background Music](https://www.youtube.com/watch?v=T5o_0BoTvWg) ![Prijelaz-novi.png](https://images.hive.blog/DQmV6u7YEYLVXtfbucdoQGG7fAskuwuTXKbzUBD8rGE5NUf/Prijelaz-novi.png)

© This content is originally made by @tonac

![tip-top-wash-bez-tepiha.png](https://images.hive.blog/DQmW2aX1TDFggXsGSzSABfA4RViNECE3tsUyaHiyx7gdJFL/tip-top-wash-bez-tepiha.png)

Have a wonderful day. 💚

--- ▶️ [3Speak](https://3speak.tv/watch?v=tonac/ojzheapb)

Wireframe Transition + VFX [Video Production] > New Big Milestone 1000+ Posts!