Скачать приложение pixlr. Pixlr Editor — внушительный онлайн-фоторедактор для профессионалов

Pixlr Editor – редактор изображений, благодаря простоте и функциональности успешно конкурирующий с программой, задающей тон в этой нише, Adobe Photoshop.

По сравнению со «старшим братом» Pixlr обладает урезанными возможностями, что не делает его хуже: многие функции «фотошопа» остаются невостребованными за ненадобностью. А вот для владельцев мобильных устройств приложение – просто находка: позволяя обработать фотографии и картинки, оно не нагружает процессор и не загромождает оперативную память, так как все вычисления производятся на сервере разработчика.

Источники изображений в Pixlr

Pixlr может работать с различными изображениями:

• Создать новый рисунок;
• Загрузить изображение с памяти устройства;
• Открыть картинку по конкретному адресу URL;
• Загрузить библиотеку с готовым рисунком с сайта разработчика.

Интерфейс Pixlr

С программой разберется любой пользователь компьютера или планшета. Все здесь просто и расположено компактно:

• Меню. Верхняя строка интерфейса с доступом к различным функциям, включая фильтры.
• Панель инструментов. Находится слева. Позволяет выбрать перо, карандаш, ластик и прочие средства обработки.
• Рабочий стол. Расположен посредине. Изображение можно масштабировать и перемещать.
• Слои. Находятся справа. С их помощью добавляются различные эффекты.

Журнал, интегрированный в приложение, отслеживает историю корректировок и позволяет отменить их, если пользователь что-то сделал неправильно.

Особенности Pixlr

В программе имеются готовые пресеты для обработки изображений, позволяющие вам в несколько кликов получить красивые изображения в стиле ручного карандашного рисунка, акварели, размытия и т.д. Некоторые пресеты доступны только после бесплатной регистрации, некоторые только по платной подписке. Однако, в бесплатной версии программы можно творить и применять очень красивые эффекты к вашим фотографиям.

Pixlr – отличная бесплатная альтернатива громоздкому и дорогостоящему Adobe Photoshop. Благодаря технологии облачных вычислений программа «не тормозит» даже на слабых компьютерах и портативных устройствах, но позволяет выполнять профессиональную обработку фотографий. Владельцы планшетов и смартфонов с медленным доступом в Интернет могут загрузить мобильное приложение один раз и пользоваться им постоянно.

Здравствуйте, уважаемые читатели блога сайт. Перед при работе со своим сайтом (и не только) встает вопрос, как и с помощью чего можно обработать фото, обрезать его, изменить размер и т.п. Возможностей для этой задачи может не хватить.

