Session 6 - Using Pixlr Web based editor

The Pixlr Editor Tools

The Toolbar is located on the left hand side of the screen.

This is a bit messy, but the following image explains what each of the tools do. It kinda grew as I was going.

Here is the Pixlr Tutorial on the Tools

The best way to see what these tools do is to play with them!!  BUT Before we do, the first thing we need to understand about Pixlr (and similar photo editing tools) is that they work with layers.

Layers

Here is a quick Pixlr Tutorial on Layers.


I will start with some of the Selection tools and go from there. For this exercise, I have loaded an image from my computer.

Marquee, Lasso and Wand

The Magic Wand tool allows you to select pixels within a colour range. You can increase the tolerance to select a larger variation from the selection. If you hold the Shift key down, you can add to your selection.

Once you are happy with the selection, you can apply a variety of tools or you can copy and paste it onto another image. The magic wand works best when there are solid colours. To see how well this worked on my image, I will invert the selection and cut the selection.

Not perfect, but not too bad.

The Lasso tool allows you to draw around the edge of the item you want to select. There are 2 different lasso tools that you can select from the options. The freehand lasso and the polygonal lasso. The freehand lasso is where you can use the mouse to trace over the selection. The polygonal tool allows you to click the mouse and place markers along the way. Shift key adds and the Alt (option) key subtracts points.

A simple Cut and Paste onto another image will show how well my selection went.

Online Tutorial from Pixlr - Cutting things out with magic wand and lasso

Drawing tools

For this exercise, I have started an image from scratch using the default size

You can start by adding a plain or gradient background colour, or create colours using shapes. All of the tools have separate options so make sure that you look at what is available.

When you use the gradient tool, you can use one of the predefined styles or create your own.

Lots of different brushes available. Use the More button to add them to your pallette.

So my masterpiece......

Text

The Text tool allows you to add text to your image. You can change font, size and text colour.

Activity 1

Use the tools you have just learnt, create a simple Meme (photo plus funny text) and post in the Facebook Group

Photo Editing Tools

Colour Replacement

You can use the Colour Replacement tool to change a colour within your image. The colour replacement tool keeps the original shadings of your selection and colours it to your main coour.

From Girlie Pink to fluoro green.

Pixlr Tutorial on using the Colour Replacement Tool

Clone Tool

You can use the Clone tool to remove items from your image.

Take a sample from somewhere near that can replace the area you are removing, and then just paint away.

For more information on the Clone tool https://support.pixlr.com/hc/en-us/articles/209350178-How-to-use-the-clone-stamp-tool-in-Pixlr-Editor

Layer Masks

https://ww2.kqed.org/learning/2015/04/16/using-layer-masks-in-pixlr-editor/

https://support.pixlr.com/hc/en-us/articles/210065757-Rounding-off-the-corners-of-an-image-in-Pixlr-Editor



You can even use Pixlr to create a fancy timeline banner for Facebook.

Session 5 - Principles for creating great Flyers

Creating a Flyer

Before you create a flyer, there are a few design principles worth considering.

Read the following article on creating a flyer

http://libraryaware.uservoice.com/knowledgebase/articles/94566-tip-flyers-and-posters

Using Word

So how can you apply these tips using Word?

Use Text Boxes and/or Sidebars

Use good quality images

• Use the web to find royalty free images, stock photos, or Creative Commons Images
• Use your own images
• Use images from Word or Microsoft online that are high quality or striking

Other Tools

Use shapes to add colour splashes

Use Arrange to layer objects

Use Bullets

Use a Template

Here is my completed Flyer

Interesting Articles

http://copywritematters.com/good-bad-brochure-copywriting/



https://designschool.canva.com/blog/50-brilliant-flyer-designs/

http://www.printaholic.com/15-tips-for-writing-effective-flyers/

http://design.tutsplus.com/articles/10-top-tips-for-creating-awesome-event-flyers--cms-25378

ACTIVITY

Create a flyer for one of the following:

•     General Come visit the library
•     Opening of new branch
•     Revamp of Mobile Library
•     StoryTime for Toddlers

Critique flyers created by your classmates based on the tips you read above.

