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


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








Система Orphus



Обводка по контуру

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

Добавлено: 2009-02-18


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

Создадим новое изображение размером 400х200 пикселей с белым фоном.

В самом начале нам нужно выбрать цвет, который будем использовать для надписи. Затем выберем инструмент Текст и нанесем надпись.

В списке слоев щелкнем правой кнопкой мыши на текстовом слое и выберем Текст в выделение. В результате чего вокруг текста должно появиться выделение.

Далее не снимая выделения создадим новый слой с прозрачным фоном. А потом расширим выделение через меню Выделение - Увеличить и зададим значение в 3 пикселя.

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

Теперь уменьшим выделение на 1 пикс. через меню Выделение - Уменьшить. и удалим выделенную область (клавишей Delete).

Снимем выделение (Shift+Ctrl+A). Вот и все! Я еще добавил снизу небольшую надпись для разнообразия wink.

Наш результат:

 

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




 

 

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



ingvar       19.02.2009 - 15:22       Ссылка      

Хороший урок. Видел на одном форуме сегодня - ругались веб-дизайнеры, не знали, где взять уроки по гимпу. И получили ссылку smile


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

Ingvar, Благодарю smile. Я последние 2 урока по текстовым эффектам добавил по вашей просьбе. Учел мнение самого активного читателя wink.


Новичок       21.02.2009 - 22:12       Ссылка      

Спасибо, познавательно.


Рустем       22.02.2009 - 04:17       Ссылка      

Нравится мне ваш сайт)))


Андрей Пожарко       22.02.2009 - 08:24       Ссылка      

Спасибо! Это очень вдохновляет. Пишите свои пожелания, будем стараться соответствовать. Понимаю, что больше всего не хватает новых уроков, но может еще какие-то замечания или предложения будут - пишите.


Рустем       23.02.2009 - 02:28       Ссылка      

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


Андрей Пожарко       23.02.2009 - 10:44       Ссылка      

Хорошо, Рустем, добавлю по возможности эти уроки в ближайшем будущем.


bw       04.05.2009 - 21:29       Ссылка      

Мое мнение по оформлению статей. Считаю разумным, по мимо прочего, выделять полужирным упоминания манипуляций со слоями (не каждое слово, конечно). Так как при беглом просмотре можно упустить Слой и результат получится совсем другим :-). ..bw


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

Спасибо. Буду стараться не забывать указывать для какого слоя проводятся манипуляции.


Magneto       15.08.2009 - 16:54       Ссылка      

А это моё виденье контура smile, это заглавная Q.


Amanus       28.08.2009 - 12:25       Ссылка      

Спасибо) очень полезный сайт)


Zmejgoryn       01.09.2009 - 01:59       Ссылка      

получается,спасибо.


Ярослав       12.11.2009 - 18:05       Ссылка      

Вот что у меня получилось smile


hina       18.11.2009 - 22:03       Ссылка      

у меня вот так вышло=)))


Марта)       25.01.2010 - 18:05       Ссылка      

Привет!Спасибо за урок,очень прикольно и легко..Только...А как текст с обводкой разместить на изображение...у меня ну никак не выходит!!!=)


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

Файл - Открыть как слой, выбрать ваше изображение. В списке слоев перетянуть этот слой на самый низ, чтобы он был позади текста. Подогнать масштаб, если нужно.


Василиса       28.11.2010 - 18:26       Ссылка      

Спасибо! smile


Олег       03.04.2011 - 20:13       Ссылка      

smile


mops1k       04.10.2011 - 17:00       Ссылка      

а вот что я сделал при помощи этого урока smile долго думал как сделать обводку) спасибо


Ирина       22.10.2011 - 19:21       Ссылка      

Спасибо, вот что получилось:


Андрей Пожарко       13.11.2011 - 15:14       Ссылка      

Я вначале подумал, что сайт о мамах и их дочках lol . Перешел, посмотрел - а нет! Недвижимость.


Диана       11.05.2012 - 10:54       Ссылка      

А где Выделение - Увеличить? Я не знааааюююю


Диана       11.05.2012 - 10:56       Ссылка      

А, всё. Нашла!


Диана       11.05.2012 - 11:04       Ссылка      

Урра, получилось! Вот что получилось


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

А где же обводка?


Диана       11.05.2012 - 11:06       Ссылка      

Странно, я сохранила . Был ещё контур. Добавила, исчез


Victoria       04.07.2012 - 00:04       Ссылка      

Спасибо за урок! удобно smile


Алексей       22.01.2013 - 10:50       Ссылка      

Может я совсем чайник, но в версии 2.8 нет "Текст в выделение." или я просто не там смотрел. подскажите где это меню в версии 2.8?


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

Алексей, используйте Альфа-канал в выделение. То же самое.


Наташа       15.07.2013 - 23:02       Ссылка      

Андрей Пожаркоспасибо была таже проблема


Фанис       15.11.2013 - 09:32       Ссылка      

big_smile


Влад       17.12.2013 - 17:35       Ссылка      

У меня Остаётся только контур без внутренего СЛОВА!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!


Victoria       27.02.2014 - 16:28       Ссылка      

Влад, переходите на новый слой после того, как выделите текст инструментом "выделение", на нём уже выполняется заливка контурным цветом и удаление внутреннего. Так и написано в уроке: "Далее не снимая выделения создадим новый слой с прозрачным фоном".


Оля       14.01.2016 - 15:59       Ссылка      

Не знаю, у меня получилось обрезать края и сделать их прозрачными, но сохранить в формате PNG не вышло.


Сергей Васильевич       14.08.2016 - 21:26       Ссылка      

Люди! Где можно найти нормальное обучение по работе с GIMP? Я уже сбился с ног в поисках качественного обучения. Приходится по крупицам выуживать азы работы с прогой. В основном показывают МАСТЕР - КЛАССЫ, а не обучение... Обменяемся источниками... neutral Моя почта: bruhtanbruhtan@gmail.com


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

Рад вам помочь, только объясните, что вы понимаете под обучением? Ответил также на почту.


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

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


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








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