Форум paint.net на русском языке
Кнопка.
- Walk
- Сообщения: 574
- Зарегистрирован: 12 авг 2010, 15:30
- Репутация: 1
- Откуда: омск
- Контактная информация:
Кнопка.
В конце у вас должно получится что-то вроде этого:
1.) Выбираем размер и форму нашей кнопки.
2.) Ставим на доп. и основн. цвет один и тотже цвет.
3.) Делаем основной цвет светлее дополнительного.
4.) Выделяем подготовленную фигурку кнопки и начинаем вести градиент с низу посередине, заканчивая на верхнем краю. (Также посередине).
5.) Делаем блик на новом слое белым цветом, размер такой же как и у кнопки, блик должен быть расположен ровно на кнопке. После делим блик напополам.(удалив нижнюю половинку.)
6.) Регулируем прозрачность блика.
7.) Можно добавить любую обводку.
1.) Выбираем размер и форму нашей кнопки.
2.) Ставим на доп. и основн. цвет один и тотже цвет.
3.) Делаем основной цвет светлее дополнительного.
4.) Выделяем подготовленную фигурку кнопки и начинаем вести градиент с низу посередине, заканчивая на верхнем краю. (Также посередине).
5.) Делаем блик на новом слое белым цветом, размер такой же как и у кнопки, блик должен быть расположен ровно на кнопке. После делим блик напополам.(удалив нижнюю половинку.)
6.) Регулируем прозрачность блика.
7.) Можно добавить любую обводку.
-
- Сообщения: 563
- Зарегистрирован: 20 авг 2010, 13:53
- Репутация: 3
- Пол: Мужской
- Откуда: Павлово
Re: Кнопка.
Последний раз редактировалось AB-web 27 дек 2010, 11:42, всего редактировалось 1 раз.
- Walk
- Сообщения: 574
- Зарегистрирован: 12 авг 2010, 15:30
- Репутация: 1
- Откуда: омск
- Контактная информация:
Re: Кнопка.
Могу и по этой кнопке урок сделать , прям сюда.
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Кнопка.
Давай, вторая тоже очень классная кнопка!
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- Walk
- Сообщения: 574
- Зарегистрирован: 12 авг 2010, 15:30
- Репутация: 1
- Откуда: омск
- Контактная информация:
-
- Сообщения: 89
- Зарегистрирован: 10 янв 2011, 19:48
- Репутация: 0
- Пол: Мужской
- Контактная информация:
-
- Сообщения: 563
- Зарегистрирован: 20 авг 2010, 13:53
- Репутация: 3
- Пол: Мужской
- Откуда: Павлово
Re: Кнопка.
Живая кнопка.
Жаль что на сайте нельзя использовать вот такой ВВ-код: [video]адрес урл[/video]
Вот какую кнопку я сделал: сдесь она (понаводите указателем) (кнопу на чёрном придётся сначала кликнуть-активировать, но это можно исправить, просто я поленился)
Вот как я её делал:
1)Создал документ 400*300, залил чёрным, посередине кистью поставил круг.
2)Копировал слой, свойства слоя выставил на добавление, провёл градиент в режиме прозрачности так:
Слои можно объединить.
3)Создал новый слой выше, нарисовал круг, провёл градиент в реж. прозр. (если создать этот блик с помощью выделения и обычного градиента, то даже после зачистки края будет не очень)
4)Настраиваю прозрачность слоя с бликом.
5)На новом слое можно нарисовать нужный символ (например можно эту кнопку сделать кнопкой проигрывания ролика на сайте, тогда символом будет треугольник). Я ещё добавил тень.
6)Настраюваю прозрачность.
7)Русую лучи. Для этого ставлю по середине кисть 40-ого размера.
8 )Применяю эффект Dents Classic, а можно применить стандартный - вмятины.
9)Применяю размытие-приближение пару раз, далее градинт правой кн. мыши от середины в режиме прозрачности:
10)Провожу тот же градиент, только левой кн. мыши:
11)Делаю лучи тоньше и реже с помощью "добавления или уменшения шума":
Теперь сохраняю каждый слой отдельно в пнг (фон не нужно)
Теперь осталось только оживить. Открываем программу поддерживающую реагирование на действие мыши, создание кнопок. Это оживление пришлось бы описывать подробно. Смысл в том, чтобы при наведении указателя на область нашей кнопки, началось воспроизведение отдельного клипа: вращение лучей то в одну, то в другую сторону.
Жаль что на сайте нельзя использовать вот такой ВВ-код: [video]адрес урл[/video]
Вот какую кнопку я сделал: сдесь она (понаводите указателем) (кнопу на чёрном придётся сначала кликнуть-активировать, но это можно исправить, просто я поленился)
Вот как я её делал:
1)Создал документ 400*300, залил чёрным, посередине кистью поставил круг.
2)Копировал слой, свойства слоя выставил на добавление, провёл градиент в режиме прозрачности так:
Слои можно объединить.
3)Создал новый слой выше, нарисовал круг, провёл градиент в реж. прозр. (если создать этот блик с помощью выделения и обычного градиента, то даже после зачистки края будет не очень)
4)Настраиваю прозрачность слоя с бликом.
5)На новом слое можно нарисовать нужный символ (например можно эту кнопку сделать кнопкой проигрывания ролика на сайте, тогда символом будет треугольник). Я ещё добавил тень.
6)Настраюваю прозрачность.
7)Русую лучи. Для этого ставлю по середине кисть 40-ого размера.
8 )Применяю эффект Dents Classic, а можно применить стандартный - вмятины.
9)Применяю размытие-приближение пару раз, далее градинт правой кн. мыши от середины в режиме прозрачности:
10)Провожу тот же градиент, только левой кн. мыши:
11)Делаю лучи тоньше и реже с помощью "добавления или уменшения шума":
Теперь сохраняю каждый слой отдельно в пнг (фон не нужно)
Теперь осталось только оживить. Открываем программу поддерживающую реагирование на действие мыши, создание кнопок. Это оживление пришлось бы описывать подробно. Смысл в том, чтобы при наведении указателя на область нашей кнопки, началось воспроизведение отдельного клипа: вращение лучей то в одну, то в другую сторону.
- Walk
- Сообщения: 574
- Зарегистрирован: 12 авг 2010, 15:30
- Репутация: 1
- Откуда: омск
- Контактная информация:
Re: Кнопка.
Класс!
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 34 гостя