157
Pixlr.com Website Tutorial

Pixlr.com Website Tutorial

Embed Size (px)

DESCRIPTION

This is a step by step tutorial of Pixlr.com Website.

Citation preview

Page 1: Pixlr.com Website Tutorial

Pixlr.com

Website

Tutorial

Page 2: Pixlr.com Website Tutorial

What is

Pixlr.com?

Page 3: Pixlr.com Website Tutorial

Pixlr.com is

the creator

of online,

Page 4: Pixlr.com Website Tutorial

mobile and

desktop

image tools.

Page 5: Pixlr.com Website Tutorial

It is a cloud-

based set of

image tools

Page 6: Pixlr.com Website Tutorial

and utilities.

Today,

Pixlr.com

Page 7: Pixlr.com Website Tutorial

have three

applications

in their suite:

Page 8: Pixlr.com Website Tutorial

•Pixlr Editor

•Pixlr Express

•Pixlr-O-matic

Page 9: Pixlr.com Website Tutorial

Pixlr is

now part of

Autodesk,

Page 10: Pixlr.com Website Tutorial

a global

leader in

innovative

Page 11: Pixlr.com Website Tutorial

design

software and

services.

Page 12: Pixlr.com Website Tutorial

The Pixlr

services is

built for both

Page 13: Pixlr.com Website Tutorial

newbies and

serious

retouchers

Page 14: Pixlr.com Website Tutorial

with

editing needs

such as

Page 15: Pixlr.com Website Tutorial

editing web

images to be

posted on

Page 16: Pixlr.com Website Tutorial

social

networks like

Facebook,

Page 17: Pixlr.com Website Tutorial

MySpace or

image sites

like Flickr,

Page 18: Pixlr.com Website Tutorial

Photobucket,

Fotolog, etc.

Its application

Page 19: Pixlr.com Website Tutorial

would be

an excellent

choice for

Page 20: Pixlr.com Website Tutorial

experienced

users who

haven't got

Page 21: Pixlr.com Website Tutorial

access to a

computer.

Rather than

Page 22: Pixlr.com Website Tutorial

downloading

software,

Pixlr.com

Page 23: Pixlr.com Website Tutorial

allows users

to access

a host of

Page 24: Pixlr.com Website Tutorial

powerful

image editing

features from

Page 25: Pixlr.com Website Tutorial

any computer

with internet

connection.

Page 26: Pixlr.com Website Tutorial

Let’s

get

started!

Page 27: Pixlr.com Website Tutorial

Locate your

favorite

browser.

Page 28: Pixlr.com Website Tutorial

In our

example, it’s

Google Chrome

Page 29: Pixlr.com Website Tutorial

Click icon

Page 30: Pixlr.com Website Tutorial

In address bar,

type:

www.pixlr.com

Page 31: Pixlr.com Website Tutorial
Page 32: Pixlr.com Website Tutorial

Press Enter

Page 33: Pixlr.com Website Tutorial

Here’s the

home page

of Pixlr.com

Page 34: Pixlr.com Website Tutorial
Page 35: Pixlr.com Website Tutorial

Its three

applications

are displayed.

Page 36: Pixlr.com Website Tutorial

Let’s first

discuss

Pixlr Editor.

Page 37: Pixlr.com Website Tutorial

Click Pixlr Editor

Page 38: Pixlr.com Website Tutorial

Upon clicking

Pixlr Editor,

user will

Page 39: Pixlr.com Website Tutorial

redirect

to this

page:

Page 40: Pixlr.com Website Tutorial
Page 41: Pixlr.com Website Tutorial

The user is

asked to select

image option:

Page 42: Pixlr.com Website Tutorial

Create a new Image

Page 43: Pixlr.com Website Tutorial

Open Image from Computer

Page 44: Pixlr.com Website Tutorial

Open Image from URL

Page 45: Pixlr.com Website Tutorial

Open Image from Library

Page 46: Pixlr.com Website Tutorial

Use on Mobile Device

Page 47: Pixlr.com Website Tutorial

In our

example,

Create new

Page 48: Pixlr.com Website Tutorial