Эта бесплатная онлайн версия фотошопа имеет большое количество инструментов, фильтров, эффектов (похожих на те, что используются в Инстаграме, которые помогут вам обработать фото до неузнаваемости и сделать .

Pixlr Editor — это один из самых популярных графических онлайн фоторедакторов, переведенных на данный момент на 13 языков (в том числе и русский). Не у всех на компьютере установлен Фотошоп и не все умеют им пользоваться.

Pixlr Editor — знакомство с русской версией онлайн фотошопа

Это совершенно бесплатная облегченная версия Фотошопа, которая не требует установки на компьютер, да еще к тому же имеющая в наличии возможность выбора русского языка (для меня, к примеру, это очень важно). На примере этого редактора я расскажу о том, как , т.е. не устанавливая и не используя каких-либо десктопных приложений.

Кроме этого существует облегченная версия редактора Pixlr Express , а так же очень простой фоторедактор для накладывания под названием Pixlr-o-matic .

Не знаю точно о правомерности вставки окна данного фоторедактора на страницы своего сайта, однако сделать это совсем не сложно. И этим пользуются многие ушлые вебмастера, на привлечении трафика по соответствующим поисковым запросам. Например, по запросу «фотошоп онлайн» и другим подобным фразам в выдаче поисковых систем можно увидеть множество ГС сайтов стоящих в Топе (первые места).

На страницах этих сайтов просто вставлена страница с этим бесплатным редактором, и все пространство вокруг заполнено разнообразной или .

Зачастую даже текста никакого нет рядом, однако им удается загонять свои сайты в Топ благодаря покупным ссылкам, а удерживаются они там из-за хороших поведенческих факторов, ибо пользователям по любому нравится удобная работа в этой онлайновой версии фотошопа.

Для того же, чтобы работать с ним на полном экране, нужно зайти на веб страницу этого онлайн редактора фотографий Pixlr . Первое, что вы увидите, будет приглашение на русском языке: добавить одним из нескольких способов фото, которое нужно тем или иным образом обработать:

Имеется несколько вариантов загрузки фотографий в Пикслр:

В любом случае, после загрузки фотографии или же создания полотна для нее, вы попадете в основной интерфейс фоторедактора, который как две капли воды похож на всем известный Фотошоп от Адобе (только веб версии, да еще и бесплатной):

Слева мы видим область «Инструменты» , с помощью которой можно будет как угодно изгаляться над нашей фотографией — склеивать, ретушировать, размывать или прибавлять резкость и многое-многое другое. Все эти области в Пикслр можно переставлять, сдвигать или вообще закрыть при помощи мышки (прям как в обычной десктопной программе, а не онлайн сервисе).

Посередине окна находится область, в которой мы будем производить все манипуляции с изображением. Ну, а справа находятся три наиболее необходимых нам окна, к которым мы привыкли при работе в самом популярном в рунете редакторе (потому что «бесплатном») изображений под названием Photoshop:

Если вы что-то закрыли не преднамеренно (случайно), то вернуть все взад можно из верхней вкладки окна онлайн редактора, выбрав меню «Просмотр» и нажав на название закрытой области.

Как создать демотиватор в онлайн фоторедакторе Pixlr

Если хотите сами создать какое-либо изображение, а не вносить поправки в уже имеющееся фото, то в верхнем меню Пикслр выберите пункты «Файл» — «Новое изображение»:

Откроется окно, в котором нам предлагают дать имя нашему изображению, выбрать его размер (из стандартного набора размеров или же самим задать ширину и высоту в ), а также прозрачность.

Если поставить галочку в поле «Прозрачность» , то фон вашего изображения будет выглядеть в фоторедакторе как шахматная доска и его нужно будет потом сохранять , ибо они поддерживают картинки с прозрачным фоном. Если сохранять фото с расширением (в формате) Jpg, то фон автоматически подставится белый, что не всегда будет уместно.

Допустим, что вы нарисовали в этом онлайн варианте Photoshop нужную вам картинку или же загрузили и отредактировали уже имеющуюся у вас фотографию. С помощью простого изменения размера холста (области, отводимой для этого изображения) можно задать внутренние отступы (на вроде ) от рисунка до краев изображения.

Это может понадобиться, если мы хотим, например, добавить текст на наше изображение, но не хватает места (либо фото портить не хочется, либо картинка настолько пестрая, что наш текст на ней просто потеряется). Наверное, все вы знакомы с демотиваторами — антиподами (пародиями) мотиваторов.

По факту это изображения, заключенные в довольно толстую черную рамку с расположенной снизу подписью, набранной крупным шрифтом, а так же с расположенным чуть ниже пояснением, набранным шрифтом помельче и служащим развитием мысли заголовка демотиватора. Давайте попробуем сделать демотиватор в нашем онлайн-фоторедакторе .

В общем, чтобы создать демотиватор, достаточно загрузить или создать подходящее по смыслу фото, как было описано чуть выше, а затем выбрать из верхнего меню редактора пункты «Изображение» — «Размер холста»:

В результате чего перед нашими глазами возникает окно с настройками, где мы задаем ширину и высоту холста (итогового изображения), которое хотим получить:

Важным фактором является выбор положения якоря — фактически, это способ выравнивания фото относительно краев итогового изображения. Если вы посмотрите на , то заметите, что наш холст увеличился относительно рисунка на 50 пикселей по высоте и ширине.

Если вы хотите создать в онлайн редакторе демотиватор , т.е чтобы со всех краев были одинаковые отступы, а снизу чуть больше места для надписи, то при первой итерации якорь устанавливаем точно по центру (как показано на предыдущем скриншоте).

После чего опять заходим в настройки размера холста («Изображение» - «Размер холста») и выбираем уже в качестве якоря средний верхний квадрат. При этом увеличиваем размер холста только по вертикали, тем самым создавая дополнительный отступ снизу:

Теперь останется только выбрать на панели инструментов Pixlr пиктограмку чернильницы, чтобы захватить черный цвет для заливки им рамки создаваемого в нашем онлайн фоторедакторе демотиватора:

Курсор мыши в виде чернильницы перетаскиваем на рамку демотиватора и разбиваем ее вдребезги:

Ну, а теперь останется только сделать надпись на фото в нашем чудесном онлайн редакторе. По логике она должна располагаться в нижней части нашего демотиватора. Для этого выбираем на левой панели инструментов пиктограмму с литерой «A» и ставим курсор мыши в то место, где предполагается разместить текст.

В результате появится окно с настройками, где можно менять текст надписи, выбирать гарнитуру шрифта, его размер и цвет:

Поле с надписью можно будет потом перемещать и выравнивать простым перетаскиванием мышью с зажатой левой клавишей. Для создания в Pixlr второй (поясняющей) надписи на демотиваторе вам придется еще раз повторить описанную чуть выше процедуру (вставить надпись меньшего размера).

В диалоге сохранения вы вольны будете выбрать место (по умолчанию это ваш компьютер, но возможно сохранить демотиватор и в собственном хранилище на сервере Pixlr, а также в своем альбоме на Фейсбуке, Фликре или же в Пикасо).

При сохранении демотиватора на жесткий диск своего компьютера вы сможете выбрать формат растровой графики (jpg, png, bmp или tifff), либо сохранить проект с расширением PXD , чтобы потом можно было продолжить с ним работу (это онлайн аналог формата PSD от Фотошопа):

В общем все по взрослому и Pixlr по праву может называться облегченной онлайн версией Photoshop. Правда написать обо всех его возможностях возможно разве что в формате полноразмерной книги, а не статьи на блоге.

Поэтому дальше я просто пробегусь по имеющимся у этого чудесного редактора инструментам, а вы уж сами, опираясь на свои познания в Фотошопе или же на сопутствующую литературу, либо на метод тыка попробуете в них разобраться.

Инструменты и настройки онлайн Фотошопа Пикслр

Если необходимо, то фото можно повернуть на 90 или 180 градусов, а еще отразить по вертикали/горизонтали. Для этого достаточно воспользоваться соответствующими пунктами меню на вкладке «Изображение»:

Слева, как я уже упоминал, находится панель с инструментами, некоторые из которых мы уже успели рассмотреть при создании демотиватора — заливка и добавление надписи на фото. Давайте пробежимся и по остальным примечательным инструментам нашего расчудесного Pixlr.

Инструмент «Штамп»

Выбираем, как показано на рисунке, инструмент «Штамп» и смотрим на его настройки, расположенные под верхним меню фоторедактора Pixlr Editor. Нажимаем на настройку «кисть». В открывшемся меню нам предоставляется выбор уже имеющихся кистей. Если нам там ничего не подходит, то нажимаем «другие параметры» и добавляем набор новых кистей:

Мы выбрали подходящую кисть, установили необходимый для захвата нужной нам области размер. Удерживая клавишу Ctrl, щелкаем левой кнопкой мыши по объекту (в моем случае это нос медведя). Затем ставим курсор в то место, где хотим сделать штамп (копию захваченного объекта) и еще раз щелкаем левой кнопкой мыши:

«Кадрирование» в Пикслр — обрезка фото

Что же такое кадрирование? Это обрезка фото (в нашем случае онлайн)
. Давайте посмотрим на настройки этого важного инструмента в Пикслере:

1. без ограничения — вы вольны сами рисовать область обрезки на своем изображении, т.е. насколько растянете область — так и обрежется ваше фото
2. соотношение сторон — вы задаете ширину и высоту обрезки, т.е. как бы вы не тянули за краешек эту область — соотношение ширины и высоты будет соответствовать заданным параметрам
3. выходной размер — вы также задаете параметры ширины и высоты, как и в предыдущем случае, но с тем лишь отличием, что нажав ОК изображение уменьшится до заданных вами в настройках пропорций

Кнопочки «ОК» здесь, как таковой, не имеется. Чтобы применить кадрирование (обрезать фото) нужно просто-напросто выбрать другой инструмент — выскочит окно, где вас попросят подтвердить или отменить внесенные изменения:

«Раздувание» и «Дисторсия» в онлайн редакторе, а также «Текст» — добавить надпись на фото

Эти инструменты помогут придать вашей картинке индивидуальность. Они также имеют в Пикслр область с настройками, где можно выбрать размер и интенсивность нажатия:

На мой взгляд «Текст» — это один из самых значимых инструментов. Здесь можно и логотип (или адрес сайта) на картинку поставить , и какую нибудь надпись на фотографии разместить, как мы сделали чуть выше при создании демотиватора. Настройки данного инструмента, как только вы его выберете, выскочат в отдельном окне. Здесь можно выбрать шрифт, его размер, цвет и стиль:

«Выделение» и «Ластик» для коррекция фото в Пикслр

Ну, что такое ластик и для чего он нужен, думаю, объяснять не надо. Поэтому давайте рассмотрим этот инструмент вкупе с таким инструментом, как «Выделение». В общем-то, работать это будет в точности как в Фотошопе, но тем не менее в двух словах обрисую.

Выделяем при помощи данного инструмента определенную область на изображении и берем ластик (в настройках каждого из них мы можем выбрать само выделение — овальное или прямоугольное, а также размер и прозрачность у ластика), которым водим по нашей картинке. Что же мы видим? А видим мы то, что стирается у нас изображение лишь в выделенной области (верхний правый прямоугольник с выделением на приведенном чуть ниже скриншоте).

Если же мы хотим стереть ластиком всё, кроме выделенной области, то нужно выбрать в меню «Редактировать» — «Инвертировать выделение». В итоге, наш ластик переметнулся стирать то, что находится только за выделенной областью (нижний левый прямоугольник с выделением). В результате, завуалировав неприкосновенные фрагменты изображения, мы можем, наплевав на аккуратность, потереть все лишнее:

«Губка» и «Градиент» — обработка фото

В настройках губки мы можем выбрать ее размер и форму, интенсивность (сила нажатия), а также режим: обесцвечивание или насыщение:

Ну, и еще один инструмент онлайн Фотошопа — «Градиент», т.е. заливка нашей картинки не одним, а несколькими цветами. Заливку можно производить как линейно, так и радиально — это выбирается в настройках инструмента (см. ниже). Щелкнув мышкой по градиенту откроется окно, в котором нам предоставляется богатый выбор разнообразного тонирования фона.

Я выбрал для примера трехцветный линейный градиент. При помощи ползунков мы можем регулировать размер (толщину полосы) определенного цвета, а еще поменять этот самый цвет или придать ему прозрачности, если, к примеру, предложенные варианты нас не устраивают. Все, как говорится, в ваших руках! Дерзайте!

Фильтры и коррекция в Pixlr, создание рамок и смена стилей слоев

Как и в Adobe Photoshop, в данном редакторе есть возможность применить различные фильтры к изображению (одноименная вкладка из верхнего меню Пикслр). Это поможет придать уникальности нашему изображению. Например, добавить шум фотографии, изобразить волшебное сияние, создать из него водоворот или калейдоскоп, или, как на примере ниже, сделать из него фото ночного видения:

А также произвести онлайн коррекцию фотографии — состарить фото (как на примере ниже), обесцветить (сделать ее черно-белой), применить сепию, и многое другое (одноименная вкладка в верхнем меню редактора):

Мне не раз в комментариях задавался вопрос о том, как я делаю для своих картинок затемненные рамки . Давайте как раз это и рассмотрим, тем более, что трудностей сие действо не должно вызвать даже у новичка. Щелкаем в области «Слои» по иконке «Стили слоев».

Напомню: если у кого-то вдруг этой области на экране нет (закрылась сама или была закрыта вами за ненадобностью), то ее можно найти в меню редактора «Просмотр» — «Слои». В открывшемся окне стиля слоев ставим галочку в последнем пункте и настраиваем его по своему усмотрению — задаем цвет рамки, ее размер, твердость и непрозрачность.

Это что касается обыкновенной, не аляпистой рамочки, которая наблюдается на данном ресурсе. Теперь давайте посмотрим на другую, более навороченную рамку для фотографии . Опять щелкаем по иконке «Стили слоев» и в открывшемся меню ставим галочку напротив третьего пункта.

Теперь наша рамочка состоит из двух цветов, которые мы выбираем в настройках. Там же задаем размер, стиль, угол и процент непрозрачности для каждого цвета отдельно.

На самом деле, инструментов и настроек у Pixlr Editor еще очень много, но почти все они имеют место быть и в классическом Фотошопе (та же волшебная палочка, лассо, перемещение, выделение, заливка, замена цвета, рисование, удаление эффекта красных глаз, пипетка, лупа и многое другое).

Поэтому не имея возможности рассказать про них в рамках этой статьи, я отсылаю вас к литературе по «великому и ужасному» Фотошопу, где сможете все это многообразие обозреть.

Pixlr Express — упрощенный онлайн-фоторедактор

Как я уже не раз упоминал, онлайн редактор Editor по функционалу и внешнему виду очень похож на Photoshop и с ним безусловно удобно работать на компьютере или ноутбуке, особенно, когда вы уже знакомы с его прототипом. Однако, управляться с таким навороченным фоторедактором на относительно небольшом экране смартфона или планшета будет крайне неудобно.

Поэтому разработчики, думая о многочисленной армии мобильных пользователей, не так давно выпустили упрощенную версию этого редактора под названием Pixlr Express . Отличается он от оригинала простотой работы, но при этом, конечно же, теряется гибкость в настройках и уменьшается функционал.

Однако, с Пикслр Экспресс удобно работать именно с мобильных устройств и разработчики даже выпустили соответствующие приложения для Андроида и АйОС .

Но и онлайн версия Express довольно удобна и наглядна, и придется по душе тем, кто не хочет вникать в премудрости Фотошопа, а желает быстренько улучшить свое фото, обработать его нужным образом, наложить эффекты или фильтры, а возможно еще и добавить рамку для фотографии или даже .

Рассказывать про его возможности я пока не буду (возможно, что напишу отдельную заметку), но поверьте, все в этом упрощенном онлайн фоторедакторе настолько интуитивно понятно, что проще будет самому потыкать на кнопочки, чем читать мои занудствования. Например, коллажи любых форматов создаются в нем за пару минут , а еще за несколько потраченных минут эти фото можно будет улучшить, оформить, добавить текст и сделать многое другое.

К сожалению, Pixlr Express пока не поддерживает русский язык, равно как я не обнаружил и поддержки русских шрифтов. Возможно, что это будет в ближайшее время доработано.

Фотографию для обработки можно будет загрузить в этот онлайн редактор со своего компьютера или указать ее урл адрес в интернете, а также можно будет воспользоваться вебкамерой или мобильным телефоном. Отдельная пиктограмма вынесена для загрузки и группировки коллажей из фотографий, которые потом можно будет обработать имеющимися в упрощенном фоторедакторе инструментами.

Все инструменты, которые вам предлагает Пикслр Экспресс для обработки фотографий, очень простые и интуитивно-понятные:

Внизу расположена панель инструментов, имеющая довольно много вложенных пунктов, которые становятся доступными при щелчке по одной из пиктограмм:

1. Ajustment - обработка фотографии (обрезка, изменение размеров, поворот, удаление эффекта красных глаз и многое другое);
2. Effect — бесплатные онлайн эффекты для фото (каждый тип имеет свои подтипы, список которых можно прокручивать расположенными вверху стрелочками);
3. Overlay - эффекты для подложки изображения;
4. Border - огромное количество различных бесплатных рамок для фото;
5. Text - позволяет быстро добавить надпись на фотографию

Вверху окна редактирования Pixlr Express вы найдете кнопку отката назад, ползунок изменения масштаба, а также кнопки сохранения полученного изображения и закрытия окна его редактирования. Сохранять этот фоторедактор умеет только в формате Jpg, и в соответствующем диалоге вы сможете выбрать качество итогового изображения.

Все очень и очень просто, но в то же время удобно и наглядно.

Pixlr-o-matic — онлайн эффекты для фото в стиле Инстаграма

Казалось бы, что еще больше упростить описанный чуть выше Пикслр Экспресс уже невозможно, однако, в арсенале разработчиков имеется еще более простой инструмент, который заточен исключительно под наложение различных эффектов на фотографии — Pixlr-o-matic .

Он опять же ориентирован для удобной работы с фото на мобильном телефоне, но и его онлайн версия весьма удобна и найдет своих поклонников, особенно в стане .

В онлайновой версии Pixlr-o-matic изображение можно загрузить либо с вебкамеры, либо со своего компьютера. После этого фотография попадает в импровизированную ванночку (раньше в таких проявляли, когда в чести была пленка и не было в помине фотопринтеров). При проведении курсором мыши над фотографией, по жидкости в ванночке проходит рябь, что добавляет этому редактору .

Чуть ниже ванночки в окне будет расположена линейка эффектов, которые можно сразу же применить к открытому фото. Двигать линейку с эффектами можно мышью с зажатой левой кнопкой. Если ничего из этого ряда не подошло, то возвращайтесь к первому варианту в линейке «None». Но эффектами все не ограничивается.

Дойдя до конца ленты вы можете нажать на плюсик с надписью «More» или же внизу окна щелкнуть по иконке с рулоном фотопленки, чтобы попасть в меню выбора между Эффектами, Подложками или Рамками для фото.

Хотя проще всего будет воспользоваться трехсекционным стрелочным прибором, который вас будет переключать между упомянутыми чуть выше списками эффектов, фильтров и рамок. Кстати, не обязательно применять и эффекты, и подложки, и рамки — выбираете только то, что требуется.

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на

Вам может быть интересно

Как онлайн сделать надпись на фото или наложить текст на картинку
Как добавить водяной знак на фотографию или любое другое изображение онлайн

Чтобы развернуть фоторедактор на ввесь монитор, нажмите на кнопку с четырьмя стрелками и надписью Fullscreen справа вверху.

Как сделать коллаж?

Чтобы сделать коллаж из нескольких фотографий, перейдите в раздел Collage (по соответствующей пиктограммке) Обратите внимание, что фотографии в коллаж добавляются только с компьютера. Выберите Layout - расположение фотографий на коллаже. Можно изменять пропорции коллажа, скруглять гранизы фотографий и увеличивать расстояние между ними при помощи соответствующих ползунков, расположенных под фотографией. Чтобы редактировать фотографию в коллаже наведите курсор на загруженное фото и кликните по пиктограмме с изображением кисти (также можно удалить фотографию, нажав на крестик или загрузить другое фото взамен вставленного, нажав на пиктограмке с двумя стрелочками).

Как накладывать эффекты?

Для применения эффектов нужно перейти в раздел Эффекты (Effect). Внутри этого раздела огромное множетсво эффектов, сгруппированных по стилю в продразделы. Поиграйте с ними, и фотография преобразится! Не забывайте, что у каждого эффекта есть параметры, которые можно менять.

Как отменить последнее действие?

Чтобы отменить последнее действие, справа вверху нажмите на кнопку Undo, повторить отмененное действие можно кнопкой Redo. Эти функции удобно использовать, чтобы посмотреть на изменения при последнем примененном действии.

Как добавить фото?

Чтобы загрузить свою фотографию выберите один из вариантов загрузки: с компьютера (Browse), из интернета (Open URL) или с вебкамеры (Webcam). Для загрузки фотографии с компьютера нужно знать полный путь к файлу на компьютере (точное местонахождение, папку, в которой находится файл картинки). Чтобы загрузить фото из интернета необходимо иметь ссылку (URL) на эту картинку. И для получения фотографии с вебкамеры, она должна быть подключена.

Как сохранить фото?

Слева вверху нажмите на кнопку Save. Затем можно указать название фотографии и выбрать качество сохранения. Еще раз нажать Save и указать путь на компьютере для сохранения фотографии в нужную папку. Чтобы отменить сохранение и продолжить редактирование фотографии нажмите Cancel.

Как закрыть фотографию?

Чтобы загрузить другую для обработки? В левом верхнем углу нажмите на кнопочку Close.

Как писать по-русски?

Чтобы ввести текст на русском языке, нужно выбрать стиль Sans или Serif. В стиле Sans доступны следующие шрифты, поддерживающие русский язык: CuprumFFU, DejaVu Sans, Droid Sans, Hattori Hanzo, Jura, Molot, Roboto, TeX Gyre Heros. В стиле Serif чтобы написать по-русски выберите один из этих шрифтов: Crimson, DejaVu Serif, Droid Serif, EB Garamond, Old Standard.

В сегменте графических редакторов есть лидеры, которые отличаются богатым функционалом и высокой ценой лицензии. Однако те, кто просто хочет обработать пару фотографий для Инстаграма лицензия ни к чему. И здесь выручит Pixlr Editor.

Функционал

Конечно, этому редактору далеко до таких монстров, как Adobe Photoshop, но и он обладает весьма широкими возможностями.

• Богатый инструментарий. В арсенале редактора имеются такие инструменты, как кисти, линии, формы, карандаши, заливки, градиенты и прочие вещи. В этом плане Pixlr очень напоминает GIMP или Paint.NET.
• Огромное количество встроенных фильтров. К услугам пользователя имеются фильтры самых разных стилей. Они прекрасно подойдут для создания художественных фотографий. Есть такие знакомые вещи, как «Виньетка», «HDR», «Сияние», «Размытие» и так далее.
• Поддержка слоев. Пользователь может создать любое количество слоев и их копий для того, чтобы работать именно с ними, а не с самим изображением. Вдруг что-нибудь пойдет не так? Тогда изменения можно будет отменить.
• Эффект красных глаз. Этот дефект частенько встречается на фотографиях и всегда их портит. Pixlr Editor помогает избавиться от этого полностью. Причем процесс очень похож на таковой в Adobe Photoshop. Даже не нужно будет переучиваться.
• Работа с текстом. Приложение умеет добавлять на изображение текст любой формы и стиля. Используются как системные шрифты, так и программные. Можно добавлять и другие шрифты. Программа легко их распознает.
• Полная настройка изображения. В арсенале инструментов Pixlr Editor есть такие вещи, как «Яркость и Контрастность», «Экспозиция», «Кривые», «Цветовой тон и Насыщенность», «Инверсия» и многое другое. Все эти вещи отлично знакомы тем, кто хоть когда-нибудь занимался обработкой фотографий.
• Журнал. Все действия пользователя записываются в своеобразный «Журнал» (аналог «Истории» в Photoshop). С помощью этого компонента можно отменить последние действия или просто вернуться на конкретную запись и начать все сначала.

Pixlr Editor – замечательный редактор для тех, кому не нужны сложные и перегруженные инструментами «монстры» вроде Adobe Photoshop. Стоит отметить, что без подключения к интернету приложение не работает. Некоторые опции и фильтры требуют постоянного и стабильного соединения с Сетью. Однако этот редактор является полностью бесплатным приложением. И это уже делает его наиболее предпочтительным вариантом для обычного пользователя.

Преимущества

Pixlr Editor далеко не единственный бесплатный редактор изображений. Но многие юзеры выбирают именно его. Почему? Что в нем особенного?

• простой и понятный процесс установки;
• русский язык в комплекте;
• работа с различными версиями Windows;
• есть браузерный вариант редактора;
• простой и понятный интерфейс;
• не требует много ресурсов компьютера;
• имеет огромное количество фильтров и инструментов;
• интерфейс похож на панель управления Adobe Photoshop;
• простой процесс удаления;
• работа с различными форматами изображений.

Недостаток у программы только один: встроенная справка исключительно на английском языке. Но это не столь важно, так как интерфейс сделан грамотно. Все, что требуется пользователь может понять на уровне интуиции.

Скачать

Pixlr Editor должен быть у каждого юзера, который любит обрабатывать фотографии. Скачать бесплатно на компьютер приложение можно по прямой ссылке с нашего сайта. Архив проверен лучшими антивирусными продуктами. Вредоносного программного обеспечения точно нет.

Здравствуйте, уважаемые читатели блога сайт! Думаю, многие вебмастера, да и не толко они, ищут простой в обращении и одновременно достаточно функциональный графический редактор для своих нужд. Конечно, современных программ такого рода немало, взять хотя бы знаменитый Фотошоп. Однако, дисктопная версия требует установки на компьютер, изучение функционала программы требует времени, которого катастрофически не хватает.

К тому же во многих случаях весь спектр опций, который предлагает тот же Adobe Photoshop, не всегда нужен и зачастую лишь распыляет внимание. Здесь и приходит на помощь сервис Pixlr , который имеет множество онлайн инструментов, среди которых выделяется Pixlr Editor . Безусловно, среди всех возможностей нельзя не упомянуть и такие популярные средства как Pixlr Express (упрощенная версия фоторедактора) и совсем простая версия редактора O-Matic для наложения эффектов на фото и картинки в 2-3 клика.

Конечно, Экспресс и О-матик предназначены в силу своей незамысловатости прежде всего владельцам мобильных устройств, однако существуют и онлайн варианты. Следует отдать должное грамотной работе разработчиков этого чуда современных приложений, которые позаботились о всех группах пользователей. Кстати, вы, наверное, не раз пробовали вбить в поиск что-то наподобие «онлайн Фотошоп» и удивлялись, что один и тот же инструмент Pixlr Editor, функционал которого действительно напоминает набор опций этого популярного фоторедактора, доступен сразу по нескольким URL, причем все сайты находятся в ТОП?

Это просто предприимчивые ребята с помощью тега Iframe вставляют страницу с Пикслр к себе на сайт и не удосуживаются ничего добавлять в виде полезного контента окромя тизерной рекламы, которая приносит неплохую денежку. А почему такие, с позволения сказать, ГС, занимают ведущие позиции, спросите вы? Да за счет превосходных поведенческих факторов ( о ранжировании сайтов по поведению пользователей), как я полагаю. Ведь посетители попали на этот ресурс по абсолютно конкретному запросу и, получив, то, что нужно, а именно редактор фотографий, естественно, не покинут его сразу.

Pixlr Editor - описание возможностей русской версии онлайн фотошопа

Думаю, я освещу в отдельных публикациях поподробнее некоторые инструменты Пикслр вроде выше упомянутых мною Express и O-Matic, поскольку это займет немало места, а статья и так обещает быть довольно объемной. Теперь же разберем основные возможности онлайн фоторедактора Pixlr Editor, который наиболее подходит вебмастерам, тем более он уже переведен на несколько языков, в том числе на русский. Итак, переходим на русскоязычную страницу Pixlr Editor , где сразу перед нами появляется такое окно:

Здесь информация о возможности загрузки фотографии сразу несколькими способами:

1. Создать новый рисунок - ничего загружать не надо, после нажатия на этот фрагмент диалогового окна получаете поле для творчества в виде белого холста, размеры которого проставляете заранее в появившемся после клика дополнительном окошке.

2. Загрузить изображение с компьютера - ну здесь все понятно, откроется окно загрузки файла.

3. Открыть URL изображения - необходимо в появившейся форме заполнить поле с адресом картинки с какого-нибудь ресурса в интернете либо со своего сайта, например: /wp-content/uploads/2013/09/pixlr.jpg

4. Открыть изображение из библиотеки - тут нужно загрузить нужную фотографию с какого нибудь сервиса, в том числе с Pixlr. Но для получения этой возможности надо сначала зарегистрироваться, введя e-mail и пароль, либо войти используя :

Правда, для загрузки фото с Facebook (), Flickr или Picasa для начала нужно связать свой аккаунт онлайн фоторедактора Пикслр с соответствующими аккаунтами на этих сервисах:

5. Use pixlr on your mobile device - нажав на эту ссылку, получаете возможность скачать мобильные версии онлайн фотошопа Pixlr Editor. Это поможет проводить экспресс обработку фотографий пользователям мобильных телефонов и смартфонов.

Теперь для начала изучения возможностей этого онлайнового редактора загрузим какое-нибудь фото с компьютера и убедимся в практической идентичности его интерфейса интерфейсу всемирно известной программы Adobe Photoshop:

Сверху располагается меню, в котором есть все необходимые опции обработки фото, в том числе самые разнообразные эффекты, готовые к применению. Слева от редактируемой фотографии находится панель инструментов, с помощью которой вы можете выделять области на фото, перемещать их, изменять цвет, ретушировать, в общем редактировать как вашей душе угодно. А вот справа расположены три блока, оказывающие весьма серьезную помощь при работе в онлайн фотошопе.

1. Навигатор - область Editor, в которой можно увеличивать или уменьшать фото, но не окончательно, а только лишь с целью удобства работы с ней. Например, когда нужно осуществить точную доводку некоторых деталей. Передвигая курсор влево-вправо, мы меняем размер, это изменение тут же отображается в процентном отношении. При перемещении курсора мышки в основном окне показываются координаты любой точки редактируемой фотографии, это помогает точно определить ее местоположение и перемещать в нужное место отдельные фрагменты.

2. Слои - наверняка вы слышали об этом термине, который частенько применяется при использовании графического редактора, в данном случае Пикслр. Слои являются удобным средством, когда, скажем, из начальных фотографий необходимо скомпоновать один рисунок. При этом каждый элемент располагается на отдельном слое, поэтому при внесении изменений можно не бояться затронуть другие части будущей композиции.

Кликая мышкой по нужному слою, можно перемещаться между всеми слоями, внося необходимые изменения в располагающиеся на них элементы. Я, например, таким образом создаю в онлайн фотошопе Pixlr Editor первую картинку ко всем постам. После сохранения фото все слои автоматически объединяются. Этот функционал очень важен и используется практически при каждом редактировании.

3. Журнал - здесь фиксируется история изменений, сделанных в течении редактирования фото. Если вы поняли, что сделали что-то не так, то всегда можно совершить возврат на несколько шагов назад. Для этого достаточно щелкнуть по названию осуществленного действия или выбрать из верхнего меню онлайн редактора «Редактировать» → «Отменить».

Создание картинки "стрелка вверх" для сайта с помощью Фотошопа Pixlr Editor

Вы, наверное, знаете о важности улучшения для его успешного продвижения. Мелочей в этом деле быть не может. Я уже писал в одном из мануалов о механизме установки кнопки «вверх», где обещал опубликовать для полноты картины и алгоритм создания изображения для этой кнопки. Сейчас как раз подходящий случай, и ниже я расскажу как сделать нарисовать стрелку, направленную вверх, используя онлайн фотошоп Pixlr Editor.

К сожалению, возможности для рисования стрелок мгновенно в онлайн фоторедакторе нет, и это один из его немногочисленных минусов, хотя в дисктопной версии Adobe Photoshop, например, такая опция имеется. Но это не страшно, в конце концов, контур стрелки любой направленности (вниз, вверх, вправо, влево) можно за несколько секунд начертать в приложении Paint, которое входит в комплектацию операционной системы Windows, так что проблемы здесь нет.

Я же немного усложню задачу и покажу, как не просто нарисовать символ стрелки вверх для сайта онлайн, но и создать спрайт из двух различных картинок, чтобы стрелка меняла свой облик с помощью кодов, представленных в выше упомянутом материале о создании элемента для сайта WordPress. Попутно рассмотрим еще некоторые опции редактора фотографий Пикслр, убив таким образом двух зайцев сразу.

Прежде всего, после открытия страницы Pixlr Editor нажимаем на строчку «Создать новый рисунок» и получаем диалоговое окно, в котором из выпадающего списка можно выбрать стандартные размеры высоты и ширины будущей картинки либо указать свои значения:

Отмечаем галочкой пункт «Прозрачность», чтобы получить красивую композицию, а не стрелку на белом фоне, что выглядит не так эффектно. Далее выбираем элемент «Многоугольное лассо», с помощью которого рисуем контур стрелки. Для этого кликаем мышкой по холсту в месте, где начинаем рисовать контур, затем отпускаем кнопку и тянем линию до следующей точки, где будет изгиб. Снова делаем одиночный клик, фиксируя таким образом первый отрезок, и так далее. После того, как вернемся в исходное место, образуется контур стрелки в виде бегущей пунктирной линии. Чтобы стрелка вверх получилась правильной формы, следим за экраном «Навигатора», где показываются координаты любой точки на холсте:

После этого берем инструмент «Градиент» и производим по порядку действия, подробно указанные на ниже расположенном скриншоте:

Хочу отметить, что в данной публикации я предлагаю использовать вкладку «WEB» цветовой палитры (так называемые безопасные цвета), так как это позволяет добиться одинакового отображения выбранного оттенка во всех браузерах ( детально о кроссбраузерности). Но это обедняет палитру, для подбора более подходящих тонов можно выбрать, например, вкладку «HSL» или . Даю это просто в качестве дополнительной информации. Также обращаю внимание, что у данного инструмента еще куча дополнительных опций. Можете использовать их по умолчанию, а можете поэкспериментировать, изменяя, например, текст, метод распространения или режим:

Теперь двигаем курсор от нижнего края стрелки до верхнего, зажав левой кнопкой:

Отпускаем кнопку и получаем результат:

После этого создаем новый слой для второй картинки «стрелка вверх» в онлайн Фотошопе. С этой целью нажимаем правой кнопкой мышки на блоке «Слои» и из контекстного списка выбираем «Дублировать слой». Должен появится новый слой. Теперь берем инструмент «Перемещение», подводим курсор к картинке, зажимаем мышкой и перетаскиваем дубль изображения «стрелка вверх» вниз. Вновь ориентируемся на положение координат на блоке «Навигатор» и располагаем вторую стрелку точно под первой, сохраняя симметрию:

Следующим шагом вновь используем «Градиент» и проводим курсором по нижней стрелке уже наоборот, сверху вниз:

Таким образом мы изменяем направление градиентной заливки на второй картинке, сотворив для нее элемент эксклюзивности:

Теперь можно из верхнего меню в разделе «Редактировать» нажать на строчку «Отменить выделение». Идем дальше. В принципе, эти картинки уже можно использовать для функции «Кнопка наверх». Однако для более детального изучения онлайн фотошопа Pixlr применим еще некоторые опции Editor, чтобы добиться более привлекательного результата. Сначала на блоке «Слои» выбираете слой для верхней стрелки:

После нажатия на значок «Стили слоев» получим возможность красиво оформить изображение стрелки с помощью огромного разнообразия эффектов:

Здесь тоже экспериментируйте, изменяя угол наклона, цветовые оттенки, удаление тени и многое-многое другое. Результат сразу будет отображаться на холсте. Для сохранения окончательного облика картинки нажмите «Да». Следующим шагом на блоке «Слои» выбираете другой слой и тоже приукрашиваете изображение. Для придания эффекта прикосновения я, например, в опции «Угол» поставил противоположное значение (90) тому, что использовал для первой картинки (-90):

Ну и наконец, попользуемся эффектом «Шум», отыскав его в верхнем меню из раздела «Фильтр» и применив к каждому из слоев:

Теперь спрайт, состоящий из двух изображений «стрелка вверх» для кнопки наверх, готов. Вторая картинка будет сменять первую при приближении к ней курсора и будет создавать красивый эффект. Конечно, для полной реализации этого замысла надо провести все необходимые действия по внедрению соответствующих кодов в файлы темы WordPress. Ссылка на статью о создании кнопки наверх дана выше в статье.

Для сохранения результата выберите в верхнем меню «Файл» → «Сохранить», в появившемся окошке обязательно укажите формат PNG (который поддерживает прозрачность) из выпадающего списка и нажмите «Да»:

Обращаю ваше внимание, уважаемые читатели, на то, что при сохранении файла на компьютер в стандартном диалоговом окне, которое появится сразу после нажатия на «Да», необходимо корректно указать имя файла:

После всех этих телодвижений спрайт с картинками стрелок у вас на компьютере. Для сжатия полученного изображения перед закачкой его на сервер можно воспользоваться замечательной .

Настройки, эффекты и инструменты для редактирования фото или изображения в Пикслр

Ну, а теперь продолжим знакомство с русской версией онлайн фотошопа и рассмотрим опции, которые остались вне нашего внимания при создании картинки «стрелка вверх». Конечно, описать подробно все средства для редакции фото практически нереально в одной статье, однако основные инструменты, требующие изучения, я обязательно затрону чуть ниже.

Как изменить в фотошопе размер фотографии и размер холста

Эти понятия очень часто путают начинающие, что вполне естественно, ведь для понимания их различия нужны какие-никакие знания и практический опыт. Поэтому рассмотрим отдельно как уменьшить или увеличить размер фото в онлайн редакторе. Сначала уменьшим фотографию. Для этого выбираем из верхнего меню Editor «Изображение» → «Размер изображения» и в появившемся окне отмечаем нужные ширину и высоту:

Точно также можно увеличить фото. Чтобы изменить размер холста, который является основой, на которой располагается фотография, из того же верхнего меню выуживаем соответствующую строчку и кликаем по ней. В результате откроется диалоговое окно:

Тут нужно установить якорь в настройках Pixlr Editor, который определяет, в какие стороны будет смещена фотография при изменении размеров самого холста. Например, если установить этот самый якорь в левое верхнее положение, то при уменьшении размера холста уменьшаться будет нижняя и правая сторона фотографии и результирующее изображение примет такой вид:

Если якорь установлен в центральное положение:

Все стороны картинки будут уменьшаться на одинаковую величину вместе с уменьшением размера холста в Pixlr Editor:

Надеюсь, теперь все понятно с точки зрения возможности таким способом увеличивать и уменьшать не только размер фото, но и редактировать ее внешний вид.

Опции коррекции цвета и фильтры в фотошопе онлайн

На очереди - редактирование цветовой гаммы фотографии (яркости, насыщенности и других характеристик), которое позволяет радикальным образом изменить ее облик. Для начала разберем возможности, предоставляемые в разделе «Коррекция» онлайн редактора Pixlr Editor. Выбирая соответствующие опции из списка и пользуясь регулировочными ползунками, можно менять «Яркость/контрастность», «Цветовой тон/насыщенность», «Color balance» (цветовой баланс) и т.д. Совершенно фантастические композиции можно творить, применяя функциональный инструмент «Кривые» из того же раздела коррекции цвета:

Устанавливаем из функции «Предварительные настройки» понравившуюся опцию, список которых довольно внушителен, и выбрав из выпадающего меню соответствующий цветовой диапазон, можно творить сколько влезет. Например, если взять диапазон RGB, то с помощью искривления линии на какие угодно углы и разделяя ее на сколь угодно много участков с помощью проставления на этой кривой точек одним щелчком мыши (эти самые точки сразу превращаются в ползунки), можно добиться результата на любой вкус. Также можно использовать другие возможности коррекции цвета, например, состарить фото:

Образцом фильтров, которые применяются в Pixlr Editor, может служить такой фильтр как . С этой целью следуем по пути «Фильтр» → «Виньетирование»:

С помощью ползунка можно скорректировать отступ внутренней границы виньетки от краев фото. Также, щелкнув по цветному прямоугольнику, активируете палитру, из которой выбираете цветовой оттенок для виньетирования.

Кадрирование

Во многих графических редакторах присутствует опция кадрирования (обрезки) фотографии , Pixlr Editor не исключение. Для применения этого инструмента из верхнего меню выбираете «Изображение» → «Кадрировать»:

Тянем за уголок, тем самым увеличивая или уменьшая площадь кадрирования изображения в Editor. Также ее можно перемещать по всей поверхности фотографии. После выбора оптимальных параметров для обрезки нужно просто выбрать какую-нибудь опцию или щелкнуть левой кнопкой мыши по экрану, в результате чего появится диалоговое окно с вопросом, подтверждаете ли вы свое намерение кадрировать фотографию или отказываетесь от этой операции. В случае нажатия кнопки с положительным ответом обрезка фото будет произведена.

Рамка для фото в онлайн фотошопе Editor

А теперь попробуем начертать простую рамку для нашей фотографии. Для этого снова, как и в случае с созданием стрелки вверх, воспользуемся редактором стилей слоев. Только теперь применим опцию «Inner glow»:

Передвигая ползунки, можете вволю поиграться с прозрачностью, размером и уровнем затемнения будущей рамки для фото. После выбора необходимых параметров не забудьте нажать «Да», чтобы изменения вступили в силу.

Как сделать текст на фото в редакторе Пикслр

Итак, наложить текст на изображение в Pixlr Editor довольно просто. Подходящий инструмент можно отыскать на левой панели. После клика по редактируемой фотографии откроется окно с настройками, где выбираете шрифт, его параметры, а также вводите нужный текст. По мере ввода текста в соответствующее поле он будет отображаться одновременно непосредственно на фотографии:

Причем даже еще до конца не созданный текстовый фрагмент есть возможность перетаскивать по всему пространству фото, зажав его мышкой, чтобы приспособить на более подходящее место. Кстати, таким макаром можно создать вполне сносную надпись в качестве водяного знака для защиты своих прав ( про создание водяного знака на изображении с помощью сервиса PicMarkr).

Кстати, к полученному таким образом тексту можно применять все рассмотренные выше средства (инструменты, фильтры, стили слоев). Но для этого нужно сначала нажать на вновь созданный слой с надписью в блоке «Слои» и, кликнув правой кнопкой мышки, выбрать из меню «Растрировать слой». Далее рассмотрим еще некоторые функции, которые помогут в создании эксклюзивного изображения.

Инструмент штамп в онлайн редакторе

Для активизации инструмента «Штамп» в онлайн фотошопе Пикслр находим соответствующий значок опять же на панели слева и для настройки этого художественного средства оформления выбираем кисть из представленного здесь разнообразия по размеру, степени нажатия, форме:

Если по каким-то причинам выбор недостаточен, то можно его расширить, нажав, скажем, на кнопку «Другие параметры», в результате чего вы получите целую прорву различных художественных кистей, которые можете использовать по своему усмотрению.

Для добавления понравившегося набора кликаете по кнопке «Добавить». Теперь можно со спокойной совестью упражняться в творчестве, используя возможности Editor. Чтобы использовать «штамп» посредством выбранной кисти, кликаете по нужной области фотографии левой кнопкой, удерживая клавишу Ctrl, затем кнопку отпускаете и кликаете уже в другом месте на фото. Результат будет таким:

Таким образом можно приукрасить фотографию или картинку несколькими повторяющимися фрагментами.

Ластик и выделение

Переходим к следующим средствам фоторедактора Pixlr Editor. Находим нужные символы опять же в наборе инструментов слева. Для применения ластика также существует довольно обширная коллекция кистей, из которых аналогичным способом можно отобрать необходимую. В случае выделения можно применять указанные в опциях сверху прямоугольную либо овальную форму.

Думаю, применение инструментов ластик и выделение не вызовет у вас трудностей. Нюанс заключается в том, что, выделяя какую-либо область на картинке, тем самым вы создаете условия для редактирования именно этого выделенного участка. Работая ластиком в пределах этой области, вы можете не беспокоиться о том, что затронете не предполагавшиеся к изменениям другие участки.

Размытие, резкость и губка

Полагаю, с размытием и резкостью тоже все предельно ясно исходя даже из названий этих инструментов. Берем их все оттуда же слева, применяем дополнительные параметры опций в виде выбора соответствующей кисти (о кистях сказано чуть выше), а также значения интенсивности.

Как можете убедиться, посмотрев на расположенный выше скриншот, результаты работы этих инструментов прямо противоположны. Ну, напоследок расскажу об инструменте губка, расположенном все там же. Он имеет две опции, которые абсолютно противоположны по результату своего воздействия также как инструменты резкость и размытие.

Как видите, здесь тоже ничего сложного нет. Просто выбираете губку, определяете кисть (о всех ее параметрах сказано выше), далее опции «Режим» и «Интенсивность» и вуаля, довершайте свой шедевр.