Форум paint.net на русском языке
Стеклянный значок с изображением
- Belka
- Сообщения: 99
- Зарегистрирован: 09 фев 2011, 01:39
- Репутация: 0
- Откуда: Р'льех
Стеклянный значок с изображением
В этом уроке я расскажу вам, как рисовать значки с надписью или картинкой
Рисуем значок
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 + .
Рисуем значок
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: Значок с изображением
Belka Хороший урок! А вот у меня не получаются никак такие стекляшки.
"Чтобы уметь рисовать - надо рисовать" John Howe
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Стеклянный значок с изображением
Какой классный урок!! Побольше бы уроков про стекляшки!
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- Belka
- Сообщения: 99
- Зарегистрирован: 09 фев 2011, 01:39
- Репутация: 0
- Откуда: Р'льех
Re: Стеклянный значок с изображением
xmario, а почему веб-дизайн? Это же не кнопки, а просто значки, на фотках на сумки и одежду цеплять.
Безумие - это гибкая пуля. Стивен Кинг
- Belka
- Сообщения: 99
- Зарегистрирован: 09 фев 2011, 01:39
- Репутация: 0
- Откуда: Р'льех
Re: Стеклянный значок с изображением
Безумие - это гибкая пуля. Стивен Кинг
-
- Сообщения: 177
- Зарегистрирован: 25 янв 2011, 20:39
- Репутация: 0
- Контактная информация:
Re: Стеклянный значок с изображением
Уж больно они на стеклянные похожи)
может, если не делать такой сильный блик..
может, если не делать такой сильный блик..
- Belka
- Сообщения: 99
- Зарегистрирован: 09 фев 2011, 01:39
- Репутация: 0
- Откуда: Р'льех
Re: Стеклянный значок с изображением
Можно и не делать. Но они всё равно не стеклянные, и скорее всего, если я правильно понимаю, к веб-дизайну отношения не имеют.
Безумие - это гибкая пуля. Стивен Кинг
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Стеклянный значок с изображением
А в какой раздел вы планируете? Перенесем...
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- Belka
- Сообщения: 99
- Зарегистрирован: 09 фев 2011, 01:39
- Репутация: 0
- Откуда: Р'льех
Re: Стеклянный значок с изображением
Вам виднее, конечно, в какой раздел, но вряд ли этот урок может пригодиться для оформления сайтов.
Безумие - это гибкая пуля. Стивен Кинг
- Shaggy
- Сообщения: 101
- Зарегистрирован: 16 ноя 2010, 14:31
- Репутация: 0
Re: Стеклянный значок с изображением
Как-то так:
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 70 гостей