Public Pixlr Tutorials


  • philophobic_
    philophobic_
    1 year ago

    PIXLR TUTORIAL

    Pixlr is a free online photo editor similar to photoshop. It allows you to edit, create and manipulate images which are limited to most online editors. With Pixlr you can do many things such as: pasting images into another, changing hair color and so much more.

    In this tutorial, I will show you what I've learned in Pixlr in hopes that you will easily adopt into it. You don't need to sign up since this is a tutorial is for the public eye, but if you want some critiques on the assignments that you have done during the lessons, then just post your work here. This is optional, so you can just follow along in silence if you wish to do so. If you have some inquiries please don't hesitate to ask for help.

    Disclaimer: Html codes are copied from letterbyowl and other various websites. Textures, brushes, images and fonts does not belong to me. It belongs to their rightful owners.

  • philophobic_
    philophobic_
    1 year ago

    TABLE OF CONTENTS

    TOOLS AND IT'S USES

    Part 1 - Page 1 - Comment#5
    Part 2 - Page 1 - Comment#6
    Part 3 - Page 1 - Comment#7

    DOWNLOADS

    Images -Page 1 - Comment#8
    Fonts - Page 1 - Comment #9

    CROPPING, RESIZING AND CANVAS

    Cropping - Page 1 - Comment#10
    Resizing -Page 1 - Comment#11
    Canvas - Page 1 - Comment#12

    TEXT EFFECTS

    Distorted Text - Page 1 - Comment#13
    Broken Text - Page 1 - Comment#14
    Eraser Text - Page 1 - Comment#15
    Gradient Text - Page 1 - Comment#16
    Reflection Text - Page 1 - Comment#17
    Painted Text - Page 1 - Comment#18
    Texture Text - Page 1 - Comment#19-20
    Layer Styles - Page 1 - Comment#21

    BRUSHES AND SHAPES

    Copying Brushes - Page 1 - Comment#22-23
    Shapes - Page 1 - Comment#24

    FILTERS AND ADJUSTMENTS

    Adjustments - Page 1 - Comment#25
    Filters - Page 2 - Comment#26

    TEXTURES, FILLS AND GRADIENTS

    Gradient - Page 2 - Comment#27
    Half Gradient - Page 2 - Comment#28
    Texture - Page 2 - Comment#29
    Fill - Page 2 - Comment#30

    MAKE OVER

    Hair - Page 2 - Comment#31
    Eyes, skin lips eye shadow - Page 2 - Comment#32

    CUTTING AND BLENDING

    Making a PNG - Page 2 - Comment#33
    Blending - Page 2 - Comment#34

    MISCELLANEOUS
    Videos - Page 2 - Comment#35
    Other Wattpad Tutorials - Page 2 - Comment#36

  • philophobic_
    philophobic_
    1 year ago

    NEVERMIND
  • philophobic_
    philophobic_
    1 year ago

    FREQUENTLY ASKED QUESTIONS

    Hi there! Love your tutorial, how do you copy and paste an image onto the transparent thing? @philophobic_
    Comment#130 - Page 6 -MissCawiee
    Edit > Copy. Edit > Paste
    Comment135 - Page 6

    QUESTION TWO
    ANSWER TWO

  • philophobic_
    philophobic_
    1 year ago

    TOOLS AND IT'S USES #1

    r1evkw.jpg

    Crop Tool (C) - Lets you remove extraneous portions of an image by selecting a specific portion of the image and deleting the area outside of it.
    Move Tool (V) - Allows you to move a selected part of an image, align layers, and distribute layers in an image. When the Move tool is selected, a box is placed around the selected part of the image. This box can be used to move the selection and edit its shape and size.
    Marquee Tool (M) - Allows you to select portions of an object, file, photo, or subject for editing.
    Lasso Tool (S) - Lets you draw around an object using curves and line segments.
    Magic Wand Tool (W) - The wand tool is one of the selection tools. This tool lets you select parts of the image that is in similar colors and isolate that part for editing.
    Pencil Tool - The Pencil tool allows you to select a brush, choose its characteristics including size, shape, spacing, roundness, hardness, angle, diameter, mode, opacity, and more and then use the brush for various types of artwork.
    Brush Tool (B) - The Brush tool allows you to select a brush, choose its characteristics, including size, shape, spacing, roundness, hardness, angle, diameter, mode, opacity, and more, and then use the brush for various types of artwork.
    Eraser Tool (E) - Erases to the background layer by dragging the mouse.
    Paint Bucket Tool (G) - The Paint Bucket tool fills a closed object with a solid color.
    Gradient Tool - Fills a closed object with a range of colors that fade into each other.

  • philophobic_
    philophobic_
    1 year ago

    TOOLS AND IT'S USES #2

    Clone Stamp Tool (S) - Lets you duplicate any area in an image and “paint” that area over any other part of the image.
    Color Replace Tool - Select a new color in the main color pad (bottom of the toolbox). Start drawing on the color you want to replace with the new color.
    Drawing Tool - Used for drawing free-hand shapes.
    Blur Tool (R) - Blurs an area of the image using any brush you select.
    Sharpen Tool (Y) - Sharpens an area of the image using any brush that you choose.
    Smudge Tool (U) - Smudges an area of the image using any brush that you choose.
    Sponge Tool (P) - The sponge tool is used to saturate and desaturate parts of the image.
    Dodge Tool (O) - Used to lighten areas of an image or print.
    Burn Tool (N) - The Burn tool is used to darken areas of an image or print.
    Red Eye Reduction Tool - The red eye reduction tool lets you remove the red color that appears when you are taking photos and are using flash.
    Spot Heal Tool - healing and spot/object removal
    Bloat Tool (A) - The bloat tool lets you “grow” areas of the image such as an eyeball or lips.
    Pinch Tool (K) - The pinch tool lets you “shrink” areas of the image.
    Colorpicker tool - The color picker tool lets you sample colors from the image and set it in the main or alternative color pad. By holding down you set the alternative color.
    Text Tool (T) - Used to add words to an image. With a type tool selected, you can set options for font, size, color, alignment, and more.

  • philophobic_
    philophobic_
    1 year ago

    TOOLS AND IT'S USES #3

    Hand Tool (H) - Allows you to scroll through an image that doesn’t fit completely in the viewing window. It’s like using the scroll bards at the bottom and right side of the window, except you do the moving with the mouse by dragging. When the Hand tool is chosen, the cursor becomes a hand.
    Zoom Tool (Z) - Choose the Zoom tool and click on an area of the image to zoom in or out. Offers choices to resize the window to fit on the screen and other options.
    Main Color - Allows you to set the foreground color
    Explanations copied from here x.
    If you would like to find out more about the tools and panels then click the link provided

  • philophobic_
    philophobic_
    1 year ago

    DOWNLOADS - IMAGES

    Image resources
    WeHeartit.com
    DeviantART
    favim.com
    Beautyineverything
    picship
    piccsy
    Suggest e some that i haven't included
    When you're downloading images it is important that your image is not watermarked, blurry or too small.

    Examples:
    Watermarked Blurry Too small
    This is an example of a good pictureImage and video hosting by TinyPic

  • philophobic_
    philophobic_
    1 year ago

    DOWNLOADS - FONTS

    Good Fonts
    League Gothic, OptimusPrinceps, Abraham Lincoln, Coneria Script, Honey Script, Bergamot Ornaments, Soft Ornaments, Nymphette, BalckJack, Times New Roman, Timeless, Garamond, Edwardian Script ITC, Centeria Script, English, Shit Happens, Arial, Jellyka Delicious Cakes, Arial, Before the Rain, Jane Austen, Celine Dion Handwriting
    More coming
    Where to download fonts: dafont.com, font palace, urban fonts
    More coming.
    Downloading the fonts in windows or vista x
    Downloading fonts in Mac x

  • philophobic_
    philophobic_
    1 year ago

    CROPPING

    1.) Go to pixlr.com and select "Open Pixlr Editor (Advanced)
    2.) Select "Open Image from computerPhotobucket3.) Select the crop tool > Aspect Ratio > Width: 256 Height: 400 (wattpad cover size)Photobucket4.) Click and drag
    5.) Click outside the image (It will ask you this "Do you want to apply the changes?". You click yes)

  • philophobic_
    philophobic_
    1 year ago

    RESIZING


    1.) Repeat steps one and two from the tutorial above
    2.) Click image > Image Size 3.) Make sure you check constrain proportionsPhotobucket
    4.) Click ok

  • philophobic_
    philophobic_
    1 year ago

    CANVAS

    1.) Open up your image
    2.) Go to image > Canvas sizeImage and video hosting by TinyPic
    3.) Type in the heightImage and video hosting by TinyPic
    Which will then look like this (use the colorpicker by selecting colorpicker from the toolbox and click on the color you want to copy to select the the foreground color if the image's main color is different)Photobucket4.) Select a brushPhotobucket5.) Cover the white spaces with the brush by just clicking and dragging it across the areas you want coveredPhotobucketThen you're finishedImage and video hosting by TinyPic
    TASK #1
    Use this image. Crop, use canvas and resize it to 256x400

  • philophobic_
    philophobic_
    1 year ago

    TEXT EFFECTS - DISTORTED TEXT

    1.) Open your image
    2.) Click the text tool, then click on you image. Type in the wordsPhotobucket
    3.) Go to Layer > Rasterize LayerPhotobucket
    4.) Go to Edit > Free TransformPhotobucket
    5.) Tilt it in whichever direction you want Photobucket
    6.) Click outside the image and apply changes
    7.) Go to Edit > Free DistortPhotobucket
    8.) Adjust by clicking and dragging on the edgesPhotobucket
    And you're donePhotobucket

  • philophobic_
    philophobic_
    1 year ago

    TEXT EFFECTS - BROKEN TEXT

    1.) Follow steps 1, 2 and 3 from Distorted Text
    2.) Select Lasso Tool > Polygonal Lasso ToolImage and video hosting by TinyPic
    3.) Click and click to make a shapeImage and video hosting by TinyPic
    4.) Close the shape by connecting the lines togetherImage and video hosting by TinyPic
    5.) Hit the delete key in your keyboardImage and video hosting by TinyPic

  • philophobic_
    philophobic_
    1 year ago

    TEXT EFFECTS - ERASER TEXT

    1.) Repeat steps 1-3 from Distorted text
    2.) Select an eraser brushImage and video hosting by TinyPic
    3.) Erase some parts offImage and video hosting by TinyPic

  • philophobic_
    philophobic_
    1 year ago

    TEXT EFFECTS - GRADIENT TEXT

    1.) Open up your image in Pixlr and type in a text
    Photobucket
    2.) Rasterize LayerPhotobucket
    3.) Select PixelsPhotobucket
    which would look like this
    Photobucket
    4.) Click the gradient tool and select the colours of your choicePhotobucket
    5.) Click and drag on your textPhotobucket
    6.) Use the wand tool and click outside of the box, to remove the dotted linesPhotobucket

  • philophobic_
    philophobic_
    1 year ago

    TEXT EFFECTS - REFLECTION TEXT

    1.) Repeat step one from gradient text
    2.) Right click on your text and select duplicate layerPhotobucket
    3.) Rasterize the duplicated copy of text
    4.) Go to Layers and click "Flip Layer Vertical"Photobucket
    5.) Lessen the opacity of the layerPhotobucket
    6.) Use the move tool to move it and use the eraser tool to style itPhotobucket

  • philophobic_
    philophobic_
    1 year ago

    TEXT EFFECTS - PAINTED TEXT

    1.) Repeat steps 1, 2 and 3 from gradient text
    2.) Click the brush tool and select a brushPhotobucket
    3.) Select a colourPhotobucket
    4.) Paint it on the textPhotobucket
    5.) Repeat step 6 from Gradient TextPhotobucket

  • philophobic_
    philophobic_
    1 year ago

    TEXT EFFECTS - TEXTURE TEXT

    Photobucket1.) Type in wordsPhotobucket
    2.) Open a texture, use the marquee tool and select an area on the texturePhotobucket
    3.) Got to Edit > CopyPhotobucket
    4.) Click on the window of your text and go to Edit > Paste. Lower the opacityPhotobucket
    5.) Select an eraser brushPhotobucket
    6.) Erase until only a small amount of the texture is leftPhotobucket

  • philophobic_
    philophobic_
    1 year ago

    TEXT EFFECTS - TEXTURE TEXT CONTINUATION

    7.) Use the polygonal lasso tool to erase more of the textures (use the navigator panel to zoom inPhotobucket8.) Right click and merge down. Return the opacity to 100Photobucket
    And you're donePhotobucket

  • philophobic_
    philophobic_
    1 year ago

    TEXT EFFECTS - LAYER STYLES

    1.) Type text and click layer stylesImage and video hosting by TinyPic
    Drop ShadowImage and video hosting by TinyPic
    Inner ShadowImage and video hosting by TinyPic
    BevelImage and video hosting by TinyPic
    Outer GlowImage and video hosting by TinyPic
    Inner GlowImage and video hosting by TinyPic

  • philophobic_
    philophobic_
    1 year ago

    COPYING BRUSHES 1

    The reason that we're copying brushes is because most brushes formats are in abr. , but pixlr brushes is in prb. so it is difficult to find brushes to download in pixlr.
    Open an image or texture. Then you click the lasso tool an then the freehand lasso tool (alternatively you can use the magic wand tool or the marquee tool)Photobucket
    Then you draw on the part of the picture in which you want to use as a brush. Connect the lines together, and it would something like thisPhotobucket
    You then click Edit > Define Brush Photobucket
    Make a new image (any size)Photobucket
    Click the brush toolPhotobucket

  • philophobic_
    philophobic_
    1 year ago

    COPYING BRUSHES 2


    and you would find the copied brushPhotobucket
    This is the brush i copiedPhotobucket
    then you just paint.Photobucket
    you can also find more brushes in Pixlr by clicking "More" on the brush tool (Load Set is for downloading)Photobucket

  • philophobic_
    philophobic_
    1 year ago

    SHAPES

    Open up a blank image. Click the drawing toolPhotobucket
    Click new layer (this will allow you to change the opacity of the shapes, distort and rotate them etc.)Photobucket
    You will see this when you click the drawing tool, at the top there, you can see that there are different shapes (when you make every shape make sure, that you open a new layer for each of them).Photobucket
    Fill the shape is the colour of the inside of the shape and you can choose an outline and how thick you want the outline to be (that's border size) If you don't want an outline on the shape, then just choose the same colour. The outline colour will depend on this (which you will find on the tools). You chose the outline colour there.Photobucket
    Then you just uh... draw shapes (I suck at tutorials). Experiment on the different shapes.Photobucket
    when you're using this (you close the lines and use the paint bucket tool to fill it up with colour)Photobucket

  • philophobic_
    philophobic_
    1 year ago

    ADJUSTMENTS

    Adjustments are a way of changing an image's colour whether you want to turn the image into sepia, lessen/brighten the colours, change the colour etc
    Adjustments are found at the very top on Pixlr Advanced between Layer and Filter.Photobucket
    Adjustments are as easy as pie, so I don't think you'll have any problems with it :o
    Anyway, here are some of the things you can do in adjustments (I don't think I need to explain much in this stuff :o)
    Colour VibrancePhotobucket
    CurvesPhotobucket
    LevelsPhotobucket
    Colour Balance
    Photobucket
    Original ImagePhotobucket