Создание дизайн-шаблонов; уроки Photoshop, Illustrator, Lightroom, Gimp; обои для рабочего стола; иконки и headers для блогов.
Главная Фотоальбом Обо мне Карта блога
Подпишись на RSS!

Создаем лого Web 2.0 в GIMP

Ну, вот я и добралась до программы Gimp! Если кто не знает, это opensourсe программа, самую последнюю версию которой, можно скачать на официальном сайте. Чем же она лучше Photoshop? А тем, что она бесплатна! Сейчас ее интерфейс чем-то напоминает самые первые версии фотошопы, но я надеюсь, что следующие версии станут еще лучше. Если Linux сейчас набирает обороты и, становится все более популярным, то программы, написанные под него, также не останутся в стороне. Я пока еще не поклонница gimp'а, но для саморазвития он пригодится, тем более, мало ли что ожидает нас в будущем! Так что засучиваем рукава и начинаем знакомиться с аналогом  фотошоп! :-)

Начну с очень простого урока по созданию лого web 2.0, который я уже проделывала в Photoshop.

1. Открываем новый документ и пишем текст. Я использую шрифт "Cooper Black" - 70px (#56aa1f). Вы можете передвигать свой текст в любое место, используя инструмент Move Tool (M).

Рисуем лого web 2.0 в GIMP. Рис.1

2. Добавим к тексту окантовку. Для этого кликнем по слою с текстом на панели Layers правой кнопкой и выбираем ‘Alpha to Selection’. Затем создаем новый слой.

Рисуем лого web 2.0 в GIMP. Рис.2 Рисуем лого web 2.0 в GIMP. Рис.3

Рисуем лого web 2.0 в GIMP. Рис.4

Идем Select > Grow, выставляем 1px, и заливаем его более темным цветом (#4d882b).

Рисуем лого web 2.0 в GIMP. Рис.6

Теперь идем Layer > Stack > Lower Layer. Рамочка готова.

Рисуем лого web 2.0 в GIMP. Рис.8

3. Добавим тень. Выделим текст ‘Alpha to Selection'. Зальем черным цветом.

Рисуем лого web 2.0 в GIMP. Рис.9

Снимем выделение Shift+Ctrl+A и поместим слой ниже всех остальных. С помощью инструмента Move Tool (M) передвинем слой вправо и вниз на несколько пикселей (на глаз).

Рисуем лого web 2.0 в GIMP. Рис.10

Применим фильтр Filters > Blur > Gaussian Blur.

Рисуем лого web 2.0 в GIMP. Рис.11

Тень готова!

Рисуем лого web 2.0 в GIMP. Рис.12

4. Ну а теперь сделаем заливку. Выделим текст ‘Alpha to Selection'. Создаем новый слой поверх всех остальных. Используя инструмент Select Tool (R) при нажатии Ctrl выделяем нижнюю половину текста у нас получилось выделение в верхней части.

Рисуем лого web 2.0 в GIMP. Рис.13

Теперь инструментом Blend Tool (L) делаем градиентную заливку сверху вниз. Цвета я использую такие: #8bcc63  (светлый) и #56aa1f (темный).

Готово! Victory

Рисуем лого web 2.0 в GIMP


lol2Fast4U
11 Апрель, 2009

Для тени там готовый фильтр есть "Drop Shadow" :)


Дмитрий
5 Март, 2009

Спасибо, теперь я наконец то поставлю себе нормальный логотип :)


lol2Fast4U
19 Ноябрь, 2008

Полезно для начинающих :) Я хорошо разбираюсь в GIMP, и всё это знаю :) Но всё равно спасибо :) Хотя бы за "рекламу" GIMP :)


JuliettaRose
4 Ноябрь, 2008

Волотко Дмитрий, думаю Gimp он и в Африке Gimp :-))


Волотко Дмитрий
4 Ноябрь, 2008

Я так понимаю, что под линуксами и под виндой все операции аналогичны?


WebMast
4 Ноябрь, 2008

Красивый примерчик. Обожаю Gimp, спасибо за урок!

Отправить комментарий

Не показывается.
Image CAPTCHA

Услуги по созданию дизайна; верстка



© JuliettaRose, 2008-2017. При использовании материалов ссылка на источник обязательна.
Яндекс.Метрика