В простейшем графическом редакторе Paint есть нестандартный способ создавать фоны с градиентом. Официально такой функции нет, но есть лайфхак. Многие молодые пользователи персональных компьютеров узнали об этом буквально вчера и были удивлены. Мы проверили: класс, работает!
Программа MS Paint для Windows, которую с этого года Microsoft перестала поддерживать (), возможно, самый популярный и самый примитивный графический редактор в мире. В нём очень мало функций, зато интуитивно понятный и доступный даже младенцу интерфейс.
Впрочем, мало кому удавалось нарисовать в нём что-нибудь путное. Однако до сих пор многие умудряются делать настоящие открытия. Например, функция заливки градиентом в Paint не предусмотрена. Но фон, переходящий из одного цвета в другой, сделать можно. Нужно только знать секрет!
Юноша из Сан-Хосе, штат Калифорния, был так поражён этим открытием, что даже снял об этом маленькое видео и выложил его в твиттер.
mikejmoffitt
Вы знали, что MS Paint может делать градиенты?!
Делается это так:
1. Делите изображение пополам по диагонали прямой линией.
2. Сжимаете его по горизонтали до одного пикселя (с помощью вкладки «изменить размер»).
3. Разжимаете обратно.
4. ???
5. PROFIT!
Вот, собственно, ролик.
Твит с этим видео собрал больше 30 тысяч ретвитов. В реплаях одни выражают восхищение и восторг, другие скепсис, третьи утверждают, что уже сто лет этим пользуются. Ничто не ново под Луной!
Temia Eszteri but with antlers taped on for xmas
Интересно, а когда это они заменили ресемплинг по ближайшему соседу? Не помню такого в виндах 9x.Mwezzi
Однажды мне пришлось делать градиент в Paint ПИКСЕЛЬ ЗА ПИКСЕЛЕМ. Ты меня вот сейчас просто убил.Darke Imp
Не могу понять, как ты это делаешь. Слишком быстрая гифка! Попробую сейчас покадрово её посмотреть.Jere Majava
А ты что думал, логотип Instagram делали пиксель за пикселем, хм?Для просмотра видеоурока нажмите на миниатюрный экран.
Вы узнаете:
- Что выполнить заливку можно не только цветом, но и текстурой.
- Как при помощи Define Pattern (Определить узор) создать заливку узором.
- Как в CS5 работает заливка Content Aware (С учетом содержимого).
- Как наложить облака на фотографию с проваленным небом.
- Как пользоваться окном Gradient Editor (Редактор градиента).
- Как добавить закатные цвета небу и создать собственные градиенты.
- Как создавать узоры, используя градиент.
- Как при помощи градиента добавить на изображение радугу.
Инструмент Paint Bucket (Заливка)заливает изображение или выделение цветом переднего плана или текстурой. Клавиша для быстрого вызова – G
. 
Fill
(Заливка)
- Бывает двух видов: Foreground
(Цвет переднего плана/основной цвет) - основной цвет и Pattern
(Образец/узор/регулярный)
- узор, текстура. В русском CS4 и CS5 почему-то перевели, как регулярный
.При выборе этого параметра изображение будет заливаться узором, который можно выбрать из списка или загрузить новые наборы, щелкнув по стрелочке в правом верхнем углу.
Mode (Режим наложения) - происходит изменения пикселов в зависимости от выбранного режима. В учебнике есть пять уроков в которых очень подробно рассказывается о каждом режиме.Opacity (Непрозрачность) - непрозрачность заливки;
Tolerance (Допуск) – от 0 до 255. При 0, закрасятся только точно совпадающие по цвету пикселы, при 255 - все изображение.
Anti - aliased (Сглаживание) - смягчение неровности и шероховатости краев заливки;
Contiguous
(Смежные)
– Если отметить этот пункт галочкой, то будут заливаться только соседние по цвету пикселы. Если же галочку снять, то зальются пикселы на всем изображении.
Если не хотите заливать прозрачные области слоя, нажмите на в палитре слои.
Создание собственного узора.
Для создания собственного узора выделите прямоугольную область на изображении, выберите команду Edit (Редактирование) – Define Pattern (Определить узор) , введите какое-либо имя и щелкните по кнопке ОК. Снимите выделение с области. Созданный образец можно найти в самом конце списка в панели выбора узоров.
Заливка Content Aware (С учетом содержимого).
Этот инструмент можно считать одним из главных достижений разработчиков версии CS 5 . Он одним движением заменяет несколько действий, которые раньше приходилось выполнять для удаления лишних областей на изображении. В большинстве случаев фон восстанавливается, как будто ничего его не загораживало.
Обведите объект, который хотите удалить с изображения инструментом лассо. Для лучшего результата выделение должно немного захватывать область фона.
Меню Edit
(Редактирование)
– Fill
(Выполнить заливку)
. В появившемся 
окне выберите пункт . Замена происходит методом случайного выбора. Поэтому, если результат вас не устраивает, отмените заливку Ctrl
+
Z
и повторите ее снова. Или после заполнения с учетом содержимого, снимите выделение Ctrl
+
D
и обведите новый участок, который программа заполнила некорректно.
Сравните, на средней картинке удаление человека выполнено при помощи инструмента Patch
(Заплатка)
, а на картинке справа при помощи заливки с учетом содержимого:
Часто бывает, что при склеивании панорам остаются белые и черные края. Выделите их инструментом Magic wand (Волшебная палочка). Затем выполните заливку с учетом содержимого. Программа сама дорисует недостающие кусочки.
Возможности новой заливки не безграничны. Например, у вас не получится удалить батарею отопления с фотографии, если вы просто выделите ее и воспользуетесь инструментом заливка Content Aware (С учетом содержимого).
Придется дополнительно защитить человека маской. Подробно как работать с масками вы можете изучить в уроках по маскам. В моем учебнике три урока просвещены этой теме. Сейчас я лишь коротко скажу, как это сделать: Создайте копию фонового слоя. Отключите для удобства видимость фона, нажав на значок глазика. Щелкните по миниатюре маски в палитре Layers (Слои). Выберите инструмент Brush (Кисть) черного цвета. Закрасьте нижнюю часть тела и руки. Переключитесь на миниатюру слоя. Пройдите в меню Edit (Редактирование) – Fill (Выполнить заливку). В открывшемся окне, выберите пункт Content Aware (С учетом содержимого) и нажмите ОК. Включите видимость нижнего слоя и выполните сведение слоев.
Область применения этого инструмента очень велика. Это и создание тени, и 
добавление закатных цветов небу, и создание плавного перехода из одного рисунка в другой с помощью градиентной маски и т.д. и т.д. Плавный переход цветов создается автоматически, необходимо задать крайние цвета. Эти цвета устанавливаются как Foreground
(Цвет переднего
плана)
и Backround
(Цвет фона)
. Найти этот инструмент можно в паре с Paint Bucket (Заливка).
Рассмотрим панель параметров:
Gradient (Градиент) - создает заливку с плавным переходом между несколькими цветами.
Существует пять видов градиентов:
Mode (Режим наложения) - происходит изменения пикселов в зависимости от выбранного режима. В уроках с 16 по 20 очень подробно рассказывается о каждом.
Opacity (Непрозрачность) - непрозрачность градиента;
Dither (Разбавление цвета) - имитировать большее количество цветов;
Reverse (Обратный порядок) - геометрически перевернуть градиент;
Transparency (Прозрачность) - использовать прозрачность.
Много градиентов хороших и разных
Щелкните по стрелке в правом верхнем углу. Откроется список, в котором 
расположены дополнительные наборы градиентов. Выберите любой из них. 
Появится окно, в котором нужно нажать Add
(Добавить)
, если вы хотите загрузить новые градиенты, оставив на месте старые или нажать ОК и тогда новые загрузятся вместо старых.
Так же в этом списке есть возможность загрузить дополнительные градиенты (например, скачанные из интернета в папку Program Files\Adobe\Adobe Photoshop CS….\Presets\ Gradient).
Окно Gradient Editor (Редактор градиента)
Чтобы вызвать это окно нужно два раза кликнуть по образцу градиента в меню параметров инструмента.
В данном окне Вы можете настроить градиентную заливку либо выбрать из списка Presets (Наборы)
. Нажав на кнопку Load… (Загрузить…)
, вы можете загрузить наборы градиентов (расширение файлов.grd) или воспользоваться кнопкой Save.. (Сохранить…) для сохранения собственного набора градиентов. Для того чтобы созданный вами градиент появился в окошке Presets (Наборы), задайте ему имя в поле Name (Имя) и нажмите на кнопку New (Новый).
Name (Имя) – в этом поле указано имя выбранного градиента. Если изменить настройки, то имя поменяется на Custom(Заказное) и его можно изменить для последующего сохранения;
Gradient Type (Тип градиента/Градиент) – возможен выбор из двух опций: Solid (Сплошной) и Noise (шум).
Solid (сплошной) – создается плавный переход между цветами;
Noise (шум) – градиент предстанет как случайная комбинация линий любых цветов. Нажав кнопку другой вариант, загрузится следующая случайная вариация цветного шума. Переходы между цветами получаются зашумленные и нижняя часть окна видоизменяется:
Можно отрегулировать Плавность. При нуле градиент приобретает плавный переход. При 50% получается размытость и при 100% полосатость всех цветов радуги вам обеспечена. Есть и другие настройки. Можно настроить цвета по каналам в разных 
цветовых моделях (RGB, HSB и LAB). Можно ограничить цвета и включить прозрачность.
– задается степень сглаженности градиента. 
Чем ниже это значение, тем резче переходы между цветами;
Color (цвет) – задается цвет выбранного цветового ограничителя;
Location (Расположение / Позиция) – Для численного задания положения ползунка. Расположение цветового ограничителя (от 0 до 100%). Можно задать точно середину, поставив ползунок на 50
Сверху цветной полосы расположены ползунки прозрачности градиента. Для того чтобы добавить новый маркер, подведите курсор мыши к верху полосы и щелкните мышкой в нужном месте. Поменять непрозрачность градиента в этой точке можно, уменьшив соответствующий пункт в разделе Stops (Контрольные точки). Чтобы удалить маркер нужно отметить его курсором и нажать на кнопку Delete (Удалить). Как определить выбран ли нужный маркер для редактирования? Очень просто! Кончик выбранного маркера окрашивается в черный цвет.
Точно также добавляем ползунки внизу цветовой полосы, где располагаются ползунки перехода между цветами. Добавив ползунок на цветную полосу, он становится активным, и ему можно назначить другой цвет, щелкнув по окошку Color (Цвет). Здесь же расположены указатели средних точек (маленькие ромбики). Они указывают на то место, где соседние цвета смешиваются в равных пропорциях. И ползунки, и указатели можно передвигать. Можно использовать любое количество ползунков. В зависимости от выбора цвета, вид ползунка будет разным. Если цвет градиента, фиксированный/заказной, то в этот цвет окрашен ползунок.
При перетаскивании с нажатой клавишей Alt происходит дублирование ползунка, и на полосе появляется новый цветовой переход.
Чтобы построить горизонтальный градиент, градиент под углом 90 или под углом 45 градусов, при перемещении курсора удерживайте клавишу Shift нажатой. Отпустите кнопку мыши в той точке, где хотите закончить градиентный переход.
Нарисуем радугу
Создайте новый слой. Выберите градиент похожий на радугу. 
Сдвиньте ползунки вправо. Нажмите ОК.
Проведите небольшой отрезок инструментом линейный градиент под углом 45 градусов.
Выберите в меню Edit (Редактирование) – Transform (Трансформирование) – Warp (Деформация). Или нажмите комбинацию клавиш Ctrl + T и в меню параметров инструмента нажмите на значок . Появится сетка которую можно трансформировать, передвигая угловые точки и касательные вектора.
Для выхода из режима трансформации нажмите Enter
или нажмите на значок в меню параметров инструмента.
Уменьшите непрозрачность слоя с радугой и измените режим наложения на Soft Light (Мягкий свет) .
Вопросы:
(правильный ответ вы можете узнать из викторины в конце видеоурока):
- Какой параметр нужно отметить у инструмента Paint Bucket (Заливка), чтобы выделенная область закрасилась узором?
– Mode (Режим наложения) – Overlay (Перекрытие).
– В окне Fill (Заливка) выбрать Pattern (Образец/регулярный).
– Tolerance (Допуск) установить на ноль.
– Edit (Редактирование) – Define Pattern (Определить узор).
– Layers (Слои) – New fill layer (Новый слой-заливка) – Pattern (Узор).
3. Как защитить прозрачные участки слоя от заливки цветом или узором?
– Mode (Режим наложения) – Exclusion (Исключение).
– Отметить галочкой пункт Contiguous (Смежные пикселы).
– Снизить до нуля пункт Opacity (Непрозрачность) в меню параметры инструмента.
– Нажать Lock transparent pixels (Зафиксировать прозрачные точки) в палитре слои.
– Opacity (Непрозрачность) в палитре слои снизить до нуля.
4. Как открыть Окно Gradient Editor (Редактор градиента)?
– Меню Edit (Редактирование) – Fill (Выполнить заливку) – Gradient (Градиент).
– Контекстное меню правой кнопки мыши – Define Pattern (Определить узор).
– Кликнуть по образцу градиента в меню параметров инструмента.
– Два раза кликнуть по любому из пяти видов градиента.
5. Как из черно-белого градиента сделать черно-красно-белый градиент?
– В Gradient Editor (Редактор градиента) добавить красный ползунок сверху цветной полосы.
– В Gradient Editor (Редактор градиента) добавить красный ползунок внизу цветной полосы.
– В Gradient Editor (Редактор градиента) поискать готовый градиент.
– В Gradient Editor (Редактор градиента) выбрать Noise (шум), и 50 % Smoothness (гладкость).
Домашнее задание
Вы должны или чтобы увидеть скрытый текст.
Многие обладатели персональных компьютеров зачастую сталкивались с таким программным обеспечением как Paint. Данное программное обеспечение является основным приложением, которое входит в комплект к операционной системе семейства Windows. Это приложение является простеньким графическим редактором, которым можно редактировать различные картинки простыми инструментами и многое другое.
Многие начинающие люди, которые только знакомятся с данной программой, задают множество различных вопросов по тем или иным действиям в данной программе. На этот раз частым вопросом является - как сделать заливку в Paint. На самом деле это весьма простой вопрос. Но для начинающих это действие пока неизвестно.
Итак, перед тем как выполнить заливку, вам необходимо создать новый лист или просто открыть графический редактор. Если вы хотите закрасить весь лист, например, голубым цветом, то вам необходимо выбрать для начала этот цвет и лишь потом, выбрать специальный инструмент, который называется заливкой и кликнуть этим инструментом по листу. В итоге, лист полностью станет голубого цвета.
В итоге, у вас должно получиться именно так, как показано на картинке. С простой задачей мы справились. Теперь, попробуем перейти на следующий уровень и нарисуем квадрат красного света. Для этого, вам необходимо выбрать специальный инструмент – прямоугольник. Но перед этим, выберем красный цвет и нарисуем этот квадрат на рабочей области.
Если у вас получилось так, как показано на картинке, значит, вы все сделали правильно. Теперь, если вы захотите закрасить внутреннюю часть этого квадрата другим цветом, например, зеленым, то вам необходимо произвести те же действия, как и на первом рисунке, только именно на область квадрата. В итоге, у вас должно выглядеть это вот так:
Теперь вы освоили урок с заливкой. Данный инструмент имеет свойство заменять только выбранные цвета. Оттенки он, к сожалению, залить не сможет. Это касается только фотографий и других картинок, где цветов много. Для редактирования подобных картинок, вам необходим более мощный инструмент, который способен предложить более гибкие варианты заливки и работы с цветами – Adobe Photoshop. С помощью данного программного обеспечения вы сможете сделать не только красочные изображения, но и различные красивые абстракции. Но для начала, так как вы начинающий пользователь персонального компьютера, необходимо освоить для начала работу с Paint.
По вопросу Эдуарда начальные уроки по Paint Net. Начну с того, что здесь расскажу лишь о простом функционале, который использую я для обработки и разметки скриншотов.
Что такое Paint.Net
В том числе я использую Paint Net и для уменьшения веса картинок, что бы страницы сайта быстрее загружались. Вот об этом мы и поговорим.
О программе: Paint.net распространяется бесплатно и за эту душевность огромный респект разработчикам! По своим возможностям программа может легко заменить некоторые функции знаменитого фотошопа. Самые интересные уроки paint net вы найдете на официальном сайте Русскоязычной версии программы . И там же ее можно скачать.
Уроки Paint.net
Для тех, кто никогда не пользовался графическими редакторами, думаю таких пользователей в быстро развивающемся интернете найдется много. Установили, выбрали скриншот, правой кнопкой открыть с помощью, выбираем нашу программу.
Для начала определимся с выбором цвета с которым будем работать. Цвет меняется одним нажатием левой кнопки мыши. Если предоставленных цветов недостаточно, жмем кнопку Больше
Подбор цвета в paint net
Здесь мы можем подобрать цвет как в шестнадцитиричном варианте так и в RGB или же просто перемещением соответствующих ползунков
Инструмент фигура в paint net
Как делать идеально ровные овалы: все просто, жмем на соответствующий значек в правом меню (при наведении курсора на значки всплывает подсказка) и рисуем заранее заданным цветом в нужном месте овал.
Инструмент ластик в paint net
Если хотите скрыть какую то надпись на картинке, то справа выбираем ластик и аккуратно затираем нужный участок.
Инструмент лассо в paint net
Удобным инструментом для вас окажется Лассо, им можно выделять самые разнообразные места различными фигурами
Инструмент пипетка в paint net
К примеру: нам нужно залить какое то место тем цветом, который уже есть на картинке. Берем пипетку и кликаем ей на нужный участок, все цвет скопирован
Инструмент заливка в paint net
Теперь в меню выбираем заливку и кликаем ей на выбранный участок.
Иногда заливка охватывает немного больше пространства, чем вам хотелось бы. Это бывает в случаях если границы заливаемого участка выражены не так четко. В таком случае просто уменьшаем чувствительность ползунком вверху.
Как писать тексты на скриншотах в Paint Net
Жмем справа значек Т , тыкаем курсором в нужное место и пишем желаемое. Если немного не попали, не беда, захватив крестик (чуть ниже написанного текста) перемещаем всю надпись куда хотим. Размер, шрифт и прочее настраивается вверху, стандартный редактор как в Word.
То что показано выше — мелочь, которой любой человек может научиться самостоятельно, настоящие уроки есть на офф сайте, ссылка вверху.
Как уменьшить вес картинки
А вот вебмастеров наверняка заинтересует еще один нужный инструмент для уменьшения веса картинок для вставки изображений на сайт. Даже если вы не собираетесь на картинке ничего редактировать, то просто поставьте точку где-нибудь в углу тем же цветом, что и само изображение.
Теперь в основном меню выбираем файл — сохранить как . Пишем имя сохраняемому изображению, теперь открывается окно с настройками качества изображения. В данном примере используется файл PNG и что бы уменьшить вес картинки ставим минимальную глубину цвета и все остальное, для уменьшения веса картинки jpg пользуемся ползунком . Жмем ок и удивляемся, картинка вместо 100 кб стала весить всего12 кб а разница в качестве почти не заметна.
Для файлов JPEG в настройках будет всего один ползунок, тут уже смотрим на оптимальное соотношение веса и качества. Для скриншотов с подобными текстами и разными квадратными рисунками лучшим вариантом будет конечно png, поскольку вес можно уменьшить более чем в 10 раз. Для рисунков с градиентами, большим количеством рукописного текста и всего круглого формат png, будет тяжеловат, в этом случае лучше использовать Jpeg
Красим, красим, закрашиваем
Представьте себе такую ситуацию. У вас на изображении имеется какой-либо одноцветный фрагмент, который бы вы хотели перекрасить в другой цвет. Можно, конечно, пытаться закрасить нужный участок кисточкой (инструмент Brush (Кисть)), но, согласитесь, это не самый быстрый и не самый лучший вариант. Ведь вам придется водить кистью очень внимательно, чтобы не перелезть на область с другим цветом. Если форма закрашиваемой области сложна, вам придется изрядно потрудиться, чтобы не напортачить.
Существенно упростить жизнь в подобных ситуациях позволяет
инструмент Paint Bucket (Заливка), кнопка которого доступна на панели инструментов. Выберите его, и указатель мыши примет вид наклоненного ведерка, из которого вытекает краска. Так вот, наведите кончик вытыкаемого из ведерка потока краски на ту область, которую вы хотите залить каким-либо цветом (его следовало выбрать заранее), щелкните мышкой, и, о чудо, вся область будет равномерно окрашена в выбранный цвет.
Рис. 3.20. Инструмент Paint Bucket (Заливка)
Аналогичным образом можете окрасить еще несколько фрагментов изображения. Если в ходе использования инструмента Paint Bucket (Заливка) вам понадобится воспользоваться пипеткой (Eyedropper) для выбора другого цвета, то менять инструмент не нужно, а достаточно просто нажать клавишу «Alt». Пока она нажата, инструмент Paint Bucket (Заливка) будет временно заменен на инструмент Eyedropper (Пипетка). После того, как закончите пипеткой выбирать цвет, отпустите клавишу «Alt» — и вы автоматически вернетесь в режим работы с заливкой.
Инструмент Paint Bucket (Заливка) позволяет не только заливать область каким-либо цветом, но и закрашивать определенным узором/ образцом. Для этого нужно изменить кое-что в его настройках (что и как именно — читайте в следующем разделе главы).
В заключение необходимо отметить, что назначение и возможности инструмента Paint Bucket (Заливка) несколько шире, чем окрашивание однотонных областей. В принципе Paint Bucket (Заливка) предназначен для окраски выделенной области или слоя выбранным цветом переднего плана или образцом. Просто когда ничего на изображении не выделено, то инструмент сам пытается определить границы заливки и в качестве них принимает границы одноцветной области. С использованием выделения, если выделена будет лишь часть одноцветной области, то заливка не будет распространяться за пределы выделения, несмотря на то что одноцветная область будет простираться и дальше. Если выделена некоторая область на слое и на этом слое под выделением ничего вообще не нарисовано, то при заливке окрашена будет вся область выделения как есть.
Дополнительные настройки и возможности инструмента Paint Bucket (Заливка)
На панели параметров доступны следующие настройки инструмента Paint Bucket (Заливка):
В списке Fill (Заливка) можно выбрать, чем нужно выполнять заливку: цветом или заданным образцом. Если выбрать второй вариант, то на панели параметров станет доступна раскрывающая палитра Pattrns (Образцы), в которой и производится выбор нужного узора.
В списке Mode (Режим) задается режим наложения кисти. По умолчанию выбран нормальный, а об особенностях всех остальных можно судить по информации, размещенной на одной из цветных вкладок.
Поле Opacity (Прозрачность) предназначено для определения прозрачности заливки.
В поле Tolerance (Допуск) задается допустимое отклонение от того оттенка, по которому выполнен щелчок инструментом Paint Bucket (Заливка). Все оттенки, отклонение которых будет меньше указанного в поле Tolerance (Допуск), будут восприниматься как один цвет и подлежать заливке. Значение задается в условных единицах от 0 до 255. По умолчанию установлено 32. Если вы хотите, чтобы цветовой охват при заливке был больше, увеличьте данное значение, а если нужно чтобы заливался только точно определенный цвет — уменьшите его.
Включение флажка Anti-Aliased (Сглаживание) приводит к тому, что края залитой области буду аккуратно сглаживаться, смягчаться.
По умолчанию является включенным флажок Contiguous (Смежные). Это означает, что окрашиваться должны только те пикселы указанного цвета, которые соприкасаются с выбранной точкой непосредственно или по цепочке через аналогичные пикселы. Если же на изображении присутствуют области того же цвета и они отделены друг от друга неразрывными границами другого цвета, то их, при установленном флажке Contiguous (Смежные), нужно будет заливать каждую по отдельности. Выключив флажок, вы сможете одним щелчком мыши окрасить все области на изображении определенного цвета.
Флажок Use All Layers (Использовать все слои) играет роль тогда, когда редактируемое изображение состоит из нескольких слоев. Причем некоторые из них являются полупрозрачными. Так вот при установке данного флажка вы указываете инструменту Paint Bucket (Заливка) определять базовый цвет, который должен будет залит не на основе только того слоя, который является активным, а на основе всех видимых слоев. Наносимый же цвет по любому наносится только на активный слой.
