Стеклянный значок с изображением

Этот раздел предназначен для публикации уроков Paint.NET. В этом же разделе можно высказать замечания и пожелания к урокам, опубликованным на сайте paint-net.ru
Аватара пользователя
Belka
Сообщения: 99
Зарегистрирован: 09 фев 2011, 01:39
Репутация: 0
Откуда: Р'льех

Стеклянный значок с изображением

Сообщение Belka » 07 мар 2011, 04:04

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

Изображение

Рисуем значок
1. Создаём слой над фоном, выделяем круглую область и заливаем её от центра радиальным градиентом, главным цветом выбрав более светлый. В данном случае главный - #C7DB64, дополнительный - #649524

Изображение

2.Применяем плагин с настройками:

Изображение

3. Выделяем значок, создаём новый слой, сдвигаем выделенную область в юго-западном направлении и заливаем её цветом #325906

Изображение

4. Инструментом "переместить выделение" немного сдвигаем область в том же направлении, затем нажимаем Delete, и, уменьшая и сжимая, располагаем тонкий полумесяц так:

Изображение

5. Копируем слой, размывам гауссом со значением 6, поворачиваем, как на рисунке:

Изображение

6. Объединяем все слои, применяем плагин AA`s_assistant с максимальными значениями, повторяем, уменьшив резкость до 2.

7. На новом слое выделяем овал, заливаем радиальным градиентом. Главный цвет - белый, дополнительный - абсолютно прозрачный.

Изображение

8. Обрезаем по форме значка, сдвигаем немного юго-западней, применяем плагин:

Изображение

9. Копируем слой, переворачиваем и обрезаем, как на картинке, гаусс со значением 2. Должен получиться блик в форме полумесяца внизу значка. Объединяем слои с бликами и ставим прозрачность 210.

Изображение

10. Для большей реалистичности чистим края плагином и применяем: яркость - (-17), контрастность - 17.

Изображение

Украшаем
Значок можно украсить надписью, для этого:
1. Создадим слой между слоем с бликами и с основой. В моём случае на нём я нарисовала кляксу эффектом Splatter, поставила в режиме Умножение, а сверху создала слой с надписью (шрифт Chiller, затем эффект Outline object).

Изображение

На значок можно наложить изображение, это делается так:
1. Основу обращаем в чёрно-белый, применяем яркость - (-10), контрастность - 10.
2. Вставляем как новый слой между слоем с бликами и с основой картинку, например, портрет Гоголя, и, для удобства уменьшив его прозрачность, располагаем на значке, после чего обрезаем по форме, делаем непрозрачным и придаём слою свойство Умножение (в каждом отдельном случае свойство подбирается индивидуально, на глаз). При необходимости зачищаем края.

Изображение

И напоследок: в пункте два, при применении эффекта BoltBait`s Bevel Selection v2.0 параметры зависят от выбранных вами цветов, цвет обводки должен быть темнее дополнительного цвета градиента. Собственно говоря, цвет тут вообще значения не имеет, так как вы можете, нарисовав значок по уроку, сохранить его в виде двух слоёв: с бликами и с основой, и каждый раз перекрашивать основу плагинами, например Color balance + .
Безумие - это гибкая пуля. Стивен Кинг

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Значок с изображением

Сообщение Lynx » 07 мар 2011, 15:26

Belka Хороший урок! А вот у меня не получаются никак такие стекляшки. :good:
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Стеклянный значок с изображением

Сообщение xmario » 07 мар 2011, 19:31

Какой классный урок!! Побольше бы уроков про стекляшки! :crazy:

Аватара пользователя
Belka
Сообщения: 99
Зарегистрирован: 09 фев 2011, 01:39
Репутация: 0
Откуда: Р'льех

Re: Стеклянный значок с изображением

Сообщение Belka » 07 мар 2011, 21:11

xmario, а почему веб-дизайн? Это же не кнопки, а просто значки, на фотках на сумки и одежду цеплять.
Безумие - это гибкая пуля. Стивен Кинг

Аватара пользователя
Belka
Сообщения: 99
Зарегистрирован: 09 фев 2011, 01:39
Репутация: 0
Откуда: Р'льех

Re: Стеклянный значок с изображением

Сообщение Belka » 07 мар 2011, 21:28

Я имела ввиду значки не из стекла, а такие:
Изображение
Безумие - это гибкая пуля. Стивен Кинг

Fishka
Сообщения: 177
Зарегистрирован: 25 янв 2011, 20:39
Репутация: 0
Контактная информация:

Re: Стеклянный значок с изображением

Сообщение Fishka » 07 мар 2011, 21:30

Уж больно они на стеклянные похожи)
может, если не делать такой сильный блик..

Аватара пользователя
Belka
Сообщения: 99
Зарегистрирован: 09 фев 2011, 01:39
Репутация: 0
Откуда: Р'льех

Re: Стеклянный значок с изображением

Сообщение Belka » 07 мар 2011, 21:41

Можно и не делать. Но они всё равно не стеклянные, и скорее всего, если я правильно понимаю, к веб-дизайну отношения не имеют.
Безумие - это гибкая пуля. Стивен Кинг

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Стеклянный значок с изображением

Сообщение xmario » 07 мар 2011, 21:58

А в какой раздел вы планируете? Перенесем...

Аватара пользователя
Belka
Сообщения: 99
Зарегистрирован: 09 фев 2011, 01:39
Репутация: 0
Откуда: Р'льех

Re: Стеклянный значок с изображением

Сообщение Belka » 07 мар 2011, 22:22

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

Аватара пользователя
Shaggy
Сообщения: 101
Зарегистрирован: 16 ноя 2010, 14:31
Репутация: 0

Re: Стеклянный значок с изображением

Сообщение Shaggy » 08 мар 2011, 15:07

Как-то так:
Изображение

Ответить

Вернуться в «Уроки Paint.net»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 11 гостей