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 к логотипу вашего сайта:

Пробуйте. Усовершенствуйте.
Продолжение следует.
Оригинальная статья здесь.
Создаем изображение размером 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 коммент.:
>Я не нашел перевод этого термина на русский
на сайте http://cssblast.ru нашел такой перевод как "печать"
:)
http://www.multitran.ru/c/m.exe?EXT=0&HL=1&s=violator
Пора словари править :). Срочно ищется новый Даль :).
Хороший сайт, кстати! Добавил в избранные.
Отправить комментарий