Уроки Все для дизайнера Алевтина Акименко 14 декабря 2009

Жизнь, как киноплёнка...

Сложность урока: Средний

1. Создание ленты (векторные формы)
Для начала создайте ленту как на рисунке в Photoshop при помощи инструмента Перо (Pen tool). Мы будем использовать эти формы, как основу для нашего рисунка.

2. Состыковка фотографий
Выберите 3 фотографии на ваш вкус и соедините их вместе.
Примечание переводчика: я создавала отдельный файл, там подгоняла при помощи свободной трансформации (free transformation) рисунки по размеру и соединяла все слои в один.

3. Деформирование (Инструмент Деформация (Warp Tool))
Уменьшите прозрачность слоя с фотографиями до 40% либо 50%, так вы будете видеть основу. Используйте Редактирование > Трасформирование > Деформация (Edit > Transform > Warp). Сейчас вы видите решетку и 4 «якоря» по углам. Ориентируясь по изгибам изображения, перетащите «якори» и решетки.

Повторите этот шаг для остальных частей ленты. Это достаточно простой шаг, поэтому не будем вдаваться в подробности, ориентируйтесь по иллюстрациям:

4. Создание маски
Создайте для каждого слоя группу (т.е. полоса 1, 2, 3, 4)
Примечание переводчика: создание группы значок папки ниже меню слои.

Загрузите выделение для формы, созданной в шаге 1, и добавьте маску слоя для каждой группы (так вы получите абсолютно гладкую кривую).

5. Тени
В маске слоя группы 1 создайте новый слой выше ленты. Используйте инструмент Градиент (Gradient tool), тащите его от вершины к основанию для создания черного градиента.
Примечание переводчика: мы используем линейный градиент (linear gradient) переходящий от черного к прозрачному.

Повторите этот шаг для остальных частей ленты.

6. Блики
Чтобы сделать блики и блестящие области, создайте светящийся круг и сжимайте его по направлению ленты.
Примечание переводчика: для создания круга используйте кисть большого диаметра с мягкими краями, для сжимания используйте свободную трансформацию (free transformation)

7. Обводка ленты
Для создания обводки края ленты: загрузите выделение ленты, создайте новый слой, залейте выделенный участок черным цветом, переместите выделение влево на 1 или 2 пикселя, удалите заливку нажатием клавиши Delete.
Примечание переводчика: перемещайте при помощи стрелок на клавиатуре. Судя по рисунку можно проделать те же манипуляции с белой заливкой, а по краям убрать излишки ластиком с мягкими краями, только перемещать нужно ещё на 1 пиксель дальше.

8. Заключительные штрихи
Для того, чтобы изображение стало ещё интереснее, можно обесцветить 2 последних фрагмента ленты.

Результат урока в большем размере

Вот что получилось у переводчика:

Перевод: Акименко Алевтина
Ссылка на источник

Источник: www.webdesignerwall.com

Комментарии 60

Многому научилась

Мне показалось очень трудно... Но я этот урок переборола!

Спасибо за урок)

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

Спасибо за урок! правда не вышло.

Я решил сделать так.

Спасибо за урок.Вот так получилось у меня.Не получалось применить градиент.

Спасибо!

Спасибо! Вот что получилось

отличный урок! все просто и понятно! спасибо!

Урок отличный)Спасибо)

помогите пожалуйста!
меня почемуто контур трансформируется...(
подскажите что мне делать?

Отличный урок, спасибо!

Очень необычно!!! правда я так долго эту ленту создавала....

Классный урок для фото монтажа. Спасибо!

ну никак у меня с пером не получается

конкурсная работа

Что-то с обводкой непонятное...у меня не заливается выделенная область ничем :(

Спасибо...всё легко и просто

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

прикольный урок!

Моя работа =)

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

Спасибо за урок! Не совсем все понятно с контуром и обводкой. Подскажите, как сделать перфорацию.

Cпасипбо)Вот сделал пленку с любимой командой AC Milan!Немного поторопился с функцией наложения)

Golohvastov, попробуйте начать с изучения азов, быстро расказать о том, как пользоваться пером я не смогу)

Скажите, как делается первый шаг, как правильно использовать инструмент "ПЕРО"! А то у меня не получается!!!!(((((

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее