Let It Snow
Let It Snow
In this tutorial, we are going to learn how to use the new Multiplier Replacement feature to create different effects like creating snow and draw a full forest using just one image layer. At the end of the tutorial you will have the following results (please notices how the trees change position on each refresh):
You can download the project files here.
Creating a new project
After unzipping the file, open the page1.psd file in Photoshop. Create a new project, using the info below because this tutorial is migrated from Kwik2, the psd is 768x1024 so we are using iPad Mini as Device
- Name: Snow
- Device: iPad Mini
- Orientation: Landscape
- Use page1.psd
Creating the title animation
Select the title layer group (it contains the “Let it Snow” words) then go to toolset Animations and select Linear animation. Enter the following info (basically you are just fading the layer to 100% alpha, in 3 seconds, waiting 5 seconds after the screen appeared) – you can use the auto-created name for your animation or enter your own:
- Duration: 3 sec
- Delay: 5 sec
- Alpha: 100%
After entering all the correct parameters, click Create.
In order to have a correct fade in this animation, it is important to start the animation with the title layer fully transparent. You can do that going to the toolset Project and Pages,
then selecting Hide layer, group or page. Doing that, you will see the following screen:
Accept the selection and click Create.
Select the tree layer. Go to toolset Layers and Replacements then select Multiplier replacement (the last icon – looks like a calculator – in the 2 row of icons). It will open the following screen (which shows each value you should use in this example):
- Timer interval: 0 sec
- Distance Random
- Random boundaries: Y: 520⁄520
- Alpha: min 60 max 100 %
- Scale boundaries X:50⁄100, y:50⁄100 %
We are going to learn about the other parameters while configuring the snow so, click Create.
A little explanation on each option we are using for this layer:
– Amount: number of copies created using the current layer as sample;
– Time interval: time, in seconds, between the drawing of each copy – in this case, our 10 tree forest will show together;
– Distance: is the distance, in pixels, between each copy. Random, will draw the copies using the boundaries fields below. Fixed, will draw the copies using the X and Y fields at the right side;
– Random boundaries: sets the minimum and maximum X and Y positions for each copy. In our example, for the X position we are creating copies across the full screen horizontal dimensions (from pixel 0 to 1024, which is the maximum resolution for the old iPad). For the Y, we are fixing the vertical position to 520 (because we set the minimum equal to the maximum);
– Alpha: is the amount of minimum and maximum transparency we want to apply to each copy;
– Scale boundaries: sets the minimum and maximum X and Y object scale for each copy. In our example, we are creating copies that may vary in sizes of 50 (half of the original size) to 100 (original size);
Bringing snow from the skies
Select the snowFlake layer. Go to toolset Layers and Replacements then select Multiplier replacement again. It will open the following screen (which shows each value you should use in this example):
- Amount: 300
- Time interval: 0.2 sec
- Distance Random
- Random boundaries Y:-100⁄0
- Alpha min 10 max 100 %
- Scale boundaries x:10⁄100, y:10⁄100
- Enable physics Wind 5
- Is sensor
- Weight boundaries between 3⁄30
After enter the info, click Create.
Let’s focus now on the last parameters of the Multiplier window. As each snow flake will interact with the real physics of the world, we need to tell Kwik about it:
– Enable physics: if checked, sets the page to start the physics engine;
– Wind: will add some force to the gravity environment, simulating the wind effect in lighter objects;
– Weight boundaries: sets the minimum and maximum amount of weight to each copy;
Previewing your project
Make sure you have the Export images icon highlighted in orange color, then press the Publish button.
Kwik will create all images and code necessary for previewing your project. When it finishes, the Simulator starts. Open your project folder and you will see your forest full of trees (feel free to play more with the Multiplier options), the snow starts then, after 5 seconds, the title appears.
Enjoy the snow!