Бесплатный
графический редактор


Случайный урок:

Простая рамка для фото

Сайт Родителям о детях








Система Orphus



Текстовый логотип

Автор: Андрей Пожарко

Добавлено: 2009-03-17


Вот что мы получим в конце урока:

стильный логотип iPod

Начнем работу с новым изображением размером около 400 х 200 пикселей.

Цвета в этом уроке вы можете использовать по своему вкусу, но на всякий случай привожу используемые мной цвета.

используемые цвета

Для надписи я использовал шрифт ExposureCThree.otf, но вы можете выбрать и другой. Главное, чтобы он был пожирнее.

Для этого шрифта я немного увеличил расстояние между буквами, чтобы они не налезали друг на друга. Цвет выбрал #808080.

По центру изображения напишите свой текст. Когда надпись будет готова, текст можно растрировать. Для этого в списке слоев нажимаем правой кнопкой мыши на текстовом слое и выбираем Удалить текстовую информацию, а потом Меню - Слой - Слой к размеру изображения.

Теперь создадим контур вокруг текста. Для этого сначала нужно выделить надпись, нажав правой кнопкой мыши на нужном слое и выбрав Альфа-канал в выделение. Затем уменьшим выделение на 1 пиксел через меню Выделение - Уменьшить и зальем градиентом сверху вниз от светло-серенького до средне-серенького.

Теперь снова уменьшим выделение, но на этот раз уже на 3 пиксела и снова зальем градиентом сверху вниз от темно-зелененького до светло-зелененького.

 

Добавим блик. Для этого, не снимая текущего выделения, выделим верхнюю часть логотипа. При этом режим выделения должен быть Пересечение с текущим. Этот режим очень легко можно включить удерживая клавиши Ctrl+Shift при выделении.

Обратите внимания как изменится при этом курсор.

Выберите белый цвет и залейте выделенную область градиентом сверху вниз, как показано на рисунке. Тип градиента Основной в прозрачный.

Должно получиться вот так:

Теперь можно добавить тень, как это сейчас модно. Для начала на новом слое выделите Эллиптическим выделением вот такой эллипс и залейте его светло-сереньким цветом.

В меню Слой выберите Слой к размеру изображения. Теперь можно размыть слой с тенью с помощью фильтра Размывание - Гауссово размывание. Задайте значение размывания около 20 пикселей.

Конечно, не забудьте поместить слой с тенью под логотипом, а не поверх него smile.

Чтобы тень хоть немного была похожа на тень от наших букв, давайте создадим еще и тень от букв. Для этого в списке слоев жмем правой кнопкой мыши на слое с логотипом и выбираем Альфа-канал в выделение. Создадим еще один слой и на нем зальем выделенную область серым цветом. Затем выберите инструмент Масштабирование (Shif+T) и сожмите выделение как показано на рисунке.

Должна получиться вот такая тень:

Осталось немного ее размыть тем же фильтром Гауссово размывание. Чтобы его вызвать повторно можно нажать Shift+Ctrl+F. На этот раз укажите радиус размывания около 5-10 пикселей. Я выбрал 10 и оказалось многовато. Подберите на свой вкус.

 

Финальный результат:

Будьте последовательны, размещая подобные логотипы и надписи на странице. Не забывайте обращать внимания на тени и на то, как они согласуются с общим стилем страницы. Посудите сами, понравится ли кому-то вот такой винегрет у вас на странице:

Очень  плохой вкус

Если у вас остались какие-то вопросы или не можете найти нужный инструмент - пишите в комментарии, я все объясню.

 

Просмотров: 25628




 

 

Ваши комментарии     



ingvar       19.03.2009 - 17:22       Ссылка      

я, естесственно, занялся самолюбованием


Андрей Пожарко       19.03.2009 - 17:30       Ссылка      

smile Хороший результат


Андрей Пожарко       30.03.2009 - 11:32       Ссылка      

А это все та же методика, только совершенно другой результат.


Каташи       09.05.2009 - 09:21       Ссылка      

А куда нужно вставить этот шрифт? ExposureCThree.otf В какую папку GIMPа?


Андрей Пожарко       09.05.2009 - 19:20       Ссылка      

Вставлять шрифты нужно в папку со шрифтами. Можете посмотреть в параметрах, какие папки со шрифтами зарегистрированы и добавить шрифты туда, или зарегистрировать свою папку.


Каташи       09.05.2009 - 21:04       Ссылка      

Андрей Пожарко,Спасибо огромное!


