Pixlr Tutorial - Image editing for beginners

Museum Development
8 Oct 202022:16

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

00:00

🌐 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.

05:03

🖼️ 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.

10:05

📝 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.

15:05

🎨 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.

20:07

🎬 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

Pixlr is a free online image editing platform that offers two versions: Pixlr X, which is more user-friendly and suitable for beginners, and Pixlr E, which is more advanced and similar to Photoshop. The platform allows users to perform a variety of editing tasks such as adding text, shapes, and adjusting image properties. In the video, Alec Ward demonstrates how to use Pixlr X for basic image editing, showcasing its ease of use and the range of features it offers.

💡Image editing

Image editing refers to the process of altering images, either for correction, enhancement, or creative purposes. The video tutorial focuses on teaching beginners how to use Pixlr X for image editing tasks such as adding logos, shapes, and text, as well as removing backgrounds and adjusting color properties. It emphasizes the platform's capabilities in helping users achieve their desired visual outcomes.

💡User Interface (UI)

The user interface, or UI, is the space where interactions between the user and the software occur. In the context of the video, the UI of Pixlr X is explored, highlighting features such as zooming, undo/redo options, and layer management. The UI is crucial for navigating and utilizing the editing tools effectively.

💡Layers

In image editing, layers are a fundamental concept where each element of the image, such as text, shapes, or logos, can be placed on a separate layer. This allows for individual manipulation of each element without affecting the rest of the image. The video script explains how to work with layers in Pixlr X, including adding, duplicating, and deleting them.

💡Crop

Cropping is the process of removing parts of an image to improve its composition or focus on a specific area. The video mentions the 'crop' tool in Pixlr X, which allows users to select and remove unwanted portions of an image, thereby refining the visual message or composition.

💡Cut out

The 'cut out' tool in Pixlr X is used to remove specific sections of an image, such as backgrounds, to create a more focused or stylized composition. The video demonstrates how to use this tool to remove the skyline from an image, showing the flexibility of the platform in editing tasks.

💡Adjust

The 'adjust' tool in Pixlr X allows users to modify various properties of an image or individual layers, such as color vibrancy, brightness, and saturation. The video script describes how to use this tool to fine-tune the visual appeal of images, enhancing their overall impact.

💡Effect

Effects in image editing are used to apply various visual treatments to an image or its layers. The video mentions the 'effect' tool in Pixlr X, which can be used to add filters similar to those found on Instagram, enhancing the creative possibilities of the edited images.

💡Liquify

The 'liquify' tool, while not extensively covered in the video, is a feature in Pixlr X that allows users to distort parts of an image, creating swells or other deformations. This tool can be used for creative effects, although it may be less common for beginners.

💡GIF

A GIF, or Graphics Interchange Format, is a type of image file that supports animation. The video concludes with a demonstration of how to create a GIF using Pixlr X by editing multiple images to show an animated wink. This showcases the platform's ability to handle not only static images but also simple animations.

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.