воскресенье, 17 декабря 2006 г.

Gimp. Создаем Violator

В предыдущем посте - Gimp. Делаем кнопки в стиле Web 2.0 я описал как создать кнопку в стиле Web 2.0, используя Gimp. Сегодня я продолжу эту тему и покажу как легко можно создать violator. Я не нашел перевод этого термина на русский. Это такая яркая звездочка с надписью Beta или New, которую цепляют на Web 2.0 сайтах.


Оригинальная статья здесь.
Создаем изображение размером 200px * 200px и с белым фоном:























Создаем саму звездочку (violator):

Для этого, идем в Filters->Render->Gfig и в открытом окне выбираем звездочку

.

Теперь увеличиваем количество сторон звездочки до 12. В пункте меню "Browse", выбираем самую маленькую (1px) кисть. Стараемся кликнуть в центр изображения и проводим в любую сторону на расстояние будущей звездочки. Если не получилось, жмем CTRL + Z и пробуем еще раз. Вы должны получить что-то наподобие этого:





















В том же окне выбираем "Move Single Point" меню

, берем за край звезды и создаем следующее:

















Все, на этом работа с этим окном закончена. Жмем закрыть (close). Все что вы создали, должно появится на самой картинке. Теперь выбираем меню "Continuous Region Select"


и кликаем внутри звездочки, чтобы выделить ее.

Выбираем градиент

.
В окне меню Gradient выбираем первичный и вторичный цвета, а в поле "Shape" - "Radial". Я взял цвета 0084ff и 1200ff. Теперь проводим мышью несколько раз внутри звезды.

Создаем тень. Для этого жмем мышью вне звезды и инвертируем избранную область 'Select->Invert' - это выделит звездочку.
Идем в 'Script-Fu->Shadow->Drop-Shadow'. В открывшемся окне отмечаем значения для протяженности тени:























Осталось только написать внутри любое слово и вы имеете violator для вашего сайта:














Это все. Вы можете скачать XCF file на сайте оригинальной статьи.

А если немножко постараться, то можно прицепить этот violator к логотипу вашего сайта:







Пробуйте. Усовершенствуйте.
Продолжение следует.

3 коммент.:

ulmen комментирует...

>Я не нашел перевод этого термина на русский
на сайте http://cssblast.ru нашел такой перевод как "печать"

serhiy комментирует...

:)
http://www.multitran.ru/c/m.exe?EXT=0&HL=1&s=violator
Пора словари править :). Срочно ищется новый Даль :).

serhiy комментирует...

Хороший сайт, кстати! Добавил в избранные.