Lesson 11: "BASIC" How to Replace the Color of an Object in Pixlr

 Lesson 11

"BASIC" How to Replace the Color of an Object in Pixlr

The car example for color replacement included more advance tools and I decided to make a new tutorial for basic level. This tutorial does not consist more than Lesson 4.

Getting Started

1) Open Pixlr Advanced

2) Open an image that you want to replace it's color,
     http://hypebeast.com/image/2009/05/selfridges-coca-cola-centenary-bottles.jpg

Replacing Color 

1) Go to the Tools Menu which is on the left side of the screen and choose the Color Replace Tool.

2) Select a color by clicking set main color. (At the bottom of that Menu)

3) Adjust the Tolerance according to color image and color tones. 

4) Select a brush size according to your object.

5) Start Replacing like painting the object :) 

 

Lesson 8: How to Blur a Face in Pixlr

Lesson 8: How to Blur a Face in Pixlr

 

Getting Started

1) Open Pixlr Advanced

2) Open an image that you want to blur a part of it from your computer or an URL,

     http://mujer.starmedia.com/imagenes/2012/11/Existe-la-amistad-entre-el-hombre-y-la-mujer.jpg

How to Blur the Face

1) Select the part that you want to blur with Lasso Tool (L) or Marquee Tool (M)

 2) Go to Filter Menu on the black stripe, then click to Box Blur

 3) Select the blur amount in the menu which came out. (In my image it is 10)

4) Click to Deselect All (Ctrl + D) in the Edit Menu 

 

 

Lesson 7: How to fix the parts that you don't want in your picture (Nevus, Freckle, Beard, Burn etc.)

Lesson 7: How to fix the parts that you don't want in your picture (Nevus, Freckle, Beard, Burn etc.)

Getting Started

1) Open Pixlr Express

2) Open an image that you want to fix a part of it. I am going to fix a nevus which is quite simple. URL:

     http://www.haber34.com/hr/cok-benli-uzun-mu-yasiyor--25577.jpg

Overlap the Nevus

1) Go to the Adjustment Menu which is the first square on the line.

2) Then Click on Touch Up 

3) Spots will be selected in the Touch Up Menu, Do not chance it. You can set the brush size according to your image size.

4) Go over the parts that you want to fix.

 

Lesson 6: How to Desaturate (Black and White) a Picture while an Object is still Colorful

Lesson 6: How to Desaturate (Black and White) a Picture while an Object is still Colorful

 

Getting Started

1) Open Pixlr Advanced

2) Browse the image that you want to desaturated from you computer or an URL:

    http://resources1.news.com.au/images/2011/12/29/1226232/712937-child-gardening.jpg

Surround the Part that you Want to Keep Colorful

This is an optional part because you do not want to keep a colorful part in you image, it is quite cool effect. You apply it on daily photos too. For example, cell phones and bags are very popular items for this technique. 

1) Click on the Lasso Tool (L) icon on the tool bar.

2) Press Ctrl + A to select all the image.

3) Use the Lasso tool (L) to surround the part/object that you want to keep colorful. There are 2 types of Lasso Tool (L) that you can find in the gray stripe on the top of website; Freehand Lasso Tool and Polygonal Lasso Tool. I am going to use the Polygonal Lasso Tool, because it is more accurate than Freehand Lasso Tool. You can zoom in the object while using the Lasso Tool. Lastly, because you selected the whole image, you must use the CTRL button while using the Lasso Tool (L).

Desaturate the Image and Missing Parts

1) Go to the Adjustment Menu in the black stripe and click to Desaturate.

2) There will be not desaturated parts like the leaf and finger. You have use the Lasso Tool (L) again to select the fingers and leaf. There is no need to select all the image right now, so that must use Shift button while selecting more than one item. 

3) After Choosing the undesaturated parts in the image by Lasso Tool (L), go to the Adjustment Menu and Click to Desaturate Button.

4) Lastly, to get rid of the lines in the image, go to the Edit Menu and Click to Deselect All (Ctrl + D)

Lesson 5: How to Make a Banner with Pixlr

Lesson 5: How to Make a Banner with Pixlr

  

Getting Started 

1) Open Pixlr Advanced

2) Go to the http://www.stockvault.net/

    There are very good free images, of course, you can find another pictures from other sites too...

3) I am going to use the images from these URL's;

    http://www.stockvault.net/photo/100244/lightning

    http://www.stockvault.net/photo/143244/moon

4) First browse your background picture. (For me its lightnings)

 Resizing as a Banner and Cropping Moon 

 

1) Open the Lightning image from your computer after downloaded.

2) Crop the image as you want (Lesson 1)

3) Re size your image (It may change according to your usage) I am going to re size it 800x200

    Recall: Lesson 2

Putting the Moon

1) Open the other image(s) that you want to apply to your background. I would like to put a moon image among the lightnings. 

2) Go to the Layer Menu on the right side of the screen and press the lock near the background writing. It will turn to a checked box.  

3) Use the Wand Tool (W) or Lasso Tool (L) to capture the object that you want to put in your banner. I will use the wand tool because the colours are clear. If the colors are mixed like green and yellow the wand tool usually not capable to surround the object. Don't worry :) There is Lasso Tool for you.

4) After surrounding the the object that you want, press Delete button and background of the image will be checkered. Now, it is time to re size you object according to your background size. You have to use Free Transform (Ctrl + T) in the Edit Menu.

