Editing Images with Pixlr Express http://www.Pixlr.com/express Presented by: Betsy Guala & Rosanna Miiller-‐Salas May 4, 2013 -‐1PM https://connect.cuonline.edu/pixlr
5/2/2013 2
Table of Contents
Introduction to Pixlr Express .....................................................................................................................................3
Pixlr Express layout .......................................................................................................................................................4
Start a new collage..........................................................................................................................................................6
Upload images..................................................................................................................................................................7
Apply an adjustment......................................................................................................................................................8
Add an effect .................................................................................................................................................................. 10
Add an overlay .............................................................................................................................................................. 13
Create a border............................................................................................................................................................. 14
Add stickers to a photo .............................................................................................................................................. 16
Add text to a photo ...................................................................................................................................................... 18
Save collage to local drive......................................................................................................................................... 21
Instructional and professional applications ...................................................................................................... 22
FAQ’s................................................................................................................................................................................. 23
5/2/2013 3
About Pixlr Express
Pixlr Express (www.pixlr.com/express) is a free online photo-‐editing tool that anyone can access from a computer or mobile device. Pixlr Express provides an intuitive interface and allows users to apply more than 600 effects, overlays and borders to images. Pixlr Express gives users three options for uploading and editing images: by URL, from a computer or from a mobile device. Use the Pixlr Express application on your phone or tablet and quickly edit and share images with others.
Download the Pixlr Express app for use with a mobile device: If you’re using a tablet, please download the Pixlr Express mobile app from the following: http://pixlr.com/mobile/. Please note that you cannot create a collage using the Pixlr Express app on a smart phone.
5/2/2013 4
Pixlr Express Layout
Pixlr Express has an easy and intuitive interface. When you first open the editing tool from a web browser, you will be presented with five options for opening files:
Browse your local drive and select an image.
Select Open URL icon to edit an image from a web page. If you find and image online that you would like to use, right click on the image and select “copy image location”. Then paste the image location into the URL option and select Open.
Select the Webcam icon to open your webcam, capture an image and then edit.
Select the Collage icon and open images from your local drive.
5/2/2013 5
Select the Mobile icon from your phone or tablet to take a photo and edit, or edit an existing photo from your Camera Roll or Photo Stream. Please note that you cannot create a collage, add stickers or add text to an image using a smartphone.
Once you have opened a photo, the following icons will appear at the top of the page:
Saves your image. When working with a photo opened from a collage, the first Save will bring you back to your collage. The second Save will save your image locally.
Closes the image, not Pixlr Express.
Undo any unsaved edits to an image. You can repeat the undo to remove as many edits as you like.
Redo edits made to an image.
Full screen will expand your browser to a full screen mode.
You can expand the size of your image either by using the expand and contract icons, or by moving the slider to select a percentage size.
5/2/2013 6
Create a Collage with Pixlr Express
Step 1: Go to http://www.pixlr.com/exress or go to http://www.pixlr.com and select the Pixlr Express option.
Create a Collage
Step 2: Select the Collage icon to start a new collage.
Step 3: Select any four-‐picture collage layout.
5/2/2013 7
Create a Collage with Pixlr Express
Step 4: Optional: Adjust spacing, picture roundness, proportions and background color.
Upload Images
Step 5: Mouse over the collage and click the plus sign to open an image from your local drive.
Step 6: Repeat step 5 above until you have selected images for each section of your collage. Select Finished when done. Do not save the collage until you are finished editing.
5/2/2013 8
Create a Collage with Pixlr Express
Make Adjustments
Step 7: Mouse over a photo and select the paintbrush tool to open the editing toolbar.
Step 8: Select the Adjustment tool.
5/2/2013 9
Create a Collage with Pixlr Express
Step 9: Select any adjustment. In this example, contrast has been chosen.
Step 10: After making adjustments, select Apply.
5/2/2013 10
Create a Collage with Pixlr Express
Step 11: Select Save at the top of the screen. You should now return to your collage.
Apply Effects Step 12: Mouse over a photo and select the paintbrush tool to open the editing toolbar.
Step 13: Select the Effect icon to open the Effect features.
5/2/2013 11
Create a Collage with Pixlr Express
Step 14: Choose an Effect theme to test on image.
Step 15: Use the arrow icon below the image to preview different effects on your image.
5/2/2013 12
Create a Collage with Pixlr Express
Step 16: Select Cancel to return to the main Effect menu.
Step 17: Select Apply to choose the effect.
Step 18: Select Save at the top of the screen to return to your collage.
5/2/2013 13
Create a Collage with Pixlr Express
Add an Overlay Step 19: Mouse over a photo and select the paintbrush tool to open the editing toolbar. Select the Overlay icon to open the overlay options.
Step 20: Select an Overlay theme to try out on your photo.
Step 21: Use the arrow icon to try different overlay options within a theme.
5/2/2013 14
Create a Collage with Pixlr Express
Step 22: Select Cancel to return to the Overlay themes, or select Apply.
Step 23: Select Save at any time to return to your collage.
Create a Border Step 24: Mouse over a photo and select the paintbrush tool to open the editing toolbar. Select the Border icon to open the border options.
5/2/2013 15
Create a Collage with Pixlr Express
Step 25: Select a border theme to try out on your photo.
Step 26: Use the arrow icon to try different borders within a theme.
5/2/2013 16
Create a Collage with Pixlr Express
Step 27: Select Cancel to return to the Border themes, or select Apply.
Step 28: Select Save at any time to return to your collage.
Add Stickers to a Photo
Step 29: Mouse over a photo and select the paintbrush tool to open the editing toolbar. Select the Sticker icon to open the sticker options.
Step 30: Select a sticker theme to try out on your photo.
5/2/2013 17
Create a Collage with Pixlr Express
Step 31: Adjust placement of the sticker on your photo by moving the handles and rotating.
Step 32: Select Cancel to return to the Border themes, or select Apply.
Step 33: Select Save at any time to return to your collage.
5/2/2013 18
Create a Collage with Pixlr Express
Add Text to a Photo Step 34: Mouse over a photo and select the paintbrush tool to open the editing toolbar. Select the Text icon to open the text options.
Step 35: Select a text font theme.
5/2/2013 19
Create a Collage with Pixlr Express
Step 36: Select a text font face. Use the arrows to scroll through the options.
Step 37: Type text into the box to the left of the font choice. Choose a text color and position on the page.
5/2/2013 20
Create a Collage with Pixlr Express
Step 38: Type text into the box to the left of the font choice. Choose a text color and position on the page.
Step 39: Select Cancel to return to the Text themes, or select Apply.
Step 40: Select Save to return to your collage.
5/2/2013 21
Create a Collage with Pixlr Express
Step 41: Select Finished if you’re done editing the images in your collage.
Step 42: Now select Save at the top of the page and choose a name and location for your new collage.
Congratulations! You have just created a collage in Pixlr Express.
5/2/2013 22
Instructional and Professional Applications
1. Teachers can use Pixlr Express to easily create, edit or add effects to images for instruction. 2. Students can use Pixlr Express to create or edit images in assignments. 3. Students and teachers can do their mathematical work on a notebook and take a snapshot
of it using the Pixlr Express webcam option. The image can then be edited and shared. 4. Instructional Developers can easily create interesting course banners with Pixlr Express. 5. Students and teachers can use Pixlr Express from a mobile device to quickly and easily
share images. 6. Students can use Pixlr Express to create collages for assignments. 7. Instructors can teach students about visual literacy by using Pixlr Express
The following are some online resources about how to apply Pixlr in education.
Demonstration and Technology in Science Education. Pixlr. Com : http://scienceeducation.wikia.com/wiki/Pixlr.com
Educational Technology and Mobile Learning. Pixlr-‐O-‐Matic add awesome effects to your images: http://www.educatorstechnology.com/2011/08/pixlr-‐o-‐matic-‐add-‐awesome-‐effects-‐to.html
Stepping Stones for Teachers: Pixlr : a free online graphics application
Pixlr Collage: http://edublog.cmich.edu/kreid1aa/portfolio/pixlr-‐collage/
Pixlr -‐ An Excellent Set of Image Editing Tools: http://www.freetech4teachers.com/2011/12/pixlr-‐excellent-‐set-‐of-‐image-‐editing.html
Pixlr in the classroom:
http://www.teachersfirst.com/single.cfm?id=9568
5/2/2013 23
Frequently Asked Questions
1. How do I access Pixlr Express? Pixlr Express may be accessed from any web browser at the following URL: http://www.pixlr.com/express
2. Does Pixlr Express require Flash Player? Yes, you need to have the Flash plug-‐in to get Pixlr Express to work in a web browser.
3. How much does the Pixlr Express app cost? It’s free!
4. Does Pixlr Express work with Android devices? Yes, Pixlr Express is one of the most powerful Android apps in its category.
5. Where can I download the Pixlr Express app? Pixlr Express can be downloaded from Google Play (for Android) and the App Store (for iPhone and iPad.
6. How do I add Pixlr Express to Google Drive? You can add Pixlr Express to Google Drive from the Chrome Web Store. Once installed, you can open images from Google Drive right into Pixlr Express, then save your edited images back to Google Drive from Pixlr Express.
7. More questions about Pixlr? Pixlr Express has a Community-‐powered support website (http://support.pixlr.com/Pixlr) which used to address customer questions, to share ideas, and to make recommendations about how to solve common problems.