Мы уже неоднократно писали о графическом редакторе Paint.NET — бесплатной альтернативе Фотошопа. В этом уроке мы покажем, что многие элементы, например, для своего сайта можно легко создавать в Paint.
Будем использовать плагин «Падающая тень», который можно скачать по ссылке — http://paintnet.ru/wp-content/uploads/plagins/DropShadow.zip.
1. Откройте Paint.NET. В качестве начального холста можно использовать открываемый по умолчанию (800 х 600). Выберите инструмент «Эллипс» и с его помощью выделите круг размером 400×400 пикселей (screen 1). Для получения идеально ровного круга удерживайте при выделении клавишу Shift. Размер круга можно контролировать на панели статуса.
2. Для удаления излишней рабочей площади примените обрезание по выделению (Изображение — Обрезать по выделению или Ctrl+Shift+X).
3. Так как предыдущая операция полностью обрезала фон изображения, немного расширим его. Сначала установите вторичный цвет прозрачным (это нужно для того, чтобы добавляемый фон не отделялся от существующего): screen 2.
Школа восточного танца «Devi Dance» приглашает девушек и женщин на курс обучение танцу живота. Подробности приема вы сможете прочитать на сайте школы.
Далее откройте окно установки размера холста (Изображение — Размер холста или Ctrl+Shift+R), установите режим «В процентах» и введите 125 %. При этом «Привязка» должна быть выставлена на «В центре».
4. Теперь придадим нашей кнопке объем. Так как кнопка у нас будет зеленая, установим в качестве основного цвета темно-зеленый (00660А), а в качестве вторичного — белый.
Используя «Волшебную палочку», выделите белый круг. Затем переключитесь на «Градиент», в «Радиальном» режиме и, используя правую кнопку мышки, залейте круг начиная с приблизительно 1/3 от его низа и до верха: screen 3.
[nggallery id=6]
Для того чтобы заливка получилась ровной, можете контролировать координаты начальной точки на панели статуса Paint.NET, а также удерживать нажатой клавишу Shift при перетаскивании градиента.
5. Дублируйте фон дважды (Слои — Дублировать слой). Переименуйте верхний слой в «Верх», а средний в «Середина»: screen 4.
6. Начнем с верхнего слоя. С помощью инструмента «Переместить выделение» ухватитесь за верх круга и перетащите его вниз, пока высота круга не станет равна 350рх (контролируйте на панели статуса).
Затем удалите выделенную область (нажмите клавишу Delete).
7. Теперь перейдем к слою «Середина». Для выделения круга используйте «Волшебную палочку». Кликните ею по фону, а затем инвертируйте выделение (Правка — Инвертировать выделение или Ctrl+I).
Повторите операцию проделанную с верхним слоем (перетащите верх круга вниз). Только на этот раз высоту эллипса оставьте равной 250 рх. И снова удалите выделенную область.
8. Снова возвращаемся к слою «Верх» и применяем к нему эффект «Усреднение» (Эффекты — Шум — Усреднение…) со следующими параметрами: Ра-
диус 10, Процент 0. Затем используйте «Волшебную палочку» для выделения внешней области (фона) и инвертируйте выделение.
Установите в качестве основного цвета белый, а в качестве вторичного — темно-серый и залейте полумесяц белым цветом: screen 5.
Нажмите CTRL+D (Правка — Отменить выделение) для снятия выделения и примените эффект «Радиального размытия» (Эффекты — Размытие — Радиальное) с углом 2.
9. Применяем к слою «Середина» такое же «Усреднение» (Радиус 10, Процент 0), как и к слою «Верх».
10. Установите в свойствах (Слои — Свойства слоя или F4) слоев «Верх» и «Середина» режим смешивания «Экран», а прозрачность установите на 100: screen 6.
11. Кнопка почти готова. Осталось только нанести на нее требуемый символ. Для этого создадим новый слой (Слои — Добавить новый слой или Ctrl+Shift+N) и поместим его между «Фоном» и «Серединой». Перемещать очередность слоев можно с помощью специальных стрелочек в окне слоев.
Напечатаем на новом слое требуемый символ, например иконку «обновления». Для этого выберите в панели инструментов «Текст», установите шрифт «Webdings» с размером 200, включите английскую раскладку и напечатайте на новодобавленном слое букву «q».
12. Для придания символу рельефа воспользуемся плагином «Падающая тень» (Эффекты — Стилизация — Drop Shadow) с параметрами Offset-X 0, Offset-y 10 и Blur Radius 10. Цвет тени подберите «по вкусу»: screen 7.
13. Выровняйте изображения (Изображение — Выровнять или Ctrl+Shift+F), а затем примените эффект «Падающая тень» (с теми же параметрами) еще раз.