Виталий       05.06.2009 - 10:42       Ссылка      

А какая версия ГИМПа использовалась? Что-то не нашел у себя "Удалить текстовую информацию"


Андрей Пожарко       05.06.2009 - 11:27       Ссылка      

Версия 2.6.5, но это не так важно. Смысл в том, что текстовый слой нужно растрировать. Название пунктов меню может отличаться.


Тёмыч       12.06.2009 - 13:42       Ссылка      

как сделать чтоб градиентная заливка была не слева на право, а сверху вниз?


Тёмыч       12.06.2009 - 14:05       Ссылка      

уже разобрался)протупил чуток)


Wlad       18.07.2009 - 13:26       Ссылка      

А как зделоть так чтоб тень была зади текста?


Андрей Пожарко       18.07.2009 - 13:34       Ссылка      

Зайти в меню Фильтры - СветТень - Падающая тень и поколдавать там. Когда тень будет создана, можно добавить к ней перспективу (инструментом Перспектива) и прочие эффекты.


саня       11.10.2009 - 14:56       Ссылка      

у меня сохранить не получается....сохроняет а когда открываю оно в гимпе открывает


Андрей Пожарко       11.10.2009 - 19:41       Ссылка      

Если не указать расширение, то по-умолчанию сохраняет файл в xcf. Вам просто нужно сразу писать название файла с расширением, например, Рисунок1.jpg или Рисунок2.gif.


дашунька       09.11.2009 - 18:09       Ссылка      

я таки зделала , а он пишет "Вы можете использовать этот диалог для сохранения файлов в формате GIMP XCF. Используйте команду Файл→Экспортировать для экспорта в прочие форматы данных." надо так выполнить


Александр       22.11.2009 - 13:18       Ссылка      

"Выберите белый цвет и залейте выделенную область градиентом сверху вниз, как показано на рисунке. Тип градиента Основной в прозрачный." Как я понял: Цвет переднего плана = #ffffff Цвет фона = #3dff00 А вот как переключить тип градиента? Переключение в режим - "растворение" ?


Александр       22.11.2009 - 13:23       Ссылка      

Разобрался)


Артем       25.12.2009 - 00:08       Ссылка      

получилось, но я не совсем разобрался.


Андрей Пожарко       25.12.2009 - 12:43       Ссылка      

Артем, говорите, что не понятно - помогу.


Max       03.01.2010 - 20:04       Ссылка      

Непонятно почему в начале урока одним значением 3fff00 обозначено 2 цвета?


Андрей Пожарко       04.01.2010 - 13:46       Ссылка      

Max, точно подмечено! Это ошибка, конечно. Интересно было когда же кто-то заметит smile.


tina       21.10.2010 - 21:03       Ссылка      

мне нужно написать текст к картинке, но при наборе текста он пишется на английском. Нет ли возможности перевести это на русский язык. Спасибо.


Виктория       02.11.2010 - 09:54       Ссылка      

а какая это версия гимпа ?


Виктоория       02.11.2010 - 09:55       Ссылка      

а все вижу..


kkll       02.11.2010 - 10:28       Ссылка      

ingvarIgorj???


Виктория       07.11.2010 - 16:35       Ссылка      

ребяточки я не понимаю как намутить sad(


Сергей       08.09.2011 - 14:11       Ссылка      

"нажимаем правой кнопкой мыши на <span class="bbu">текстовом</span> слое" - а как именно отличить текстовый от не текстового, подскажите пожалуйста.Зачем скриншоты пропустили... sad


Сергей       08.09.2011 - 14:19       Ссылка      

"Теперь создадим контур вокруг текста. Для этого сначала нужно выделить надпись, нажав правой кнопкой мыши на нужном слое" Совсем запутался со слоями. "Нужный слой" - это какой именно? Подскажите...пожалуйста sad


Victoria       08.07.2012 - 18:07       Ссылка      

Спасибо


Наташа       14.07.2013 - 00:09       Ссылка      

простите но градиентом это как?


Наташа       14.07.2013 - 00:22       Ссылка      

у меня нету типа градиента "Основной в прозрачный" плиз покажите (на фотках) как его сделать


Дімон       30.09.2013 - 16:49       Ссылка      

cool Дякую за урок


Добавить комментарий:

[b] [i] [u] [quote]     :) :| :( :D :o ;) :/ :P :lol: :mad: :rolleyes: :cool:


Введите результат =    








ремонт телевизоров philips
Проект OpenNET © 2008-2017 Андрей Пожарко Деньги владельцам сайтов