Скачать Adobe Photoshop® CS5 Extended
История создания Adobe Photoshop
88 секретов работы в Photoshop
Постер из фильма Начало (Inception) - урок по Adobe Photoshop
Информация к новости
  • Просмотров: 12177
  • Автор: NonSa
  • Дата: 28-01-2009, 08:44
 (голосов: 0)
28-01-2009, 08:44

Фотолента

Категория: Уроки Adobe Photoshop

Этот урок Photoshop о том, как создать красивую фотоленту, подобную примеру ниже или с сайта DigitalMash.



Будем использовать инструмент warp tool (искажение или деформация), чтобы создать закручивающийся эффект (так что нужны Photoshop CS2 или выше, чтобы закончить этот урок). По завершении мы получим ленту с вашими фотографиями или художественными работами.

1. Создайте ленту (Векторные Формы)
Для начала создаем скрученную ленту инструментом Pen tool (Перо) (в Photoshop или Illustrator). Мы будем использовать эти формы в качестве направляющих и для маскировки.
(NS: Инструмент Перо в режиме Слой-Фигура. Создаем четыре фигуры на разных слоях, из которых состоит полоса-лента.)



2. Стек фотографий
Выберите 3 фотографии на свой вкус и расположите их друг под другом.
(Объедините три слоя с фото в один.)



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



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







4. Маскировка
Организуйте слои в группы (т.е. разделите на четыре группы - 1, 2, 3, 4).
(NS: выбираете в палитре слоев первый слой-фигуру и слой с первым деформированным изображением (по контуру этой фигуры), курсором, удерживая левую клавишу мыши, тянете вниз палитры слоев к иконке «папка», называете эту папку/группу «1».)



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



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



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



6. Блики
Чтобы сделать блики и глянцевую поверхность: создайте белый и сильно размытый овал или круг, сожмите его, и поверните согласно вашему направлению изгиба.



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



8. Заключительные штрихи
Чтобы сделать изображение интереснее - desaturated (обесцветьте) две части ленты.

Заключительный результат:

 

 

Автор: Nick La

Перевод: NonSa

Источник: <!--dle_leech_begin-->webdesignerwall.com<!--dle_leech_end-->

Метки к статье: photoshop, tutorial, фотошоп, урок, уроки, уроки фотошоп


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

28 января 2009 10:18

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 16.04.2008
  • Публикаций: 0
  • Комментариев: 2
Спасибо!! Попробую!!!
<
Jsen

28 января 2009 10:43

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 12.12.2008
  • Публикаций: 0
  • Комментариев: 3
respekt перевод супер
<
Black Star

28 января 2009 13:49

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 26.01.2009
  • Публикаций: 0
  • Комментариев: 2
Не понятно, правдо на фига оно нужно? Но интересно pooh
<
sosna

4 февраля 2009 14:19

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 21.07.2008
  • Публикаций: 0
  • Комментариев: 11
Здорово! Спасибо!
<
...LOVE...

5 февраля 2009 13:42

Информация к комментарию
  • Группа: Посетители
  • ICQ: 205874820
  • Регистрация: 24.04.2008
  • Публикаций: 0
  • Комментариев: 20
Люди убейте меня!Как этим пером чертить?Я не понимаю!!

--------------------

<
DrJulia

6 февраля 2009 08:52

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 13.12.2007
  • Публикаций: 0
  • Комментариев: 30
...LOVE..., у меня раньше тоже ничего не получалось с этим пером, но потом где-то в сети нашла урок по основам работы в Photoshop - как работать с пером. И теперь это мой самый любимый инструмент. Поищите. Даже здесь, в верхнем горизонтальном меню, есть раздел "Учебники", полистайте, в них наверняка есть то, что вам надо.
Кстати, я сразу не сделала белые разделительные полосы между кадрами. Пришлось, рисовать из уже на готовой ленте. И здесь опять пригодилось перо и его обводка белым.
А применение для этого урока я нашла. Сделала обложку для календарика. Вот, что у меня получилось ))
Спасибо за урок!
<
...LOVE...

7 февраля 2009 22:43

Информация к комментарию
  • Группа: Посетители
  • ICQ: 205874820
  • Регистрация: 24.04.2008
  • Публикаций: 0
  • Комментариев: 20
DrJulia,
Ой у тебя супер получилось!))Да нее я уже поняла это перо)Довольно-таки просто)

--------------------

<
Gia-Jenny

8 февраля 2009 16:04

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 7.02.2009
  • Публикаций: 0
  • Комментариев: 1
а я вот никак не могу теперь въехать, как это перо пользовать((
<
Вирджи

12 февраля 2009 12:21

Информация к комментарию
  • Группа: Посетители
  • ICQ: 339
  • Регистрация: 15.03.2008
  • Публикаций: 0
  • Комментариев: 18
Буду пробывать)))

