Piskel Explosion Tutorial
TLDRIn this Piskel Explosion Tutorial, Mr. McLaughlin guides viewers through creating a pixel art explosion using Piskelapp.com. Starting with a circle and adding colors, he demonstrates how to build up the explosion with yellow flashes and red flames, using tools like the selection tool to move and fade elements for a dynamic effect. The tutorial concludes with tips on refining the animation and saving it as a GIF for sharing.
Takeaways
- 🎨 Use Piskel (piscolla.com) to create pixel art explosions.
- 🔍 Look for tutorials by 'saint eleven' for various pixel art techniques.
- 📐 Start by drawing a circle using the circle tool in Piskel.
- 🎨 Fill the circle with a blue tint instead of solid black for more interest.
- 🔄 Duplicate the frame and use an off-white color for the next layer.
- ✨ Add a bright yellow flash with sharp, pointy edges for the explosion effect.
- 👆 Add a white highlight to the center of the explosion for emphasis.
- 🌀 Introduce shrapnel or bits of flame by adding yellow pieces flying out.
- 🌫️ Paint a smoke cloud using a dark color and then erase unnecessary tips.
- 🔥 Create fiery bubbles with dark red outlines and fill with yellow for depth.
- 🖌️ Use the selection tool to move and fade the fire effect outwards.
- 🌫️ Add more smoke to the animation to show the lingering effect.
- 🔄 Repeat the process of cutting, pasting, and erasing to animate the explosion.
- 👀 Check the animation preview to ensure smooth transitions between frames.
- 🔧 Adjust the frame rate in the preview to get the desired speed of animation.
- 💾 Save and download the animation as a GIF to share your work.
Q & A
What is the main topic of the Piskel Explosion Tutorial?
-The main topic of the Piskel Explosion Tutorial is creating a pixel art explosion using Piskel, an online application.
Who is the presenter of the Piskel Explosion Tutorial?
-The presenter of the Piskel Explosion Tutorial is Mr. McLaughlin.
What is the recommended way to start drawing a circle in Piskel according to the tutorial?
-The tutorial suggests using the circle tool in Piskel to draw a circle, as it is a handy feature for this purpose.
What color is suggested to fill the initial circle with, and why is a solid black considered boring?
-The tutorial suggests filling the initial circle with a blue tint instead of solid black because solid black is considered incredibly boring.
What feature in Piskel is used to speed up filling an area with color?
-The bucket fill tool in Piskel is used to speed up the process of filling an area with color.
What is the purpose of duplicating a frame in the animation process described in the tutorial?
-Duplicating a frame in the animation process allows for the creation of different stages of the explosion, such as adding a white flash or yellow pieces of shrapnel.
What does the tutorial suggest for creating the appearance of a dynamic fire in the explosion?
-The tutorial suggests using a selection tool to move and adjust the colors of the fire to create a dynamic and shifting appearance.
How many frames are planned for the total animation in the Piskel Explosion Tutorial?
-The Piskel Explosion Tutorial plans to have a total of eight frames for the animation.
What is the recommended way to check the animation sequence in Piskel according to the tutorial?
-The tutorial recommends checking the animation sequence by looking at the animation preview window in the top right corner of Piskel.
What are the additional steps suggested for improving the animation beyond the basic eight frames?
-The tutorial suggests adding more frames, adjusting colors, and creating more smoke to improve the animation beyond the basic eight frames.
How can viewers share their completed animations from the Piskel Explosion Tutorial?
-Viewers can share their completed animations by saving and downloading them as a GIF, and then sharing on social media platforms.
Outlines
🎨 Creating Pixel Art Explosion in PiscoLab
In this tutorial, Mr. McLaughlin demonstrates how to create a pixel art explosion using PiscoLab. He starts by drawing a circle with a blue tint and fills it with an off-white color. The next step involves adding a bright yellow flash with sharp, pointy edges. The process continues with the addition of white highlights and yellow shrapnel. A smoke cloud is created by painting over the explosion with a dark color, followed by the creation of fiery elements with dark red and yellow. The tutorial emphasizes the dynamic nature of fire and the importance of color shifting to give depth to the explosion. The use of the selection tool is highlighted for moving and fading the fire elements, while maintaining the persistence of the smoke.
🔁 Animating the Explosion with PiscoLab
The second paragraph delves into the animation process of the pixel art explosion. The creator explains that the animation will consist of eight frames, with the latter four focusing on refining the explosion by cutting, pasting, and erasing certain sections. The goal is to create a convincing animation by adding more smoke and gradually reducing the fire elements. The use of the animation preview window is crucial for checking the sequence and ensuring smooth transitions between frames. The tutorial also covers adjusting the frame rate and offers tips on how to enlarge the preview for better visualization. Finally, the creator advises on saving the animation to the gallery and downloading it as a GIF for easy sharing on social media platforms.
Mindmap
Keywords
💡Pixel Art
💡Piskel
💡Tutorial
💡Circle Tool
💡Bucket Fill
💡Duplicate Frame
💡Shrapnel
💡Smoke Cloud
💡Flames
💡Selection Tool
💡Animation Preview
💡GIF
Highlights
Introduction to a pixel art explosion tutorial using Piskel.
Recommendation to check out Pedro Materos' tutorials under the name Saint Eleven.
Instructions on creating an account on Piskel, which is free to use.
Step-by-step guide on drawing a circle for the explosion base.
Using the circle tool and bucket fill for efficient coloring.
Creating a blue-tinted circle instead of a plain black one for more visual interest.
Duplicating frames and changing colors to create the explosion's initial stages.
Adding a bright yellow flash to the explosion for contrast.
Incorporating sharp edges to mimic the look of 'super saiyan hair'.
Adding white highlights to the middle of the explosion for a focal point.
Introducing the concept of adding shrapnel or bits of flame to the animation.
Creating a smoke cloud by painting over the explosion with a dark color.
Using the selection tool to move and manipulate parts of the explosion.
Creating depth in the explosion by mixing red, yellow, and orange.
Technique of fading the fire and shifting colors to simulate dynamic fire behavior.
Process of adding more smoke and gradually fading the fire for a realistic effect.
Importance of checking the animation preview for smooth transitions.
Customizing the animation speed and frame sequence for the best visual effect.
Final steps include saving the animation to the gallery and downloading it as a GIF.
Encouragement to share the completed animation on social media.