5) Use Marquee Tool (M) to select the image which you will put in your banner (Moon), then copy it with using Copy (Ctrl + C) in the Edit Menu. 

6) Paste it to the Banner image by using Paste (Ctrl + V) in the Edit Menu

7) Use the Move Tool (V) to put it where you want

8) You can re size it with using Free Transform Tool (Ctrl + T) again but make sure that Layer 1 is selected in the Layer Menu on the right side of screen.

 Adding Texture 

1) Click on the Type Tool (T) on the Tool Bar. 

2) Select the place that you want to add texture on the banner. Do not worry if you missed the exact place, because there is the Move Tool (V) which is quite helpful. 

3) You can arrange the Font, Style, Size and Color in the Type Tool Menu

4) It's done. Save you new banner from File Menu. 

Lesson 4: How to Replace the Color of an Object in Pixlr

Lesson 4: How to Replace the Color of an Object in Pixlr

   

Getting Started

1) Open Pixlr Advance

2) Open an image that you want to change the color from your Computer or URL:

     https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Wb5GYHjKhiVt6kDtr6JEpX0_vraEdDxVtPA0Tl2OR_4Kx35j46dHVgS9-9-d52EVSo8d-tO7B7yKSsPgo0Z78q2wekZqZq782ajguGiBa-Q_JsXYkAKtCh0UGE1u_gSqrENaWuilotM/s1600/chevrolet-camaro-production-2010-yellow-nose.jpg

Selecting the Parts You Want to Keep

1) Click Ctrl + A to surround all the image.

2)  Then, click on the Lasso Tool (L) and by pressing CTRL button all the time surround the colors you want to keep and similar with your original color. For example; I am going to change the yellow, but there are few points I want to keep like Chevrolet emblem.

 Color Replacement

1) I selected the parts I wanted to keep. Then click the Color Replacement Tool which is in the Tool Menu on the left side of the screen. (Look at Lesson 1)

2) Choose the color you want to do from the Color Selector at the bottom of the Tool Menu. (Look at Lesson 2)

3) Set the Brush Size at the top of the site in the gray stripe. (Look at Lesson 3) Then Start to replace the Color :)

 

4) To get rid of the lines from Lasso Tool go to the Edit Menu, then Click Deselect All (Ctrl + D)

Lesson 3: How to Change the Eye Color in Pixlr

Lesson 3: How to Change the Eye Color in Pixlr 

 

Changing the eye color in the image is a simple however, there are few tricks. I will highlight them to reduce the incorrect moves. Of course, we have very friendly, helpful tool which is Undo (Ctrl + Z). 

1) Open the Pixlr Advance

2) Open an image which has a clear eye color. I will use the image in this URL: http://www.desperatehousecows.com/wp-content/uploads/2012/12/eyes1.jpg

3) If the eye is not so clear try to change the image size or zoom in to the eye. It is not necessary for my picture. You can use the Zoom Tool (Z) or Change the image size which is Lesson 2.

4) After getting a clear eye image use the Lasso tool (L) to surround the eye.  It could be hard to do that at first but your hand will get used to it. 

5) Go to Edit and Click Copy (Ctrl + C)

6) Open a new layer from the Layer Menu on the right of the screen and middle of the Navigator and History Menu. You can open a new layer by clicking the new layer button near the Trash image (Delete layer)

7) Then Click Paste (Ctrl + V) in the Edit Menu

8) The eye image that you surrounded by Lasso Tool will show up. Then use the Move Tool (V) to put the eye in the exact place as original

9) After moving the new eye in the original place. Open the Color Selector which is shown in the previous picture. Then choose a color

 

10) Click on the Brush Tool (B) which is at the Tool Menu and arrange the size of the Brush according to your eye size. You have fit the eye on the brush. You can arrange the size of the brush bu using the gray strip under the Menu. (Top of the Website). Use the Diameter tool in the Brush menu.

11) After getting the exact size of the brush on the eye click once. The Eye will be the color that you choose before.

12) Click the Toggle Layer Settings in the Layer Menu. A menu will be show up Click to the Normal and make it "Darken". Then arrange the Opacity above the "Darken" menu as you like.

 13) Ta da!!! Green Eye :) :) :) 

        I changed my mind last minute

Additional image for #12: 

Lesson 2: Resizing Images

Lesson 2: Resizing Images

Resizing is an important skill for image editing because usually images are not at the same size as you like. There are several ways to do it. I will only show two ways to you.

I. Way

  

1) Open an image from URL or Computer

   My picture's URL: http://assets.dornob.com/wp-content/uploads/2011/03/real-floating-balloon-home.jpg

 

2) Click to the Image Button on the upper panel, then press Image Size

  

3) A board should come out which asks you the Width and Height of the new image and there is a box which helps to change it properly. You may unchecked the box near it but, the quality of the image will break down. The current size of my image is 468x600 and I will change it to 960x1231 (computer suggested the height according to the new width)

II. Way

 1) Click to Edit button over the black stripe on the upper part of the site. Afterwards, click the Free Transform (Shortcut: CTRL + T)

2) Then use the blue boxes to expand and narrow the image size.

3) After narrowing the image size background will be white as a frame. To remove this use technique that you learned in the first lesson.(Crop Tool)