--------------------

<
artNokia

12 февраля 2009 21:19

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 10.02.2008
  • Публикаций: 0
  • Комментариев: 15
Рулез, попробую
<
gorchu

14 февраля 2009 13:21

Информация к комментарию
  • Группа: Посетители
  • ICQ: 356256001
  • Регистрация: 12.09.2008
  • Публикаций: 0
  • Комментариев: 3
blin.. risovat polu4aetsa.. a vot tolko u mena na lentu sovsem ne poxoje. na choto neponatnoe pohoje. no vseravno urok klassniy! spasibo)
<
Kin-Ra

2 марта 2009 11:52

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 1.03.2009
  • Публикаций: 0
  • Комментариев: 8
Давно хотела сделать нечто подобное, но своими силами ни получалось. Спасибо за интересный урок!
<
Irina_Olegovna

13 апреля 2009 10:29

Информация к комментарию
  • Группа: Посетители
  • ICQ: 268516627
  • Регистрация: 8.01.2009
  • Публикаций: 0
  • Комментариев: 2
у меня с градиентом проблема... (( ничего не выходит...
<
LittleJ

21 апреля 2009 10:11

Информация к комментарию
  • Группа: Участники
  • ICQ: 245906710
  • Регистрация: 5.12.2008
  • Публикаций: 3
  • Комментариев: 98
Даам... с пером йа наразвлекался пока сделал ))
<
elena_se

22 апреля 2009 09:59

Информация к комментарию
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Публикаций: 0
  • Комментариев: 0
у меня нет в Редактировать > Трансформация Деформации, только масштаб, наклон,поворот, искривление(оно не подходит) чем можно еще сделать а то измучилась((
<
elena_se

22 апреля 2009 10:18

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 22.04.2009
  • Публикаций: 0
  • Комментариев: 1
у меня проблемка нет в трансформации Деформации , кто знает чем еще можно?
<
Infernus

22 апреля 2009 13:24

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
elena_se, разве что фильтром Liquify

А вообще, поставьте фотошоп поновее, там эта функция есть!

--------------------

<
firefox1

26 апреля 2009 16:03

Информация к комментарию
  • Группа: Посетители
  • ICQ: не скажу=)
  • Регистрация: 16.06.2008
  • Публикаций: 0
  • Комментариев: 15
очень нужный урок. спасибо
<
Moby-Dick

3 мая 2009 20:05

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 2.04.2009
  • Публикаций: 0
  • Комментариев: 12
Спасибо))) наьеру коментов и скачаю)))
<
mifodiy

4 мая 2009 14:36

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 4.05.2009
  • Публикаций: 0
  • Комментариев: 3
мои друзьям понравился результат)..спасибо за урок
<
k.I.R.A.

5 мая 2009 17:12

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 5.05.2009
  • Публикаций: 0
  • Комментариев: 1
спасибо, очень классный урок
<
Тонька

14 мая 2009 15:46

Информация к комментарию
  • Группа: Участники
  • ICQ: --
  • Регистрация: 5.12.2007
  • Публикаций: 0
  • Комментариев: 100
красиво очень вышло
<
Arhangel

17 мая 2009 16:03

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 7.08.2008
  • Публикаций: 0
  • Комментариев: 6
классный урок..спасибо
<
erom13

24 мая 2009 10:28

Информация к комментарию
  • Группа: Участники
  • ICQ: --
  • Регистрация: 24.05.2009
  • Публикаций: 0
  • Комментариев: 100
класс, полезный урок
<
Hircine_s

26 мая 2009 01:30

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 26.05.2009
  • Публикаций: 0
  • Комментариев: 20
Спасибо! Классный урок.. ^^
<
masha1815

1 июня 2009 08:41

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 5.02.2009
  • Публикаций: 0
  • Комментариев: 1
я понимаю, что возможно я тупая...но все же : как вставить фотки в фотоленту????!!!!! ну не получается....там фотка маленькая.....и совсем не похожа на что либо нормальное!!!! помогите.....
<
deimos69

2 июня 2009 18:42

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 25.07.2008
  • Публикаций: 0
  • Комментариев: 16
Класс!!! Спешу опробовать!!!
<
Бизи

8 января 2010 14:17

Информация к комментарию
  • Группа: Посетители
  • ICQ: 599372241
  • Регистрация: 8.01.2010
  • Публикаций: 0
  • Комментариев: 6
Я бы опробовал, но для начала надо пен тул выучить, а то вообще в нём не шарю.
<
Infernus

8 января 2010 22:07

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
Бизи, на сайте есть уроки по работе с Pen Tool, поиском воспользуйтесь!

--------------------

Добавление комментария

Имя:*
E-Mail:*
Комментарий:
Введите код: *
^