Pixlr Tutorial - Image editing for beginners
TLDRThis tutorial introduces Pixlr, a free online image editing platform, with a focus on Pixlr X, which is user-friendly for beginners. It covers basic tools, layer management, and advanced features like text and shape addition, background removal, and color adjustment. The instructor also demonstrates creating a GIF by animating a portrait, showcasing Pixlr's capabilities for both simple edits and complex projects.
Takeaways
- 😀 Introduction to Pixlr: A free online image editing platform with two versions - Pixlr X and Pixlr E.
- 🖼️ Pixlr X Overview: A beginner-friendly version ideal for those new to image editing.
- 🌐 Getting Started: Visit pixlr.com and select Pixlr X to begin your editing journey.
- 📏 Image Setup: Create a new project or open an existing image, choose the desired size and resolution based on your end use (web or print).
- 🛠️ User Interface: Familiarize yourself with the UI, including tools for zooming, undo/redo, layers management, and various editing options.
- 🎨 Basic Tools: Learn how to use basic tools such as crop, cut out, adjust, filter, effects, liquify, retouch, draw, text, and add image.
- 🔍 Layers Management: Understand how to work with layers, including adding, duplicating, deleting, and adjusting transparency.
- 📝 Adding Elements: How to add logos, shapes, and text to your image, including adjusting size, position, and style.
- ✂️ Background Removal: Techniques for removing backgrounds using shape, draw, and magic cut out tools.
- 🎞️ Creating GIFs: Step-by-step process for creating an animated GIF, including duplicating layers and using Giphy for animation.
Q & A
What is the main topic of the tutorial video?
-The main topic of the tutorial video is how to use Pixlr, a free online image editing platform, specifically Pixlr X, which is easier to use and suitable for beginners.
Who is the presenter of the tutorial video?
-The presenter of the tutorial video is Alec Ward, the museum development officer for digital and communications from London Museum Development.
What are the two versions of the Pixlr platform mentioned in the video?
-The two versions of the Pixlr platform mentioned are Pixlr X, which is beginner-friendly, and Pixlr E, which is more advanced and similar to programs like Photoshop.
What is the URL for the Pixlr X platform?
-The URL for the Pixlr X platform is pixelart.com.
How can users start a new project on Pixlr X?
-Users can start a new project on Pixlr X by visiting the website, and then selecting 'Create New' to choose the size of the image they want to work on.
What is an example of a free image platform mentioned in the video?
-An example of a free image platform mentioned in the video is Pixabay, where all images can be used as open source.
What are some of the tools available in Pixlr X for editing images?
-Some of the tools available in Pixlr X for editing images include crop, cut out, adjust, filter, effect, liquify, retouch, drawing, text, element, and add image.
How can users add a logo or another image to their project in Pixlr X?
-Users can add a logo or another image to their project in Pixlr X by clicking on 'Add Image', then either pasting the URL if the image is from a website, or by clicking 'Browse' to select an image file.
What is the purpose of the 'Cut Out' tool in Pixlr X?
-The purpose of the 'Cut Out' tool in Pixlr X is to remove backgrounds or specific sections of an image, allowing users to isolate subjects or elements within the image.
Can Pixlr X be used to create animations or GIFs?
-Yes, Pixlr X can be used to create animations or GIFs by editing multiple images and then using a platform like Giphy to animate them.
What is the difference between Pixlr X and Pixlr E according to the video?
-According to the video, while both Pixlr X and Pixlr E can perform similar image editing tasks, Pixlr E is more advanced, with tools and options laid out in a way that is more similar to professional software like Photoshop.
Outlines
🌐 Introduction to Pixlr X
This paragraph introduces the video tutorial and the speaker, Alec Ward, the Museum Development Officer for Digital and Communications. The focus is on teaching how to use Pixlr X, a free online image editing platform. Alec explains that there are two versions of Pixlr: Pixlr X, which is easier to use and suitable for beginners, and Pixlr E, which is more advanced and similar to Photoshop. The tutorial will guide viewers through the process of using Pixlr X, starting with accessing the website and creating or opening an image. The speaker also mentions the importance of choosing the right canvas size depending on the intended use of the image, such as for web or print.
🖼️ Adding Images and Shapes
In this section, Alec demonstrates how to add an image to the project, either by URL or by browsing local files. He resizes and positions a logo in the top left corner of the image. Next, he shows how to add shapes using the drawing tool, choosing a gray background to enhance the logo's visibility. Alec explains the importance of selecting the correct layer when adding elements to an image. He also discusses the ability to move, hide, duplicate, and delete layers, which is crucial for managing different elements in the image editing process.
📝 Adding Text and Adjusting Layers
Alec proceeds to show how to add text to an image, starting with a default text style and then customizing it by changing the color, font, size, and alignment. He also demonstrates how to add effects like bold, italic, and uppercase, as well as spacing between lines and letters. Furthermore, Alec introduces the ability to add outlines, backgrounds, and shadows to the text for additional depth. He then moves on to discuss the 'Adjust' tool, which allows for modifying the colors, vibrancy, saturation, and other properties of individual layers, and the 'Blur' tool, which can be used to blur specific areas or the entire layer.
🎨 Removing Backgrounds and Creating a Solid Color Background
This paragraph covers the process of removing backgrounds using the 'Cut Out' tool, with options like 'Magic Cut Out' and 'Draw Cut Out'. Alec explains how to select the background and adjust the tolerance to control how much is removed. He also mentions the ability to extract the removed area as a separate layer. After demonstrating the background removal, Alec shows how to add a solid color background by creating a new layer, unlocking it, and choosing a color. This step is crucial for creating a clean and focused image.
🎬 Creating an Animated GIF
The final paragraph of the tutorial focuses on creating an animated GIF using Pixlr. Alec uses an image from the Smithsonian's open source image library and demonstrates how to edit it to make the subject appear as if winking. This involves duplicating the layer, cutting out the eyelid, and then gradually moving it down to simulate the closing of the eye. The process involves saving multiple images at different stages of the eyelid's movement, which can then be animated using the Giphy platform. Alec emphasizes the ease of use of Pixlr and encourages viewers to explore more advanced features in Pixlr E for greater control and creativity.
Mindmap
Keywords
💡Pixlr
💡Image editing
💡User Interface (UI)
💡Layers
💡Crop
💡Cut out
💡Adjust
💡Effect
💡Liquify
💡GIF
Highlights
Introduction to Pixlr, a free online image editing platform.
Two versions of Pixlr: Pixlr X and Pixlr E, with Pixlr X being easier for beginners.
How to access Pixlr and start a new project or open an existing image.
Choosing image size options: Ultra HD, Full HD, and web scale for different purposes.
Understanding the user interface of Pixlr X including zoom, undo/redo, and layers.
Using layers to add text, files, or images like logos with various manipulation options.
Tools overview: Home, Properties, Arrange, Crop, Cut Out, Adjust, Filter, Effect, Liquify, Retouch, Drawing, Text, Element, and Add Image.
Adding a logo to an image and adjusting its size and position.
Creating shapes behind objects for design purposes.
How to align, size, and style text for effective communication.
Removing image backgrounds using the Cut Out tool for a clean look.
Using the Magic Cutout for automated background removal based on color.
Adding a solid color background to an image.
Adjusting colors, saturation, and vibrancy of individual layers.
Blurring and sharpening techniques for specific areas of an image.
Creating a GIF using Pixlr by editing multiple images for an animated effect.
Using Giphy to animate images into GIFs with adjustable speed and effects.
Comparing Pixlr X and Pixlr E for different levels of image editing complexity.
Conclusion and encouragement to explore Pixlr for online image editing.