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

Gimp: текстовый логотип Web 2.0 с зеркальным отражением.

В этом уроке мы научимся создавать текстовый логотип со стеклянным эффектом,  а также вы узнаете, как легко сделать стеклянное отражение в программе Gimp, которое сейчас очень активно используется в дизайнах сайтов!

1. Открываем новый документ 420х300 и инструментом Text Tool пишем свой текст.

Текстовый логотип с отражением. Рис.1

2. Выделим слой с текстом, кликнув правой кнопкой мыши на панели Layers > Alpha to Selection. Зальем градиентом, чтобы более темный цвет был сверху, а светлый снизу.

Текстовый логотип с отражением. Рис.2

3. Теперь сделаем у текста окантовку. Выделим слой с текстом, создадим новый слой ниже. Идем Select > Grow, выставляем 3px

Текстовый логотип с отражением. Рис.3

Заливаем его более темным цветом - готово.

Текстовый логотип с отражением. Рис.4

4. Теперь сделаем слой с фоном невидимым и на панели Layers склеим слои.

Текстовый логотип с отражением. Рис.5

5. Дублируем текст и с помощью инструмента Flip tool отражаем его по вертикали.

 

Текстовый логотип с отражением. Рис.6

6. Кликнем по отраженному тексту на панели слоев и добавляем маску.

Текстовый логотип с отражением. Рис.7

В появившемся окошке выбираем Black (full transparency)

Текстовый логотип с отражением. Рис.8

7. После этого действия отраженный текст исчезнет. Чтобы появилось зеркальное отражение, воспользуемся градиентной заливкой "FG to BG (RGB)", протяните ее снизу вверх.

Текстовый логотип с отражением. Рис.9

8. Сейчас создадим стеклянный эффект. Используем инструмент "Ellipse Select Tool" выставив значение "Subtract mode"

Текстовый логотип с отражением. Рис.10

Нижнюю часть текста выделяем этим инструментом, получается выделение сверху:

Текстовый логотип с отражением. Рис.11

Создаем новый слой поверх всех и заливаем выделение белым цветом.

Текстовый логотип с отражением. Рис.12

Ну и на последок, выставляем Opacity на панели Layers - 30%. Готово! Victory

Текстовый логотип с отражением. Рис.13

Зеркальное отражение в Adobe Photoshop
Зеркальное отражение в Adobe Illustrator


Александр
22 Сентябрь, 2009

Спасибо, надо будет обязательно по пробовать. Надеюсь, получится.


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

"плин, сижу ищу кнопку Select> grow..нимагу найти...если не сильно затруднит, дык в скобочках пишите название кнопок на русском :)"

В русской версии:
Выделение>Увеличить...


JuliettaRose
26 Апрель, 2009

fragnat, к сожалению у меня нет Gimp на русском, я предпочитаю использовать английские версии программ. А если я начну переводить сама, то получится не то, что должно быть :-))


fragnat
19 Апрель, 2009

плин, сижу ищу кнопку Select> grow..нимагу найти...если не сильно затруднит, дык в скобочках пишите название кнопок на русском :)


JuliettaRose
19 Ноябрь, 2008

dead-angel, да у меня Gimp на английском.


dead-angel
19 Ноябрь, 2008

простите за глупый вопрос... это у тебя GIMP на английском языке или это картинки с другого сайта???


JuliettaRose
19 Ноябрь, 2008

Да я когда-то находила такой урок и по нему училась. А спустя некоторое время написала эту статью по памяти :-) Источник уже и не найду...


lol2Fast4U
19 Ноябрь, 2008

Мне кажется, или это перевод английского урока?

Знакомый очень эффект...

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

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

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



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