Pix o matic online. Pixlr-o-matic: editing photos on the go

Hello, dear readers of the blog site. When working with your website (and not only) the question arises of how and with what help you can process a photo, crop it, change its size, etc. There may not be enough capacity for this task.

This free online version of Photoshop has a large number of tools, filters, effects (similar to those used on Instagram, which will help you process photos beyond recognition and make...

Pixlr Editor is one of the most popular online graphic photo editors, currently translated into 13 languages (including Russian). Not everyone has Photoshop installed on their computer and not everyone knows how to use it.

Pixlr Editor - getting to know the Russian version of online Photoshop

This is a completely free, lightweight version of Photoshop, which does not require installation on a computer, and also has the ability to select the Russian language (for me, for example, this is very important). Using this editor as an example, I will talk about how, i.e. without installing or using any desktop applications.

In addition, there is a lightweight version of the editor Pixlr Express, as well as a very simple photo editor for overlay called Pixlr-o-matic.

I don’t know for sure about the legality of inserting a window of this photo editor onto the pages of your website, but it’s not at all difficult to do. And many savvy webmasters take advantage of this to attract traffic for relevant search queries. For example, for the query “photoshop online” and other similar phrases in search engine results, you can see many GS sites ranked in the Top (first places).

On the pages of these sites, a page with this free editor is simply inserted, and all the space around is filled with various or.

Often there is not even any text nearby, but they manage to get their sites to the Top thanks to purchased links, and they are kept there because of good behavioral factors, because users anyway like the convenient work in this online version of Photoshop.

In order to work with it in full screen, you need to go to the web page of this online photo editor Pixlr. The first thing you will see will be an invitation in Russian: add in one of several ways a photo that needs to be processed in one way or another:

There are several options for uploading photos to Pixlr:

In any case, after uploading a photo or creating a canvas for it, you will be taken to the main interface of the photo editor, which is like two peas in a pod similar to the well-known Photoshop from Adobe (only the web version, and even free):

On the left we see the area "Tools", with the help of which you can manipulate our photo in any way you like - glue it together, retouch it, blur it, sharpen it, and much, much more. All these areas in Pixlr can be rearranged, moved, or even closed with the mouse (just like in a regular desktop program, not an online service).

In the middle of the window there is an area in which we will perform all manipulations with the image. Well, on the right there are three windows that we most need, which we are used to when working in the most popular image editor in RuNet (because it’s “free”) called Photoshop:

If you closed something unintentionally (accidentally), then you can return everything back from the top tab of the online editor window by selecting the “View” menu and clicking on the name of the closed area.

How to create a demotivator in the online photo editor Pixlr

If you want to create an image yourself, rather than making corrections to an existing photo, then in the top Pixlr menu, select “File” - “New Image”:

A window will open in which we are asked to give a name to our image, select its size (from a standard set of sizes, or set the width and height ourselves), as well as transparency.

If you check the box "Transparency", then the background of your image will look like a chessboard in the photo editor and you will need to save it later, because they support pictures with a transparent background. If you save a photo with a Jpg extension, the background will automatically be set to white, which will not always be appropriate.

Let's say that you drew the picture you need in this online version of Photoshop, or downloaded and edited a photo you already have. By simply changing the size of the canvas (the area allocated for this image), you can set the internal padding (like ) from the image to the edges of the image.

This may be necessary if, for example, we want to add text to our image, but there is not enough space (either we don’t want to spoil the photo, or the picture is so colorful that our text will simply be lost on it). You are probably all familiar with demotivators - antipodes (parodies) of motivators.

In fact, these are images enclosed in a rather thick black frame with a signature located below, typed in large font, as well as with an explanation located just below, typed in a smaller font and serving as a development of the idea of the demotivator title. let's try make a demotivator in our online photo editor.

In general, to create a demotivator, you just need to upload or create a photo that suits the meaning, as described just above, and then select “Image” - “Canvas Size” from the top menu of the editor:

As a result, a window with settings appears before our eyes, where we set the width and height of the canvas (final image) that we want to obtain:

An important factor is the choice of anchor position - in fact, this is the way to align the photo with the edges of the final image. If you look at , you will notice that our canvas has increased relative to the image by 50 pixels in height and width.

If you want to create a demotivator in an online editor, that is, so that there are equal indents on all edges, and a little more space at the bottom for the inscription, then during the first iteration we set the anchor exactly in the center (as shown in the previous screenshot).

Then again go to the canvas size settings (“Image” - “Canvas Size”) and select the middle upper square as the anchor. At the same time, we increase the size of the canvas only vertically, thereby creating an additional indent at the bottom:

Now all that remains is to select the inkwell icon on the Pixlr toolbar to capture the black color to fill the frame of the demotivator created in our online photo editor:

Drag the mouse cursor in the form of an inkwell onto the demotivator frame and smash it to smithereens:

Well, now all that remains is make an inscription on the photo in our wonderful online editor. Logically, it should be located at the bottom of our demotivator. To do this, select the icon with the letter “A” on the left toolbar and place the mouse cursor in the place where the text is supposed to be placed.

As a result, a window with settings will appear where you can change the text of the inscription, select the font typeface, its size and color:

The inscription field can then be moved and aligned by simply dragging the mouse while holding down the left key. To create a second (explanatory) inscription on the demotivator in Pixlr, you will have to repeat the procedure described just above (insert a smaller inscription).

In the save dialog, you will be free to choose a location (by default this is your computer, but it is possible to save the demotivator in your own storage on the Pixlr server, as well as in your album on Facebook, Flickr or Picaso).

At saving the demotivator to your hard drive on your computer, you can choose a raster graphics format (jpg, png, bmp or tifff), or save the project with the extension PXD, so that you can then continue working with it (this is an online analogue of the PSD format from Photoshop):

In general, everything is mature and Pixlr can rightfully be called a lightweight online version of Photoshop. True, it is only possible to write about all its capabilities in the format of a full-size book, and not a blog article.

Therefore, next I will simply go through the tools available to this wonderful editor, and you yourself, relying on your knowledge of Photoshop or on the accompanying literature, or on the random method, will try to figure them out.

Tools and settings online Photoshop Pixlr

If necessary, a photo can be provided to turn by 90 or 180 degrees, and also reflect vertical/horizontal. To do this, just use the corresponding menu items on the “Image” tab:

On the left, as I already mentioned, there is a panel with tools, some of which we have already considered when creating the demotivator - filling and adding an inscription to the photo. Let's take a look at the rest of the remarkable tools of our wonderful Pixlr.

Stamp tool

Select, as shown in the figure, the tool "Stamp" and look at its settings located under the top menu of the Pixlr Editor photo editor. Click on the “brush” setting. In the menu that opens, we are given a choice of existing brushes. If nothing suits us there, then click “other options” and add a set of new brushes:

We selected a suitable brush and set the size necessary to capture the area we needed. Hold down the Ctrl key and left-click on the object (in my case it’s the bear’s nose). Then we place the cursor in the place where we want to make a stamp (a copy of the captured object) and click the left mouse button again:

“Cropping” in Pixlr - cropping a photo

What is framing? This photo cropping(in our case online)
. Let's take a look at the settings for this important tool in Pixler:

without limitation - you are free to draw the cropping area on your image yourself, i.e. How much you stretch the area is how your photo will be cropped
aspect ratio - you specify the width and height of the crop, i.e. no matter how you pull the edge of this area, the ratio of width and height will correspond to the specified parameters
output size - you also set the width and height parameters, as in the previous case, but with the only difference that by clicking OK the image will be reduced to the proportions you specified in the settings

There is no “OK” button here, as such. To apply cropping (crop photo) you just need to select another tool - a window will pop up where you will be asked to confirm or cancel the changes made:

“Bloat” and “Distortion” in the online editor, as well as “Text” - add an inscription to the photo

These tools will help give your picture some personality. They also have a settings area in Pixelr where you can select the size and intensity of the pressure:

In my opinion, “Text” is one of the most significant tools. Here you can put a logo (or website address) on the picture, and place some kind of inscription on the photo, as we did just above when creating a demotivator. The settings for this tool, as soon as you select it, will pop up in a separate window. Here you can select the font, its size, color and style:

“Selection” and “Eraser” for photo correction in Pixlr

Well, I don’t think there’s any need to explain what an eraser is and why it’s needed. So let's look at this tool along with a tool like Selection. In general, it will work exactly like in Photoshop, but nevertheless, I’ll outline it in a nutshell.

Using this tool, we select a certain area in the image and take an eraser (in the settings of each of them we can choose the selection itself - oval or rectangular, as well as the size and transparency of the eraser), which we move over our picture. What do we see? What we see is that the image is erased only in the selected area (the upper right rectangle with the selection in the screenshot below).

If we want to erase everything except the selected area with an eraser, then we need to select “Edit” - “Invert selection” from the menu. As a result, our eraser switched to erasing what is located only behind the selected area (the lower left rectangle with the selection). As a result, having veiled the inviolable fragments of the image, we can, without regard for accuracy, rub away all that is unnecessary:

“Sponge” and “Gradient” - photo processing

In the sponge settings, we can select its size and shape, intensity (pressure force), as well as the mode: decolorization or saturation:

Well, and another online Photoshop tool is “Gradient”, i.e. filling our picture with not one, but several colors. Filling can be done either linearly or radially - this is selected in the tool settings (see below). Clicking on the gradient will open a window in which we are given a wide selection of different background toning.

I chose a three-color linear gradient as an example. Using sliders, we can adjust the size (thickness of the strip) of a certain color, and also change this same color or give it transparency if, for example, the proposed options do not suit us. Everything, as they say, is in your hands! Go for it!

Filters and corrections in Pixlr, creating frames and changing layer styles

Like Adobe Photoshop, this editor has the ability apply various filters to the image(tab of the same name from the top Pixlr menu). This will help make our image unique. For example, add noise to a photo, depict a magical glow, create a whirlpool or kaleidoscope from it, or, as in the example below, make a night vision photo from it:

And make online photo correction— age the photo (as in the example below), desaturate it (make it black and white), apply sepia, and much more (the tab of the same name in the top menu of the editor):

More than once I have been asked in the comments how I make my pictures darkened frames. Let's just look at this, especially since this action should not cause difficulties even for a beginner. In the “Layers” area, click on the “Layer Styles” icon.

Let me remind you: if someone suddenly does not have this area on the screen (it closed itself or was closed by you as unnecessary), then it can be found in the editor menu “View” - “Layers”. In the layer style window that opens, check the last item and customize it at your discretion - set the frame color, its size, hardness and opacity.

This applies to the ordinary, not tacky frame that is observed on this resource. Now let's look at the other one, a more sophisticated photo frame. Again, click on the “Layer Styles” icon and in the menu that opens, put a checkmark next to the third item.

Now our frame consists of two colors, which we select in the settings. There we also set the size, style, angle and opacity percentage for each color separately.

In fact, tools and settings in Pixlr Editor there are many more, but almost all of them can be found in classic Photoshop (the same magic wand, lasso, moving, selecting, filling, color replacement, painting, red-eye removal, eyedropper, magnifying glass and much more).

Therefore, without being able to talk about them within the framework of this article, I refer you to the literature on the “great and terrible” Photoshop, where you can view all this diversity.

Pixlr Express is a simplified online photo editor

As I have already mentioned more than once, the online editor Editor is very similar in functionality and appearance to Photoshop and is certainly convenient to work with on a computer or laptop, especially when you are already familiar with its prototype. However, managing such a sophisticated photo editor on the relatively small screen of a smartphone or tablet will be extremely inconvenient.

Therefore, the developers, thinking about the large army of mobile users, recently released a simplified version of this editor called Pixlr Express. It differs from the original in ease of operation, but at the same time, of course, flexibility in settings is lost and functionality is reduced.

However, Pixlr Express is convenient to work with on mobile devices and the developers have even released corresponding applications for Android and iOS.

But also online version Express is quite convenient and visual, and will appeal to those who do not want to delve into the intricacies of Photoshop, but want to quickly improve their photo, process it as needed, apply effects or filters, and perhaps also add a photo frame or even .

I won’t talk about its capabilities yet (it’s possible that I’ll write a separate note), but believe me, everything in this simplified online photo editor is so intuitive that it will be easier to push the buttons yourself than to read my tediousness. For example, collages of any format are created in it in a couple of minutes, and in just a few minutes you can improve these photos, design them, add text and do much more.

Unfortunately, Pixlr Express does not yet support the Russian language, nor have I found support for Russian fonts. It is possible that this will be finalized in the near future.

You can upload a photo for processing to this online editor from your computer or specify its URL on the Internet, and you can also use a webcam or mobile phone. A separate icon is provided for loading and grouping collages of photographs, which can then be processed using the tools available in the simplified photo editor.

All the tools that Pixlr Express offers you for photo processing are very simple and intuitive:

At the bottom there is a toolbar with quite a few nested items that become available when you click on one of the icons:

Ajustment - photo processing (cropping, resizing, rotating, red-eye removal and much more);
Effect - free online effects for photos (each type has its own subtypes, the list of which can be scrolled using the arrows located at the top);
Overlay - effects for the image background;
Border - a huge number of different free photo frames;
Text - allows you to quickly add a caption to a photo

At the top of the Pixlr Express editing window, you'll find a redo button, a zoom slider, and buttons to save the resulting image and close the editing window. This photo editor can only save in Jpg format, and in the corresponding dialog you can choose the quality of the final image.

Everything is very, very simple, but at the same time convenient and clear.

Pixlr-o-matic - online effects for photos in Instagram style

It would seem that it is no longer possible to further simplify the Pixlr Express described just above, however, the developers have an even simpler tool in their arsenal, which is tailored exclusively for applying various effects to photographs - Pixlr-o-matic.

It is again aimed at convenient work with photos on a mobile phone, but its online version is also very convenient and will find its fans, especially in the country.

In the online version of Pixlr-o-matic, you can upload an image either from a webcam or from your computer. After this, the photograph ends up in an improvised tray (they used to develop these in the past, when film was a thing and there were no traces of photo printers). When you hover your mouse over a photo, ripples pass through the liquid in the bath, which adds to the effect of this editor.

Just below the bath in the window there will be a line of effects that can be immediately applied to the open photo. You can move the ruler with effects using the mouse while holding down the left button. If nothing from this series suits you, then return to the first option in the “None” line. But it's not all about the effects.

Having reached the end of the tape, you can click on the plus sign with the words “More” or at the bottom of the window click on the icon with a roll of film to get to the menu for choosing between Effects, Mattes or Photo Frames.

Although the easiest way would be to use a three-section pointer device, which will switch you between the lists of effects, filters and frames mentioned just above. By the way, it is not necessary to apply effects, backgrounds, and frames - you choose only what is required.

Good luck to you! See you soon on the pages of the blog site

Getting started with Pixlr-o-matic

Applications that do not require registration in any way are attractive from the very beginning. - just such an option. After logging into the application, we see a somewhat chaotic splash screen. However, it is not difficult to understand it. The two icons in the center are the main components. Select the shooting or photo processing mode.

Shooting mode

Let's try to take a photo without leaving the application. Actually, the shooting mode is a little disappointing. The functionality presented in it is very meager. Flash and change the camera to the front one. For example, Tadaa HD Pro offers you to immediately select filters, and Rookie, in addition to this, provides a dozen additional options.

Photo processing in

It's much more interesting here. Photo editor Pixlr-o-matic He gives away a lot for free, and most importantly, it is usable.

Click on the Upload Photo icon. We are immediately thrown into the iPhone photo library. That is, even if you take a photo inside the application, you have to select it for processing from the general collection.

Chose. With interface in Everything is fine. Clear and simple. At the top we see auto-crop icons, a menu of loaded and available for a fee filters, as well as auto-selection of effects.

This same auto-selection independently combines filters and frames. With each click on the icon (two intersecting arrows in the upper right corner), the photo editor selects something new.

At the bottom of the screen there is a panel with scrolling filters. Their names, by the way, are human: Fred, Greg, Harry, etc. These guys come pre-installed in the app for free use. Only 25 pieces. A very decent amount.

There are also quite a lot of paid sets. 6 pieces, which include from 7 to 20 effects. The cost is 33 rubles. per set.

But there is one significant drawback. Filters cannot be adjusted in any way.

Additional features

In addition to filters, photo editor Pixlr-o-matic There are additional sets of effects that are also superimposed on the photo. This is the Light Bulb icon on the bottom panel. Here you can find rain effects, all kinds of highlights, vintage treatments, etc. Unfortunately, the effects are also not editable. There are 30 effects available for free use. 18 sets can be purchased for 33 rubles. every.

There are also frames. 30 pieces are given away for free, and for each of the 9 additional sets you need to pay the same 33 rubles.

On this ability photo editor Pixlr-o-matic are ending. I would, of course, like to adjust the contrast, saturation and brightness. But for the so-called underway photo, the application is just right. We took a photo on the go, ran it through our favorite filter, added an effect, and we were done.

However, you can only send a finished photo from an iOS application to email or to your smartphone’s memory. To publish a photo on social networks, you need to select it from the photo library.

The Android version allows you to send a photo to Twitter and Facebook without leaving the application.

Download Pixlr-o-matic for Android and iOS you can here:

The program interface is very simple and convenient. Getting started with an image starts with choosing an image source. The application supports JPG, JPEG and PNG formats. You have the option of choosing a photo from your computer or directly from your webcam, or you can try your hand at it by choosing one of the test photos provided by Pixlr-O-Matic.

When working with the editor, you have the opportunity to change a photo in three ways - add filters, effects and frames. Don't be afraid to experiment and try all the options.

You can't manually adjust the settings, but you do have the ability to mix and match different effects to achieve the desired result. Once you're happy with the work you've done, you can either save the photo to your computer or upload it directly to a file-sharing site.

The editor does not provide help information, as the Pixlr-O-Matic application is extremely easy to use. Pixlr-O-Matic is a program that has a small range of functions, skillfully using which you will create unique photographs that will delight you and your loved ones. Users who are just getting started with Photoshop will undoubtedly appreciate the interesting features of the Pixlr-O-Matic application.

Example images

The first picture is the original image, the second is the result of processing using Pixlr-O-Matic

It might be useful to read: