Перейти к содержанию

Добро пожаловать в сообщество творческих людей - ARTTalk.ru!

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

Для новых пользователей доступна регистрация.

Тема для обсуждения новой версии сообщества.

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

Iron_ Mouse

Создание фотоленты

Рекомендуемые сообщения

Этот урок расскажет о том, как создать красивую фото ленточку с изображениями, такую как можно увидеть на изображениях ниже:

 

ilife_package_852.jpg

digital_mash_102.jpg

 

Для создания эффекта свертывания будет использоваться инструмент Warp (Деформация), поэтому для выполнения задания нам потребуется Photoshop версии CS2 и выше. После выполнения этого урока вы сможете создать фотоленту со своими собственными фотографиями или рисунками.

 

Урок рассчитан на пользователей со средним знанием Photoshop и навыками работы с векторным инструментом Pen (Перо).

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

 

И так, начнем

 

Шаг 1. Создание ленточки (векторные линии).

 

Сначала создайте ленту с помощью инструмента Pen (Перо). Ее можно создавать в Photoshop или Illustrator. Мы будем использовать этот контур как направляющую линию и для создания маски.

 

stripe_o_340.gif

 

Шаг 2. Склеивание фотографий

 

Выберите 3 фотографии или изображения на ваше усмотрение и склейте их вместе

 

photo_st_142.jpg

 

Шаг 3. Деформация (инструмент Warp)

 

Сделайте прозрачность слоя с лентой равной 40 или 50%, для того что б вы могли увидеть линии сетки над контуром. Применяем инструмент Warp (Деформация) Edit > Transform > Warp (Редактирование > Трансформирование > Деформация). Вы должны увидеть сетку с 4 узловыми точками по углам. Что б согнуть ваше изображение из фотографий просто потяните за узловые точки, точки направления или линии сетки.

 

warp_gri_308.jpg

 

Продолжение ниже ->

warp-gri.jpg.2b94ffb0eb22c6f8fc46e7fd5321667b.jpg

photo-st.jpg.e8f22fc3fef332dc1921f035a7eff2ab.jpg

stripe-o.gif.b12de25adfac88b250456fb6d7455274.gif

digital-mash.jpg.5487d53975c2fd042701f36b0659e7c7.jpg

ilife-package.jpg.8d83553c243a16e03f8e543840e2535c.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

warp_grj_187.jpg

 

warp_grk_138.jpg

 

warp_grl_920.jpg

 

Шаг 4. Создание маски

 

Соедините слои в группы (по номерам сегментов линии 1, 2, 3, 4)

 

layer_gr_808.jpg

 

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

 

layer_ma_116.jpg

 

 

Продолжение ниже ->

layer-ma.jpg.1ca24c0218efb883e4301cef9383478a.jpg

layer-gr.jpg.e6d757aa26f628a6b9175bdbf6037ef1.jpg

warp-grl.jpg.6e64dfae1084e72dc8a6e5fec64cbb3d.jpg

warp-grk.jpg.6e60c678c2ca02f9ee65d714615acc46.jpg

warp-grj.jpg.2c793217bd18cbc4e427649f11be5732.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Шаг 5. Тени

 

В масочной группе 1 создайте новый слой над лентой. Используйте инструмент Gradient (Градиент) и протяните мышью сверху вниз, что б создать черный градиент.

 

shadow_1_542.jpg

 

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

 

shadows0_126.jpg

 

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

 

Шаг 6. Блики

 

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

 

highligh_143.jpg

 

Шаг 7. Контур ленты

 

Что б создать контур ленточки, загрузите выделение маски, создайте новый слой, заполните черным цветом, сдвиньте выделение влево на 1-2 пикселя, удалите выделенную область

 

line_str_850.jpg

 

Шаг 8. Завершающие штрихи

 

Что б сделать изображение более интересным обесцветьте кончик ленты Image > Adjustments > Desaturate. (Изображение > Коррекция > Обесцветить)

 

photo_strip_final_287.jpg

 

Продолжение ниже ->

line-str.jpg.6d7888bf94eaf8b0de060af467e36206.jpg

highligh.jpg.3881c2a3e1a4c6e037a80b565cc3d57e.jpg

shadows0.jpg.06e585daefadd1e21fcef99455195dfa.jpg

shadow-1.jpg.6bd5c1798b68b21794b8d01badaae8d4.jpg

photo-strip-final.jpg.2f361d591f1268083a27e11090c7d6d8.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Инструмент Warp (Деформация) очень полезен при создании графических эффектов свертывания и сгибания любого типа. Ниже приведен пример того что можно сделать с изображением при помощи Warp.

Наслаждайтесь!

 

warp_exa_135.jpg

 

Автор урока: Nick La

 

Ссылка на оригинал http://www.webdesignerwall.com/tutorials/photo-strip-photoshop-tutorial/

 

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

warp-exa.jpg.9878fd04e88615c6aa9515ce3ed2e275.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


×

Важная информация

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