image is

Chosen

and the user

Page 49: Pixlr.com Website Tutorial

is asked

to fill out the

following

Page 50: Pixlr.com Website Tutorial

and press OK

button if

details are fine.

Page 51: Pixlr.com Website Tutorial
Page 52: Pixlr.com Website Tutorial

User should

familiarize

himself with

Page 53: Pixlr.com Website Tutorial

the various

editing

panels.

Page 54: Pixlr.com Website Tutorial

Image

from

scratch

Page 55: Pixlr.com Website Tutorial

Navigation Panel

Page 56: Pixlr.com Website Tutorial

It displays

the miniature

of the image.

Page 57: Pixlr.com Website Tutorial

Layers Panel

Page 58: Pixlr.com Website Tutorial

Use the Layers

panel to make,

select, edit

Page 59: Pixlr.com Website Tutorial

and rearrange

layers of

adjustments

Page 60: Pixlr.com Website Tutorial

to your

original

image.

Page 61: Pixlr.com Website Tutorial

History Panel

Page 62: Pixlr.com Website Tutorial

This shows

you a list of

all changes

Page 63: Pixlr.com Website Tutorial

you’ve made

to your

image.

Page 64: Pixlr.com Website Tutorial

Tools Panel

Page 65: Pixlr.com Website Tutorial

It contains

buttons for

many of the

Page 66: Pixlr.com Website Tutorial

editing tools

you will be

working with.

Page 67: Pixlr.com Website Tutorial

Tip:

Hold your

cursor over a

Page 68: Pixlr.com Website Tutorial

button for a

few seconds

and the name

Page 69: Pixlr.com Website Tutorial

will appear

and its short

cut key.

Page 70: Pixlr.com Website Tutorial

Let’s then

discuss

Pixlr Express.

Page 71: Pixlr.com Website Tutorial

Click Pixlr Express

Page 72: Pixlr.com Website Tutorial

Upon clicking

Pixlr Express,

user will

Page 73: Pixlr.com Website Tutorial

redirect

to this

page:

Page 74: Pixlr.com Website Tutorial
Page 75: Pixlr.com Website Tutorial

Options are:

Browse, Open

URL, Webcam

Page 76: Pixlr.com Website Tutorial

and Collage.

In our

example,

Page 77: Pixlr.com Website Tutorial

we will

use Collage

feature.

Page 78: Pixlr.com Website Tutorial

Click

Page 79: Pixlr.com Website Tutorial

After clicking,

user will be

redirected to:

Page 80: Pixlr.com Website Tutorial
Page 81: Pixlr.com Website Tutorial

User can

choose desired

Layout,

Page 82: Pixlr.com Website Tutorial

Spacing,

Roundness,

Proportions

Page 83: Pixlr.com Website Tutorial

and Color of

grid.

Page 84: Pixlr.com Website Tutorial

Layout

Page 85: Pixlr.com Website Tutorial

Spacing

Page 86: Pixlr.com Website Tutorial

Roundness

Page 87: Pixlr.com Website Tutorial

Proportion

Page 88: Pixlr.com Website Tutorial

Color

Page 89: Pixlr.com Website Tutorial

In adding

photos,

choose

Page 90: Pixlr.com Website Tutorial

from your

computer.

Page 91: Pixlr.com Website Tutorial

Click

Page 92: Pixlr.com Website Tutorial

Choose

image

Page 93: Pixlr.com Website Tutorial

Press Open

button and do

this for the

Page 94: Pixlr.com Website Tutorial

rest of

the image

grid.

Page 95: Pixlr.com Website Tutorial
Page 96: Pixlr.com Website Tutorial

When you’re

done, click

Finished.

Page 97: Pixlr.com Website Tutorial

Click Finished

Page 98: Pixlr.com Website Tutorial

More Options

Page 99: Pixlr.com Website Tutorial

Adjustment

Page 100: Pixlr.com Website Tutorial

This is to

adjust image

whatever

Page 101: Pixlr.com Website Tutorial

aspect

the user

wants.

Page 102: Pixlr.com Website Tutorial

Effects

Page 103: Pixlr.com Website Tutorial

Effects is to

add color

vibrant.

Page 104: Pixlr.com Website Tutorial

Overlay

Page 105: Pixlr.com Website Tutorial

Overlay is to

add effect

on top of

Page 106: Pixlr.com Website Tutorial

your

chosen

images.

Page 107: Pixlr.com Website Tutorial

Borders

Page 108: Pixlr.com Website Tutorial

Borders is to

add designed

margin.

Page 109: Pixlr.com Website Tutorial

Stickers

Page 110: Pixlr.com Website Tutorial

Stickers is to

include

specific design

Page 111: Pixlr.com Website Tutorial

Type

Page 112: Pixlr.com Website Tutorial

Type is to add

texts in your

images.

Page 113: Pixlr.com Website Tutorial

Click Save

Page 114: Pixlr.com Website Tutorial

Choose your

desired folder

location on

Page 115: Pixlr.com Website Tutorial

where you

want the file

to be saved

Page 116: Pixlr.com Website Tutorial

then click

Save

button.

Page 117: Pixlr.com Website Tutorial

Click

Page 118: Pixlr.com Website Tutorial

Lastly, let’s

discuss

Pixlr-O-matic.

Page 119: Pixlr.com Website Tutorial

Click Pixlr-O-matic

Page 120: Pixlr.com Website Tutorial

Upon clicking

Pixlr-O-matic,

user will

Page 121: Pixlr.com Website Tutorial

redirect

to this

page:

Page 122: Pixlr.com Website Tutorial
Page 123: Pixlr.com Website Tutorial

Options are:

Webcam and

Computer.

Page 124: Pixlr.com Website Tutorial

In our

example,

we will use

Page 125: Pixlr.com Website Tutorial

Computer

feature.

Page 126: Pixlr.com Website Tutorial

Click

Page 127: Pixlr.com Website Tutorial

After clicking,

user is asked

to locate

Page 128: Pixlr.com Website Tutorial

image to

be used in

this feature

Page 129: Pixlr.com Website Tutorial

then click

Open

button.

Page 130: Pixlr.com Website Tutorial

Choose image

Page 131: Pixlr.com Website Tutorial

Click

Page 132: Pixlr.com Website Tutorial

The first

step is to

choose your

Page 133: Pixlr.com Website Tutorial

desired

image

effect.

Page 134: Pixlr.com Website Tutorial

In our sample,

Julia is

selected.

Page 135: Pixlr.com Website Tutorial
Page 136: Pixlr.com Website Tutorial

Click Next

Page 137: Pixlr.com Website Tutorial

Next step is

to choose

desired

Page 138: Pixlr.com Website Tutorial

image

overlay

effect.

Page 139: Pixlr.com Website Tutorial

Its overlay

effect’s name

is Vignette.

Page 140: Pixlr.com Website Tutorial
Page 141: Pixlr.com Website Tutorial

Click Next

Page 142: Pixlr.com Website Tutorial

And lastly,

choose

desired border.

Page 143: Pixlr.com Website Tutorial

Its border’s

name is

Sloppy.

Page 144: Pixlr.com Website Tutorial

Tutorial

Page 145: Pixlr.com Website Tutorial

Tutorial

Click Next

Page 146: Pixlr.com Website Tutorial

Image is now

ready to save

and type

Page 147: Pixlr.com Website Tutorial

filename of

your choice.

Page 148: Pixlr.com Website Tutorial

Click

Page 149: Pixlr.com Website Tutorial

Type

filename

Page 150: Pixlr.com Website Tutorial

Click Next

Page 151: Pixlr.com Website Tutorial

Choose your

desired folder

location on

Page 152: Pixlr.com Website Tutorial

where you

want the file

to be saved

Page 153: Pixlr.com Website Tutorial

then click

Save

button.

Page 154: Pixlr.com Website Tutorial

Click

Page 155: Pixlr.com Website Tutorial

Congratulations!

You’ve just

learned

Page 156: Pixlr.com Website Tutorial

how to use

Pixlr.com!

Page 157: Pixlr.com Website Tutorial