Session 4 - Introducing Pixlr Express

Pixlr

Pixlr is a free online photo editing tool. For a free tool, it is very comprehensive and quite easy to use. It is a product from a company called Autodesk - a well known and very reputable company within the multimedia and CAD industry.

Autodesk, Inc. is an American multinational software corporation that makes software for the architecture, engineering, construction, manufacturing, media, and entertainment industries. Wikipedia

http://pixlr.com/

Pixlr Landing Page - Yes you do get an advert

Click on the little blue arrow to start.

Let's start with the basics and use Pixlr Express to make some basic enhancements to some of your photos, or the ones in my sample folder on Moodle.

Adjustments

The first section that we will be looking at is the basic adjustments that you can easily do with Pixlr Express.

Once you have browsed and located an image, Pixlr Express will load and display the menu options that are available.

These are your choices:

The MOM choice is a special Mother's Day option! Today, Mid October, there is a Halloween theme.

Within each of these categories, you have lots of other tools. Let's start with Adjustments.

All of the above are tasks that you can perform using the Adjustment category.

Cropping an Image

The first enhancement we will make will be using Pixlr Express to crop an image. Start by loading Pixlr Express if you haven't already done so.

Once you click on the Browse button, you can scroll to and open your USB drive, or wherever you have saved the photos, and select the image that you want to crop. It will then be loaded into Pixlr Express.

You will be able to see the categories of tools at the bottom of your picture.



Choose the Adjustment Category, and then select the Crop Tool.

Your now cropped image will be displayed.

Click the Save button - top left of the browser window, to save your cropped image.

Give your image a name, select the quality, click on Save. You can choose a different location to save the file if necessary.

You can also use the Crop tool to apply some of the composition rules that we looked at last week, such as . "Rule of Thirds" or "Filling the Frame" composition. The example above changes the composition to "Filling the Frame".

Rotate

Rotate is pretty self explanatory - it allows you to rotate your image to straighten it or to get a particular effect.

You could use Rotate to straighten up an image for "Straight Horizons".

Resize

Resizing an image is about the pixels. An image straight from the camera is huge - both in dimensions as well as physical amount of space it takes up on your storage device.

Depending on the purpose for the image, resizing may be required. You can Resize an image by cropping it - selecting the part of the image that you want, or by changing the pixel dimensions.

To change the size of the image in regards to the amount of storage, resizing the pixels and/or adjusting the quality when you save the image are both methods that can be used.

Class Activity 1

Use Cropping to apply a "Fill the Frame" composition using an image of your choice
Use Cropping to apply a "Rule of Thirds" composition using an image of your choice

Use Rotate to apply a "Straight Horizons" composition using an image of your choice.

Post a "Before" and "After" image into the Facebook group (single post).

Adding/combining images

You can create your own collage or combine different images onto one.

Saving Your Masterpiece

You can save your adjusted image by clicking on Save in the top left hand corner.

You can adjust the quality and give the image a new name. When you click on Save, you will be able to select the location to save to.

Other Adjustments

There are lots of other things that you can do with Pixlr Express. Here are just a few examples.

Use Colour to make an image black and white

Use Brighten to lighten specific areas of your image

Use Splash to add "splashes" of colour

Use Focal to have a focal point on your image - the areas around it will be blurred.

Class Activity 2

Again, using either my images or yours, try out some of the other features of Pixlr Express Adjustment tools. Post "before" and "After" images in our Facebook group.

Other Pixlr Express Tools

There are lots of other tools in Pixlr Express that you can use to have some fun with your images.

You Can:

Apply an Effect

Add an Overlay

Put a border around your image

Add Stickers

Or add some creative Text

Class Exercise 3

Try out some of these tools and upload to the Facebook group with a description of what tools you used.

Collage

Pixlr Express also has a cool Collage Tool that you can use to create a variety of photo montages.

When you click Finished, the collage is opened up in Pixlr Express where you can make even more adjustments and save it.

Class Activity 4

Create a Photo Collage. Try using different Layouts and editing your image in the Pixlr Express Editor.

Post your results to the Facebook group.