I think having physical desktop calendars are a bare necessity of life. At least for me! It helps to have a hold on your coming days and those that have gone past. The Lunar Calendar 2017 was just a simple calendar design project. We just wanted to try something simple and straight to the point.
My fascination with the Lunar Calendar came up with my hobby of late night walks. It still amazes me how much difference moonlight makes. On a full moon, even away from the city, the whole night is so serenely lit up. It’s almost magical. Whereas on a new moon, almost pitch darkness. Your eyes really struggle to adjust.
The Lunar Calendar is just that. It shows the phases of the moon every fortnight. Each date is shown to be with the corresponding moon phase. A full moon day will have the entire moon face behind the date and a new moon will have none. Simple and to the point.
I found it a helpful case as I have a copy of it on my desk and plan my nightly ‘sojourns ‘ accordingly now.
Check out the pdf of the entire year’s calendar provided herewith. Print out a copy for your desk or wall. Hopefully it’ll help you too!
So this is turning back the pages of time when we had just started out. The Thermo Clock Android App was probably our very first venture into app development. We wanted to test the waters as they say.
The idea of the app came while looking at the various methods to depict time besides the standard format (analog and digital). We basically had to show a quantity variation and decided to use the stardard thermometer as our guide.
Thermo Clock Android App
Taking the standard mercury thermometer, we assigned every hour as the number and added divisions within the hour. Four divisions of 15 mins or Twelve divisions every five minutes, that was left for the user to choose.
Initially its a greyed out number, then gradually the ‘mercury’ inside it rises which shows the passage of time. Half the number filled meant it is half an hour past, a quarter filled means 15 minutes had passed and so on.
The concept was to find a rather relaxing method to track time. (inspired by the Pomodoro technique). Just a simple timer – Set the time and you get an alarm at the end of it, that’s it. A timer that keeps you away from distractions.
The Thermo Clock was primarily aimed as an Android timer. We were going through our old work and thought to check if the idea resonated with anyone out there. Do let us know if you guys think it’s worth pursuing.
Damn, all this just takes us back to the start…(ala coldplay)
We know that we have been quiet off lately, and some people have even asked us if we’re still alive.
We are alive, and can assure you that the silence is because we have a lot on our hands. And just to soothe your worries, here’s what is happening at the moment:
We have not 1, not 2, not 3 but 4 projects in works! Now we can’t spill out all the details about them, but here are some slices of information.
Quote Codes – We have been working extremely hard on this for the past good year. The bulk of the work is done. What we’re doing now is some in-game mechanics, some animations, a little intro, bug fixing and sound engineering. We would be opening this for beta testing soon so please do sign up if you are interested to test our cool game.
We’ll keep you posted on a release date and we have documented the entire journey from Design to Code which we would be sharing– The game will be out in the second half of this year exclusively on iOS
In the meantime go check out the pages from the game and don’t forget to follow them!
The Game Quantum – reworking this and coming out with a more refined, more enjoyable version of our first ever game is one off our top priorities. More details in the coming weeks!
The WOW Signal – This is a space exploration video game. A topic that makes us jump from our seats. We are in the concept/designing stage of this and will start development in June. More updates on this then!
Tuta Tuk Tuk – Embarking new territories on this. We are traditionally 2D artists and developers but have challenged ourselves with doing the art of this in isometric. Currently in Prototype stage, we would be opening this for a closed Beta stage by the end of May!
A notebook is an excellent companion to bring along with you. In our case, as designers it is almost a necessity. I’m the kind of person who enjoys journals and notebooks and often find myself over spending on moleskin and various other sketchbooks. This was the case for everyone in our team. Every person was carrying multiple different books for different projects.
We wanted to reduce the clutter and have something that would allow us to be more organized and consolidate everything together so we don’t have to carry a thousand different books.
Doing a bit of research online we read about the Midori Traveller’s Notebook. A Midori is a notebook system – a journal system which basically consists of a leather cover and an elastic cord into which you can place multiple books at once. It is a very interesting system that has gained immense popularity over the past few years and the perfect solution to our problem.
You can buy the official Midori from Jet Pens for $50 but we decided to turn this into a fun little DIY project as a break for everyone in our team.
DIY Midori Style Traveler’s Notebook
1. To start things off, you need to get the leather that would make the cover of your Journal. Try to get a high quality leather that would age well and last for years. Dharavi in Mumbai is one of the largest leather markets in the country. A quick trip helped us get some good quality leather.
2. Next you need to decide the size of your Midori, I suggest using universal sizes so you can easily find books or even simply staple a few sheets together and put them in.
We decided to make in 2 sizes – A5 and A6. Make sure to measure the leather at least 15% bigger than the size of the notebook so the books don’t come out when folded. For example, if you you choose A5 which is 148 x 210 mm, cut out your leather in size 170 x 235 mm. It’s ok if your leather is a little bigger, you can always trim it off in the end!
3. After cutting the leather, you need to now make 5 holes in the center seam for the elastic cord.
The first hole will be right in the center of the seam, followed by 2 on the top and 2 on the bottom.
4. Now it’s time to put the elastic in. Take a long enough piece of your preferred elastic cord and divide it in half. Take the loop half of the cord and insert it in the the middle hole leaving the loop to come out of the other side.
Make sure that the loop is about the width of your book so it can act as a lock when you close the book.
5. Now put each end of the elastic through the holes on each side and then though the remaining holes on the other side as well.
6. Finally now tie off the ends together to create a holder for the book to slide in.
7. To add in additional books, simple take another piece of elastic cord. Wrap it around the spine of the 1st booklet and tie a knot. Then you can slip a booklet in on each side!
This is perfect if you want to have separate books for different projects.
So there it is! our own version of the Midori Notebook is ready. It is absolutely easy to make and ingenious enough to help you maintain all your notes into 1 proper system.
We have all heard of (or even used) Airbnb at some point – a giant that has dominated and revolutionized the travel industry for the past few years. So, it came as a pretty big surprise when last week, they released Lottie, an open-source tool that helps add animations to native apps. We decided to try our hands on Lottie by Airbnb and give you guys some quick impressions.
Lets start with the basics:
What is Lottie?
Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.
Animations are awesome. It enhances the user experience of an app. Animations make your app “cool” but implementing them is really hard. Most of the time, developers use generic animations or are limiting its use due to technical difficulties. Using Gifs or videos are inefficient and heavy. Manually creating curves, and re-making animations on code is extremely time consuming and hard.
According to the engineers of Airbnb – that’s all about to change thanks to Lottie. After a year of in-house development and testing, Lottie will allow designers and developers to use animations, without having to fiddle with image files for countless screen sizes or thousands of hard to maintain code lines.
How to use Lottie?
Lottie only works if you use After Effects to create your animations. It is based on Hernan Toririsi – BodyMovin extension.
b. Extract content and get the .zxp file from ‘/build/extension
c. Download and Install ZXP installer from aescripts.com and run the extension file.
Now that your done setting up. Its time to run After Effects.
a. Open your AE project and select the bodymovin extension from Window > Extensions > bodymovin
b. A Panel will open with a Compositions tab. On the Compositions tab, click Refresh to get a list of all you project Comps. Select the composition you want to export. Select a Destination Folder and then click Render.
c. Look for the exported json file in the Destination Folder
After you finish rendering of animations, its time to load them up on your app. Depending on the platform of your choice, download the Lottie Library for iOS, Android or React Native and install based on the platform.
Since the animation is a JSON file they are quite small in size therefore reducing the load on your apps. The Animations can be played, resized, looped, sped up, slowed down, and even trigger based on interactions.
All-in-All Lottie has been a welcome surprise by the folks at Airbnb. We are still tinkering with it but are pretty excited by the possiblites. For now it only supports solids, shape layers, trim paths, alpha mattes and masks in After Effects but updates are expected.
We really hope that this sets off a trend of animation tools from the big players. They are hard to write!