LOGO

Create Animations with Philips Hue Lights - A How-To Guide

April 1, 2016
Create Animations with Philips Hue Lights - A How-To Guide

Enhancing Your Philips Hue Experience with Animations

For many users, the core functionality of Philips Hue lights – simple on/off control – is sufficient. However, when hosting events or seeking to engage children, utilizing light animations can significantly elevate the atmosphere.

Although the official Philips Hue application serves the needs of most individuals, it lacks the extensive features found in alternative third-party applications. iConnectHue consistently ranks among our preferred choices.

iConnectHue: A Feature-Rich Option

It’s important to note that iConnectHue is exclusively available for iOS devices. Furthermore, it represents a more substantial investment compared to other options within the iTunes App Store.

Both the iPhone and iPad versions are priced at $4.99 each, with additional in-app purchases potentially totaling $11. Despite the cost, the added functionality it provides to your Philips Hue lighting system makes it a worthwhile investment.

Optimized Animation Performance

A particularly compelling aspect of iConnectHue is its animation creation capability. This feature allows your Philips Hue lights to dynamically shift colors, creating captivating visual effects.

Recent updates to iConnectHue have further refined this functionality. Animations are now processed directly by your Hue Bridge, rather than being handled by your iPhone or iPad.

This shift in processing reduces battery consumption, as the application can be closed after initiating an animation. This is a significant benefit for extended use.

Getting Started with Animations

If you're intrigued by the prospect of animated Philips Hue lighting, the following steps will guide you through the process of creating your own custom animations.

Explore the possibilities and transform your lighting experience with iConnectHue!

Initiating the Process: Downloading and Configuring iConnectHue

Begin by downloading and installing the iConnectHue application, should you not already possess it. A simple search for "iConnectHue" will readily locate the application as the primary result.

how-to-create-animations-with-your-philips-hue-lights-1.jpg

Following the installation, launch the application. You will then be guided to establish a connection between your Hue Bridge and the app.

This connection is initiated by physically pressing the Push-Link button located on the Hue Bridge itself, and subsequently selecting "I'm Done" within the iConnectHue application.

how-to-create-animations-with-your-philips-hue-lights-2.jpg

With the connection established, full access to the application’s functionalities is granted. iConnectHue offers a comprehensive suite of features.

While a slight learning period may be required, the application’s interface becomes intuitive and easily navigable once the fundamental principles are understood, allowing for seamless control of your Philips Hue lighting system.

Grouping Your Philips Hue Lights

Animations can only be applied to collections of lights. Therefore, establishing a group is a necessary first step before animation creation and implementation.

Begin by selecting the menu icon located in the upper-left corner of the application.

how-to-create-animations-with-your-philips-hue-lights-3.jpg

From the menu, choose the "Controller" option.

how-to-create-animations-with-your-philips-hue-lights-4.jpg

This section displays all of your configured groups. If multiple Philips Hue bulbs are present within a single room, they can be combined into a group for synchronized control.

Proceed by tapping the "Add group" button.

how-to-create-animations-with-your-philips-hue-lights-5.jpg

A list of your available Hue bulbs will then be presented. Select each bulb you wish to include in the new group; a checkmark will indicate your selections.

Once your selections are complete, press "Done".

how-to-create-animations-with-your-philips-hue-lights-6.jpg

The newly created group will initially be labeled "Room".

how-to-create-animations-with-your-philips-hue-lights-7.jpg

Select the group to access its settings and further options.

how-to-create-animations-with-your-philips-hue-lights-8.jpg

You can customize the group's name by tapping and holding the existing name at the bottom of the screen.

how-to-create-animations-with-your-philips-hue-lights-9.jpg

Selecting a specific bulb within the group will reveal its color selection tools and brightness controls.

how-to-create-animations-with-your-philips-hue-lights-10.jpg

A single tap on a bulb from the Room view will toggle its power state. Furthermore, holding and dragging one bulb onto another within the group will replicate all of its current brightness and color settings.

Step Three: Designing Custom Animations

Within the Philips Hue app, navigate to the group settings and select the animations button. This is represented by a circle containing a play symbol, typically found towards the bottom of the screen.

how-to-create-animations-with-your-philips-hue-lights-11.jpg

A selection of pre-made animations are available for immediate use. However, creating personalized animations requires a one-time purchase of the animation editor for $2.99, unlocking unlimited design possibilities.

how-to-create-animations-with-your-philips-hue-lights-12.jpg

Experiment with the existing animations by tapping the play button next to each option. To halt an animation, simply press the stop button in the same location.

how-to-create-animations-with-your-philips-hue-lights-13.jpg

To craft a unique animation, select the "Create new animation" option.

how-to-create-animations-with-your-philips-hue-lights-14.jpg

Animation creation involves adding "Presets", "Favorites", or individual "Colors". These elements can be combined freely to achieve the desired effect. If you are a new user, you may not have saved presets or favorites yet; in this case, tap "+ Color".

how-to-create-animations-with-your-philips-hue-lights-15.jpg

Adjust the color by tapping and dragging the selector within the color palette. You can also save the chosen color to your "Favorites" for future use. Confirm your selection by tapping "Use color".

how-to-create-animations-with-your-philips-hue-lights-16.jpg

The selected color will then be displayed within the animation diagram at the top of the screen.

how-to-create-animations-with-your-philips-hue-lights-17.jpg

A minimum of two colors is required for a complete animation. Tap "+ Color" again to add another hue to your sequence. You can incorporate as many colors as desired.

To control looping, toggle the red "X" icon. A red "X" indicates the animation will repeat continuously, while a green checkmark signifies a single playback. Note that the green checkmark does *not* indicate looping; it signifies a one-time execution.

how-to-create-animations-with-your-philips-hue-lights-18.jpg

Customize the animation's name by tapping within the "New animation" text box.

how-to-create-animations-with-your-philips-hue-lights-19.jpg

The "Fade duration per step (seconds)" setting determines the transition time between colors. "Wait after step (seconds)" controls how long each color remains displayed. Adjust these values to achieve your preferred visual effect.

how-to-create-animations-with-your-philips-hue-lights-20.jpg

Initiate the animation preview by tapping "Start".

how-to-create-animations-with-your-philips-hue-lights-21.jpg

Upon satisfaction, select "Done" to save the animation to your list.

how-to-create-animations-with-your-philips-hue-lights-22.jpg

While basic on/off functionality remains the primary use case for many, animating your Philips Hue lights provides a unique way to enhance any atmosphere.

#Philips Hue#animations#lighting effects#smart lights#home automation#DIY lighting