Здравствуйте друзья. Сегодня для вас приготовил очень простой, но в тоже интересный урок. Мы будем рисовать красивую стрелку для своего сайта или блога :-). Готовы? Тогда поехали…
Шаг 1. Создаем новое изображение 640×480. Надеюсь помните, как это делать? Если нет, то значит вы не скачивали мой видео-курс.
Шаг 2. Расставляем направляющие. Нам понадобятся две направляющие по вертикали и горизонтали со значением 50%. Для этого переходим в меню — «Изображение – Направляющие – Направляющая в %», где в диалоговом окне нажимаем ОК. Таким образом, у нас появится одна горизонтальная направляющая, которая делит наше изображение по полам. Аналогичным образом создадим вертикальную направляющую. Для этого, в диалоговом окне нужно выбрать пункт «Вертикаль»
В результате проделанных действий у нас получится так:
Кроме этого с помощью «Изображение – Направляющие – Новая Направляющая», расставляем еще 4 вертикальные направляющие (220, 270, 370,420) и две горизонтальные (80, 300). Теперь картина выглядит следующим образом.
Шаг 3. Добавляем новый прозрачный слой и выбрав инструмент «Свободное выделение» создадим выделение вида:
854
Шаг 4. Теперь изменяем цвет переднего плана на #68dc0c, а фона на #387706
После чего, выбрав инструмент «Градиент» (Градиент: «Основной в фоновой», Форма: «Линейная») проводим инструментом от верха стрелки к низу.
Шаг 5. Теперь уменьшаем выделение через «Выделение –Уменьшить» на 3 px
Добавляем еще один прозрачный слой наверх стопки слоев и вновь проводим градиентом (с теми же настройками), но на этот раз от низа к верху.
Шаг 6. Добавляем еще один прозрачный слой. На этот раз последний в этом уроке :-). Затем уменьшаем активное выделение снова на 3px. После чего, выбираем цвет переднего плана «Белый» и снова используем инструмент «Градиент» (с настройкой «Основной в прозрачный») и проводим градиентом, как на скриншоте ниже.
Снимаем выделение через «Выделение — Снять»
После чего выбираем второй слой снизу (с первым градиентом, который мы делали) и переходим в «Изображение – Автокадрировать изображение»
Отключаем видимость нижнего белого слоя, щелкнув на пиктограмму глаза напротив слоя, и сохраняем полученный результат в формате PNG (чтобы сохранить прозрачность стрелки по бокам).
Вот и все друзья. Теперь вы можете рисовать красивые стрелки, которые можно использовать, например в оформление своего сайта или блога 🙂
С уважением, Антон Лапшин!
Спасибо, Антон, уроки у Вас самые классные!
Это точно. Антон, спасибо!
Действительно, Антон, впечатляет подробность, спасибо. Одно время работал на машине «Кодак», когда они только появились, это печать фото. Потом сменил проф.ориентацию. В настоящее время эта индустрия настолько шагнула вперёд, что даже я, скажем не новичок в фотографии, порой спотыкаюсь. А ваши объяснения просты и понятны. Ещё раз спасибо.
Здравствуйте, спасибо за урок стрелочка получилась отличная! Несколько моментов спросить хочу — почему-то не получилась разметка при документе размером 640×480, сделала 640×400 всё встало на свои места. Ещё автокадрирование у меня сделать не получается, отсекает только нижнюю часть документа. Подскажите (если знаете) в чём может быть причина?
Да, да вы правильно сделали ) спасибо, что поправили . 640 на 400, из стандартного шаблона ))
Всем большое спасибо за ваши комментарии.
Как говорится: «Секрет элегантности — в простоте». Спасибо, Антон.
Спасибо! Все понятно, теперь будем рисовать стрелки сами, а не пользоваться шаблонами!
автокодирование не получилось.а урок отличный!!!
Спасибо!
У меня Gimp 2.8.10
Что бы сохранить в формате PNG надо не сохранять, а «Экспортировать как».
Сохраняет только в форматах gimp.
У меня такой вопрос. Что бы что либо изменять на холсте надо постоянно делать окно с холстом активным. Чаще всего активны окна «Панель инструментов» и «Слои-…» и поэтому на каждое изменение на холсте, постоянно надо делать холст активным, это очень раздражает.
Может вы знаете как этого избежать или так всегда будет.
Дело в том что в фотошоп одно окно и где бы ты не щелкнул на любой панели, холст все равно активен.