вход или регистрация

GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   

Создаём изображение 500×500.

Шаг1. Делаем эллиптическое выделение, как на рисунке:

Дальше берем градиент «из основного в фоновый» и заливаем градиентом со сферической(!) формой.

Шаг2. Создаем новый слой. Уменьшаем наше выделение на 13пкс (выделение — уменьшить).

И опять берем градиент. Цвет по желанию. Я взяла оранжевый и залила круг вот так:

Шаг3. Создаем новый слой. Обводим края 2-ого слоя мягкой черной кистью, непрозрачность — 10%. Потом применяем Гауссово размывание со значением 40. Должно получиться так:

Шаг4. Новый слой. Вводим текст. Пишем букву Y и делаем ее посередине нашей кнопки. Делаем ее белой. Хватаем шрифт Webdings. Опа! Седечко.

Добавляем альфа-канал. И теперь заливаем любым градиентом!

Шаг5. Последний. Делаем тень. Выделение не снимаем. Фильтры — свет и тень — отбрасываемая тень.

Можете поиграть с X и Y. У меня все по 3. Непрозрачность тоже сделайте поменьше.

Результат:

Это мой первый урок, поэтому жду критики.

21 января 2011 4

В избранном у 4 человек:

Вероника Демьянова

Метки: выделение, кнопка, текст, фильтры, элементы навигации, сердце, круг, альфа-канал.

Результаты урока

Добавить

Уроки: предыдущий следующий

13 комментариев

2

Пользователь #4Андрей Сидоров21 января 2011 в 04:13Личное сообщение

Nika, благодарю за урок. Очень хороший и грамотный.

Илья, сразу говорю. Ваш урок через один. То есть, в следующую среду-пятницу.

2

Пользователь #1812Макс Шевченко21 января 2011 в 13:46Личное сообщение

Хороший, милый урок) Тем более, если первый)

1

Пользователь #2421FiRST21 января 2011 в 18:16Личное сообщение

Урок классный, но я не понял, разве обязательно делать градиент со сферической формой? Мне кажется, что бы тут лучше подошел радикальный градиент, нежели сферический.

1

Пользователь #2085Александр Лончаков22 января 2011 в 07:15Личное сообщение

ого а я не знал что сердечко можно таким вот способом сделать. теперь знаю спасибо.
простенько и со вкусом.
Nika, а будут еще уроки на подобные темы? (всмысле сердце или еще что?)

0

Пользователь #2581klyck24 января 2011 в 22:41Личное сообщение

А как делать Гауссово размывание?

1

Пользователь #1812Макс Шевченко25 января 2011 в 01:02Личное сообщение

klyck

Твой путь: Фильтры -> Размывание -> Гауссово размывание

-1

Пользователь #2668Александр Файзулин8 февраля 2011 в 20:50Личное сообщение

просто.красиво.качественно.
спасибо

-1

Пользователь #2821bogdan21 февраля 2011 в 15:50Личное сообщение

Спасибо за урок .)
побольше таких .)

1

Пользователь #2866Вероника Демьянова1 марта 2011 в 20:28Личное сообщение

Спасибо всем. Будут ещё уроки, но уже без сердца.)

0

Пользователь #2668Александр Файзулин27 марта 2011 в 00:44Личное сообщение

Сделал для своей девушки... она улыбнулась)))

0

Пользователь #2668Александр Файзулин27 марта 2011 в 00:45Личное сообщение

ток вокруг сурдца написал ей имя

0

Пользователь #2866Вероника Демьянова20 апреля 2011 в 18:34Личное сообщение

Молодец)

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

  • Современная биржа forex, подробности на сайте.

Информация по уроку

Другие уроки автора

Рисуем кошачий глаз в GIMP
С помощью урока можно научиться рисовать кошачий глаз в GIMP.

Создание эффекта для текста
Лёгкий урок, по созданию эффекта для текста.

Кисти

GIMP Brush GIMP Brush GIMP Brush GIMP Brush AxRdr70Lithium_3 AxRdr70Lithium_5 floral1_brush_by hawksmont1 floral1_brush_by hawksmont4 Fusion_12 Galactic_2 Galactic_3 Galactic_4 Galactic_5 vectorgrunge3 vectorgrunge5 vectorgrunge7 vectorgrunge8 vectorgrunge9 vectorgrunge10 vectorgrunge11 My Brush My Brush My Brush GIMP Brush Circle Brush 1 Circle Brush 2 Circle Brush 3 Circle Brush 5 Circle Brush 6 Circle Brush 7 Circle Brush 9 Circle Brush 10 Circle Brush 4 cercle-floral01 cercle-floral02 cercle-floral03 cercle-floral04 cercle-floral05 cercle-floral06 cercle-floral07 cercle-floral08 Eclipse Eclipse heart by FiRST GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush two-hearts2 broken-heart eyesOpen GIMP Brush Bubble Brush by Ln.gbr doodles2_brushes_by_hawksmont7 doodles2_brushes_by_hawksmont33 Glitter_7 GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush Планета A_Nice Sketch2 GIMP Brush GIMP Brush GIMP Brush Z_Pixel 4x4 rounded U Circle shape 1 U Circle shape 2 U Circle shape 3 U Circle shape 4 U Circle shape 5 L_Coroballs GIMP Brush serdtse GIMP Brush celtic-heart heart1 heart2 heart3 heart4 heart-arrow1 heart-arrow2 heart-bar1 heart-bar2 heart-cluster1 heart-cluster2 heart-corner heart-design1 heart-design2 heart-flowers heart-of-hearts heart-tribal2 heart-tribal lace-heart2 lace-heart3 lace-heart two-hearts СЕРДЦЕ
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Похожие страницы

Описание редактора
Про Гимп

Веб-дизайн и интерфейсы
Уроки по GIMP

PSPI
У автора PSPI возникли проблемы с использованием сканера под Linux, и он решил сделать некую переноску из Windows. Так получился PSPI.

GIMP FX Foundry
Скачать → Плагины для GIMP

День всех влюбленных
Уроки по GIMP

Оценка урока

«Милая кнопка» получил оценку 3.75 на основе 4 голосов.

9170+243
Комментариев