Piskel Explosion Tutorial
TLDRIn this tutorial, Mr. McLaughlin guides viewers through creating a pixel art explosion using Piskel. Starting with a circle and adding layers of color, he builds up the explosion with yellow flashes and red flames, using the selection tool to expand and fade the effect. The process involves adding smoke and adjusting colors for depth, resulting in an animated explosion that can be saved and shared as a GIF.
Takeaways
- 😀 The tutorial is about creating pixel art explosions using Piskel.
- 🎨 Piskel is a free application where you can't pay for anything.
- 📝 Start by drawing a circle and using the circle tool for precision.
- 🖌️ Fill the circle with a blue tint instead of solid black for more interest.
- 🔄 Use the duplicate frame feature to create successive stages of the explosion.
- 🌟 Add a bright yellow flash with sharp edges to simulate the initial explosion burst.
- ✨ Include white highlights to the middle of the explosion for added brightness.
- 🔥 Introduce shrapnel or bits of flame flying out from the explosion areas.
- 🌫️ Develop a smoke cloud by painting over the explosion with a dark color and erasing excess tips.
- 🔴 Create fiery elements with dark red bubbles filled with yellow to represent flames.
- 🎨 Use the selection tool to move and adjust parts of the explosion for a dynamic effect.
- 🌈 Adjust colors and add more smoke to give the impression of fading fire.
- 📹 Ensure each frame is unique and the animation is smooth by using the preview window.
- 🔧 Customize the animation speed by adjusting the frames per second in the preview settings.
- 💾 Save your work to the Piskel gallery and download it as a GIF for sharing.
Q & A
What is the main topic of the 'Piskel Explosion Tutorial' video?
-The main topic of the video is creating a pixel art explosion using Piskel, a free online tool.
Who is the instructor in the 'Piskel Explosion Tutorial' video?
-The instructor in the video is Mr. McLaughlin.
What is the recommended way to search for tutorials by Pedro Materos online?
-To find tutorials by Pedro Materos, who goes by the name Saint Eleven online, you should search for 'Saint 11' followed by the subject of the tutorial, such as 'explosion'.
What is the first step in creating the pixel art explosion in Piskel?
-The first step is to draw a circle, which can be done manually or with the help of Piskel's circle tool.
What color is suggested to fill the initial circle instead of using solid black?
-A blue tint is suggested to fill the initial circle instead of using solid black to avoid being too boring.
How is the white color in the second frame of the animation described in the tutorial?
-The white color in the second frame is described as 'off-white' to make it less boring.
What does the instructor suggest to add to the middle of the bright yellow flash in the animation?
-The instructor suggests adding a white highlight to the middle of the bright yellow flash.
What technique is used to create the beginning of the smoke cloud in the explosion animation?
-A dark color similar to the original blackish color is used to paint a cloud over the area where the explosion used to be, and then some extra tips are erased to form the beginning of the smoke cloud.
How does the instructor describe the process of creating the fiery explosion effect?
-The instructor describes creating the fiery explosion effect by painting in dark red bubbles for the outline, filling them with yellow, and then adding warping flames and clouds of orange mixed with yellow to give depth.
What tool does the instructor use to move and adjust the explosion's appearance as it fades?
-The instructor uses the selection tool to grab and move parts of the explosion, adjusting the colors and erasing parts of the fire to create a fading effect.
How many frames are there in total for the animation by the end of the tutorial?
-There are eight frames in total for the animation by the end of the tutorial.
What is the recommended way to save and share the completed animation from Piskel?
-The recommended way to save the animation is by saving it to the gallery within Piskel. To share, you can download it as a GIF and then share it on social media platforms.
Outlines
🎨 Creating Pixel Art Explosion with Piscolapp
In this tutorial, Mr. McLaughlin guides viewers through the process of creating a pixel art explosion using Piscolapp.com. He suggests following a tutorial by Pedro Matero, known online as Saint Eleven, for various pixel art techniques. The process begins by drawing a circle with the circle tool and filling it with a blue tint instead of a solid black. A duplicate frame is created and filled with off-white, followed by another frame with a bright yellow flash, mimicking super saiyan hair. The tutorial continues with the addition of white highlights, shrapnel, and a smoke cloud using a dark color. The creation of fiery elements involves painting dark red bubbles filled with yellow to represent flames, which are then manipulated for depth and dynamic movement. The selection tool is used to move and adjust the explosion's elements, emphasizing the dynamic nature of fire.
🔥 Enhancing and Animating the Pixel Art Explosion
The second part of the tutorial focuses on enhancing and animating the pixel art explosion. The process involves repeating the steps to create eight frames in total, with the last four frames dedicated to refining the explosion by cutting and pasting sections, erasing, and adjusting colors. The aim is to create a convincing animation, with constant movement and shifting in every frame, including the smoke. The tutorial emphasizes checking the animation preview to ensure smooth transitions and adjusting the frame rate for desired speed. The final step is saving the animation to the gallery and downloading it as a GIF for sharing on social media platforms, all of which can be done without logging in.
Mindmap
Keywords
💡Pixel Art
💡Piskel
💡Tutorial
💡Circle Tool
💡Bucket Fill
💡Duplicate Frame
💡Shrapnel
💡Smoke Cloud
💡Flames
💡Selection Tool
💡Animation Preview
💡GIF
Highlights
Introduction to creating pixel art explosion using Piskel.
Recommendation of Pedro Matos' tutorials under the name Saint Eleven.
Instructions on using Piskel, including account creation and starting a new project.
Technique for drawing a circle with a blue tint instead of solid black.
Using the bucket fill tool to quickly color in the explosion shape.
Creating a duplicate frame and changing the color to off-white.
Adding a bright yellow flash with sharp, pointy edges.
Adding a white highlight to the middle of the explosion.
Incorporating yellow shrapnel or bits of flame into the animation.
Creating a smoke cloud with a dark color and erasing unnecessary tips.
Adding depth to the explosion with dark red bubbles and yellow centers.
Using the color picking tool and swatches for easy color selection.
Technique of using the selection tool to move and paste parts of the explosion.
Creating the illusion of dynamic fire by erasing and rearranging colors.
Process of adding more smoke and repeating the animation steps.
Importance of checking the animation preview for smooth transitions.
Adjusting the animation speed and frame count for desired effect.
Saving and downloading the animation as a GIF for sharing.
Encouragement to share the finished animation on social media.