Этот урок посвящен вопросу посетителя нашего сайта, как разбить изображение на фотографии на несколько частей при помощи Paint.NETдля размещения в меню на сайте?

В принципе есть несколько вариантов решения этой задачи, приведем на наш взгляд самый простой и очевидный способ. Для примера мы использовали фотографию, приведенную на рисунке слева. Данная фотография имеет размеры 400 на 400 пикселей. Мы попробуем разбить ее на 4 квадрата, соответственно размерами 20 на 200 пикселей. Как вы увидите далее по ходу урока разбить рисунок можно не обязательно на четыре части и не обязательно квадратной формы.

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

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

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

Как сделать вдавленный текст в Paint.NET
Подобный урок опубликован на англоязычном форуме Paint.NET. Текст урока на английском языке доступен здесь:http://forums.getpaint.net/index.php?/topic/14098-3d-engraved-text/




Итак, для начала создадим новое изображение. Мы использовали полотно размером 800 на 400 пикселей.
Создадим новый слой над белым фоном и при помощи инструмента градиент создадим на этом слое плавный переходящий фон. Для градиента мы использовали цвета белый и серый. Сначала заполнили слой обычным линейным градиентом, потом еще два раза линейным отраженным градиентом в режиме прозрачности для создания неоднородности. Затем белый слой фона и слой с серым фоном объединили.
Создаем еще новый слой, на который будем наносить надпись черным цветом. Наиболее эффектно результат урока выглядит, если наносить надпись шрифтом в виде контура букв. Такие шрифты есть, однако, к сожалению, под рукой подобного шрифта не оказалось. Поэтому на слое мы нанесли надпись обычным шрифтом Impact, хотя, в принципе, подойдет любой другой шрифт. После чего при помощи инструмента Paint.NET «волшебная палочка» мы выделили буквы надписи. Для выделения нескольких букв можно удерживать нажатой клавишу Ctrl. Отключим видимость слоя с текстом и создадим новый слой. На новом слое, используя дополнительный эффект "Outline Selection", обвели на новом слое выделенную область в виде букв по контуру. Слой с обычным тестом можно удалить. Получилось как на рисунке ниже.



Добавим новый слой в самый низ, ниже слоя с надписью и ниже слоя с серым фоном, и заполним его былым цветом – это будет фон. Делаем слой с надписью активным. Повернем немного нашу надпись для придания ей пространственного эффекта. Для этого используем инструмент меню «Слои» - «Поворот и масштаб». Используем следующие параметры: угол наклона = 90, радиус наклона = 60, масштаб = 0,80. Повторяем те же действия над слоем с серым фоном.



Делаем активным слой с надписью, выделяем при помощи инструмента Paint.NET «волшебная палочка» буквы надписи. Не снимая выделения, переходим на слой с серым фоном и удаляем выделенную область. Слой с текстом отключаем или удаляем, он нам больше не нужен.
Можно использовать для выполнения этих действий дополнительный плагин Alpha Mask. Использование этого плагина более универсальное. Особенно тогда, когда выделить узор, предназначенный для удаления сложно, но в нашем случае проще было удалить вручную.



Теперь применим к слою с серым фоном дополнительный эффект Paint.NET "Тень" – «Drop Shadow». Мы использовали смещение X = 4 и Y = 4, а так же Blur Radius = 2. Но вообще-то, параметры этого эффекта лучше подобрать индивидуально, в зависимости от толщины именно ваших букв. 



Если тень вам покажется недостаточно яркой, повторите эффект "Тень" – «Drop Shadow» еще раз или даже несколько раз. 

КАК СДЕЛАТЬ АНИМИРОВАННЫЙ РИСУНОК В PAINT.NET

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

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

Как создать кадры движущегося ролика в Paint.NET

Итак, для создания анимированного ролика нам потребуется сделать серию кадров. Благодаря тому, чтоPaint.NET обеспечивает работу со слоями, сделать кадры совсем не сложно. Для примера воспользуемся изображением смайлика, сделанного на уроке Paint.NET "Как нарисовать трехмерный смайл", опубликованном на нашем сайте.

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

Копировать слои можно не сразу, а например для того что бы сделать второй кадр, скопировать первый слой, после чего на скопированном слое изменить рисунок в соответствии с задумкой ролика. Мы, например, сжимали смайлик и перемещали его вверх и вниз чуть-чуть кадр за кадром. Пример окна "Слои" Paint.NET вы можете увидеть на рисунке слева, естественно на нем не поместились все кадры, но общая идею увидеть можно.

Как сохранить кадры движущегося ролика в отдельные файлы

Для соединения отдельных кадров в нужном порядке в анимированный ролик при помощи программы UnFREEz, сначала надо сохранить кадры как отдельные файлы. В этом тоже нет ничего сложного. Можно, например, скопировать всё содержимое нужного слоя, создать новое изображение, и вставить в него, скопированное со слоя изображение. После чего сохранить как отдельный файл GIF. Выделить все изображение на слое можно, например, нажатием комбинации клавиш Ctrl+A. Описание остальных горячих клавиш Paint.NET есть в разделе инструкции на этом сайте.

Другим способом можно, например, просто отключать видимость не нужных на текущем кадре слоев, после чего сохранять видимые слои как отдельный рисунок GIF. Сделать это можно в меню Paint.NET "Файл" - "Сохранить как". При сохранении в формате GIF Paint.NET предложит объединить все слои изображения, т.е. получится, что временно отключенные слои пропадут. Но после сохранения файла с кадром можно нажать кнопку "Отменить" в горизонтальной панели Paint.NET и последнее действие по объединению слоев будет отменено, и все слои вернутся обратно.

Еще раз обратите внимание, что для объединения потом кадров программой UnFREEz в один анимированный GIF файл, необходимо, что бы все кадры имели одинаковый размер изображения. Т.е., например, если размер рисунка одного кадра 20 на 30 точек, то и остальные кадры должны иметь тот же размер. Описанный выше способ создания кадров в Paint.NET обеспечивает выполнение этого условия, так как все кадры делаются из одной основной картинки.