Как сделать картинку полосками

Спецэффект разделения фото на полоски

Вот изображение, которое я буду использовать для этого урока:

Как сделать картинку полосками

В вот что получится в результате:

Как сделать картинку полосками

Шаг 1: Добавляем корректирующий слой сплошной цвет (Solid Color)

Нажмите на значок добавления корректирующего слоя (Adjustment Layer) и добавьте слой «Цвет» (Solid Color):

Как сделать картинку полосками

В результате откроется цветовая палитра, где Вы выберите белый цвет:

Как сделать картинку полосками

Нажмите OK, чтобы закрыть окно выбора цвета. Теперь Ваш документ заполнится белым цветом.

В панели слоёв мы видим вновь появившийся белый цвет заливки:

Как сделать картинку полосками

Шаг 2: создаём дубликат фонового слоя и поднимаем его наверх

Перейдём на фоновый слой и создадим его дубликат, нажав комбинацию Ctrl+J:

Как сделать картинку полосками

Сейчас у нас активен дубликат фонового слоя. Поднимите его наверх в панели слоёв, для этого нажмите комбинацию Ctrl+] (правая квадратная скобка), теперь панель выглядит так:

Как сделать картинку полосками

Шаг 3: Работа с инструментом «Прямоугольник» (Rectangle Tool)

На инструментальной палитре выбираем инструмент «Прямоугольник» (Rectangle Tool)

Как сделать картинку полосками

А затем в панели параметров выбираем для него опцию «Фигура» (Shapes):

Как сделать картинку полосками

Шаг 4: Создаём первую вертикальную полосу

С помощью инструмента «Прямоугольник» создайте вертикальную полосу, как показано на рисунке. Далее мы собираемся добавлять подобные полосы слева направо по всему изображению. Сейчас я нарисую полосу на левой стороне лица человека (пока не беспокойтесь о цвете полосы):

Как сделать картинку полосками

Шаг 5: Немного развернём полосу с помощью «Свободной трансформации» (Free Transform)

Активируем bycnhevtyn «Свободную трансформацию», нажав на Ctrl+T и поворачиваем полоску:

Как сделать картинку полосками

Шаг 6: Перемещаем слой-копию лица на верх панели слоёв

Если мы посмотрим на панели слоёв, то заметим, что наш добавленный слой с фигурой (у меня он назван «Прямоугольник 1), находится на самом верху панели:

Как сделать картинку полосками

Нам же нужно сделать так, чтобы вверху оказался слой с копией лица. Поэтому опустим слой с полоской вниз, для чего нажмём комбинацию Ctrl + [ (левая квадратная скобка) на клавиатуре. Это действие перенесёт слой с формой вниз:

Как сделать картинку полосками

Шаг 7: Создаём обтравочную маску

Кликните по верхнему слою для его выбора, затем зажмите клавишу Alt и подведите курсор мыши между верхним слоем и слоем с полоской, при этом курсор изменится:

Как сделать картинку полосками

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

Как сделать картинку полосками

Шаг 8: Добавляем несколько простых стилей слоя к слою с полоской

К слою с полоской добавьте стиль слоя «Тень» и «Обводку» с настройками по вкусу, только у обводки нужно заменить чёрный цвет на белый и увеличить размер (Size) до двух пикселей.

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

Как сделать картинку полосками

Шаг 9: Выбираем оба верхних слоя и создаём из них группу

Зажмите клавишу Ctrl и кликните по обеим верхним слоям, при этом они подсветятся синим:

Как сделать картинку полосками

Теперь нажмите комбинацию Ctrl+G, и эти слои будут объединены в группу:

Как сделать картинку полосками

Итак, мы сейчас имеем две группы слоёв:

Как сделать картинку полосками

Шаг 10: Откройте верхнюю группу слоёв и выберите в ней слой с фигурой

Как сделать картинку полосками

Активируйте «Свободную трансформацию, переместите фигуру вправо, и несколько наклоните её. У вас должно получиться что-то вроде этого:

Как сделать картинку полосками

Попробуйте поставить вторую панель либо чуть выше или чуть ниже, чем оригинальная панель, чтобы добавить больше визуального интереса. Кроме того, можно повернуть панель в противоположном направлении, Здесь я поместил мою вторую панель немного выше первой, и повернул по часовой стрелке. Когда вы закончите, нажмите Enter чтобы принять изменения и выйти из «Трансформации»:

Как сделать картинку полосками

Надеюсь, принцип понятен? Таким образом, продолжайте дальше. пока на получится что-то вроде этого:

Источник

Как создать собственный диагональный узор (Pattern) в Photoshop

Этот урок по созданию собственного узора (паттерна, Pattern) дополняет материал «Узоры (Patterns) Photoshop: полное руководство», но, в то же время, может рассматриваться как отдельное пособие по созданию и применению узоров в Photoshop.

Сейчас мы с Вами создадим собственный пользовательский узор, состоящий из диагональных линий, затем нанесём его на текст и создадим из него декоративные полосы и окантовку логотипа.

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

Как сделать картинку полосками

Как сделать картинку полосками

Как сделать картинку полосками

Как сделать картинку полосками

Всё, узор создан. Если мы теперь зайдём в менеджер наборов, то увидим его там:

Как сделать картинку полосками

Теперь создаём документ, на который будем наносить узор. Я создаю документ размером 520 на 182 пикселя на белом фоне, создаю новый слой и заливаю его цветом #F4f4f4, переименовываю слой в «Фон текста».

Берём инструмент «Текст» и пишем текст. Я написал название своего сайта бесплатным шрифтом Impact, буквы сделал разных цветов, но это по прежнему единый текстовый слой:

Как сделать картинку полосками

Как сделать картинку полосками

Как сделать картинку полосками

Теперь займёмся горизонтальными полосками. Возьмите инструмент «Прямоугольная область» (Rectangular Marquee Tool) и сделайте выделение размером 460 на 12 пикселей:

Как сделать картинку полосками

Нажмите клавиши Shift+F5, откроется диалоговое окно инструмента «Заливка». Выберите режим «Регулярный» (Pattern), наш узор и нажмите ОК. Выделение будет залито узором:

Как сделать картинку полосками

Чёрный узор довольно скучен, зададим ему цвет с помощью корректирующего слоя «Цветовой тон/Насыщенность» (Hue/Saturation) со следующими настройками:

Как сделать картинку полосками

Как сделать картинку полосками

Выделите слой с полоской и корректирующий слой и сгруппируйте их. Панель слоёв будет выглядеть так:

Как сделать картинку полосками

Дублируйте группу (Ctrl+I). Инструментом «Перемещение» (Move Tool), предварительно зажав Shift, перетащите дубль группы вниз:

Как сделать картинку полосками

Как сделать картинку полосками

Как сделать картинку полосками

Нажимаем Crtl+Shift+I для инверсии выделенной области. Результат:

Как сделать картинку полосками

Осталось залить выделение. Нажимаем Shift+F5 и заливаем, как только что заливали горизонтальную полоску. Штриховка получилась чёрно-белой. Надо придать ей цвет. Нам нужно создать корректирующий слой, как над слоем с полоской, но, проще не создавать, а скопировать. Для этого зажмите клавишу Alt и перетяните корректирующий слой полоски над слой со штриховкой, а затем создайте для него обтравочную маску (зажмите Alt и кликните между слоями), чтобы корректирующий слой действовал только на слой под ним:

Как сделать картинку полосками

Источник

Как сделать картинку полосками

Форум / Маски и шейпы AE / Как сделать эффект нарезания картинки полосками?

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

Сообщений 25

1 Тема от Зкутщь тщь 05.05.2016 13:45:01

Тема: Как сделать эффект нарезания картинки полосками?

2 Ответ от Pavel55555 05.05.2016 16:34:32 (05.05.2016 17:10:28 отредактировано Pavel55555)

Re: Как сделать эффект нарезания картинки полосками?

Как сделать картинку полосками

Если да, то вот скрин

Как сделать картинку полосками

Или всё таки надо типа вот так?

Как сделать картинку полосками

3 Ответ от Зкутщь тщь 05.05.2016 20:59:02

Re: Как сделать эффект нарезания картинки полосками?

про первое тоже не знала, спасибо!

4 Ответ от Зкутщь тщь 05.05.2016 23:25:22

Re: Как сделать эффект нарезания картинки полосками?

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

5 Ответ от Pavel55555 06.05.2016 00:58:40

Re: Как сделать эффект нарезания картинки полосками?

А мне очень хотелось бы точного определения тех.задания, а не «бегание» по вариантам. Можно было бы и скрины свои показать, а мы бы дали советы. cool:

6 Ответ от Зкутщь тщь 06.05.2016 02:30:37

Re: Как сделать эффект нарезания картинки полосками?

7 Ответ от Pavel55555 06.05.2016 11:59:37 (06.05.2016 12:00:51 отредактировано Pavel55555)

Re: Как сделать эффект нарезания картинки полосками?

Мадам, вы бы таки уже начинали бы определяться с вариантом, а то это уже четвёртый (. ):

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

И мне уже становится абсолютно не интересно участвовать в этом гадании на кофейной гуще. ph34r:

Как же так, что вы даже скрины не в состоянии сделать. wacko: Как же вы в Афтер Эффекте работаете-то. O:unsure:

8 Ответ от Зкутщь тщь 07.05.2016 01:50:28

Re: Как сделать эффект нарезания картинки полосками?

Это все тот же самый вариант, просто я пытаюсь по-разному вам объяснить, что хочу получить.. Скрины чего вам сделать-то? если бы я могла собрать в эффектс, то и скрин бы не понадобился..

Ну, хоть какой-нибудь из этих вариантов предложите, как сделать. Кроме просто эффект «жалюзи» наложить. Мне не нужно, чтобы полоски расширялись, они должны иметь постоянную ширину, но при этом перемещаться.

9 Ответ от Olfisher 07.05.2016 11:55:08 (07.05.2016 11:56:28 отредактировано Olfisher)

Re: Как сделать эффект нарезания картинки полосками?

Как же вы в Афтер Эффекте работаете-то.

Как сделать картинку полосками

Мне не нужно, чтобы полоски расширялись, они должны иметь постоянную ширину, но при этом перемещаться.

Как сделать картинку полосками

Ну и вариант Павла с Venetian Blinds чем вам не подходит? На скриншоте Павел все показал. Анимируйте, как хотите.

10 Ответ от Pavel55555 07.05.2016 11:55:19

Re: Как сделать эффект нарезания картинки полосками?

Это все тот же самый вариант, просто я пытаюсь по-разному вам объяснить

Скрины чего вам сделать-то? если бы я могла собрать в эффектс, то и скрин бы не понадобился..

Именно ваших наработок в АЕ по этому вопросу. Вы ведь в первом сообщении об этом писали. Или мне показалось и я это выдумал?

У меня пока идея сделать много слоев и маской перекрывать нужные кусочки, а потом анимировать вместе с масками

Вроде бы не показалось. 😉 и действительно написано.

Ну, хоть какой-нибудь из этих вариантов предложите, как сделать. Кроме просто эффект «жалюзи» наложить.

Ну вот ещё варианты. Определитесь точно какой нужен. И тогда мы осудим его и разжуём его вместе.=D

Как сделать картинку полосками

11 Ответ от Зкутщь тщь 08.05.2016 02:51:09

Re: Как сделать эффект нарезания картинки полосками?

Olfisher,спасибо что помогаете! Я правильно понимаю, что Leaner Wipe нужно чтобы
просто прикинуть ширину полос и по ней маски делать? потом эффект удалить?

я не очень понимаю, как это все масками анимировать.. я недавно начала только
изучать АЕ, так что может быть спрашиваю наивные вещи.

то есть я делаю несколько масок

Как сделать картинку полосками

Как сделать картинку полосками

За наводку на скрипт спасибо! Он вроде бы платный.. И как его устанавливать?)

12 Ответ от Зкутщь тщь 08.05.2016 02:52:16

Re: Как сделать эффект нарезания картинки полосками?

Pavel55555, вот второй вариант идеально бы подошел!

13 Ответ от Olfisher 08.05.2016 20:36:33 (08.05.2016 21:19:23 отредактировано Olfisher)

Re: Как сделать эффект нарезания картинки полосками?

Зкутщь тщь.
Как сделать картинку полосками
ну и ник у вас.
Я удивляюсь, как еще Павел стал вам отвечать-то.
И уж полностью согласен с ним:

А потому что не люблю залётных одноразовых халявщиков, пытающихся урвать кусок и смыться

Но. уж, действительно:

Но к вам это ни в коей мере не относится!

хотелось бы видеть, что человек хоть чуток пытался что-либо сделать

мы убедились в том, что вы пытаетесь что-то сделать..а потому, постараемся вам помочь.

Pavel55555, вот второй вариант идеально бы подошел!

Как сделать картинку полосками
Как сделать картинку полосками
Как сделать картинку полосками
Как сделать картинку полосками
Как сделать картинку полосками

Как сделать картинку полосками
Как сделать картинку полосками

Как сделать картинку полосками

Теперь можем менять фото-видео в композиции с нашей фотографией.

Можно использовать вместо масок шейпы :

Как сделать картинку полосками

14 Ответ от Pavel55555 09.05.2016 10:20:07

Re: Как сделать эффект нарезания картинки полосками?

Можно использовать вместо масок шейпы

Олег, В ЯБЛОЧКО. Как сделать картинку полосками
Так гораздо удобнее и нагляднее, чем мучатся с масками. Я почти так и делал.;):rolleyes:

15 Ответ от Александр Павлович 09.05.2016 17:28:21

Re: Как сделать эффект нарезания картинки полосками?

А плагин ouroboros идеальное решение

16 Ответ от Pavel55555 09.05.2016 18:32:29

Re: Как сделать эффект нарезания картинки полосками?

А плагин ouroboros идеальное решение

А можно пример со скрином? Именно на таком варианте как у меня.;)

17 Ответ от Olfisher 09.05.2016 18:36:20 (09.05.2016 19:11:50 отредактировано Olfisher)

Re: Как сделать эффект нарезания картинки полосками?

плагин ouroboros идеальное решение

Как сделать картинку полосками

Сделано с помощью Оuroboros

Зкутщь тщь.

А в личку вам я послал скрипты и видео, как сделать то, что вы хотите

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

18 Ответ от Александр Павлович 09.05.2016 20:22:12

Re: Как сделать эффект нарезания картинки полосками?

А плагин ouroboros идеальное решение

А можно пример со скрином? Именно на таком варианте как у меня.;)

Я вопрос задал а не решение

19 Ответ от Olfisher 09.05.2016 20:54:05 (09.05.2016 21:01:09 отредактировано Olfisher)

Re: Как сделать эффект нарезания картинки полосками?

Я вопрос задал а не решение

Как сделать картинку полосками

Как сделать картинку полосками

Как сделать картинку полосками

Вам уж надо было примерно так писать: » А плагин ouroboros — не идеальное ли решение ? «
Тогда всем все было бы понятно.
Ну..как-то так.

20 Ответ от Зкутщь тщь 10.05.2016 18:10:44

Re: Как сделать эффект нарезания картинки полосками?

Olfisher, спасибо за объяснения! Я не успела прочитать ваше сообщение, буду признательна, если бы вы еще раз прислали видео.

программа у меня АЕ сс2014, русскоязычная версия, что нашла. Язык почему-то не меняется, хотя в премьере аналогичном я смогла на английский поменять.

21 Ответ от Александр Павлович 10.05.2016 18:45:09

Re: Как сделать эффект нарезания картинки полосками?

Я вопрос задал а не решение

Как сделать картинку полосками

Как сделать картинку полосками

Как сделать картинку полосками

Вам уж надо было примерно так писать: » А плагин ouroboros — не идеальное ли решение ? «
Тогда всем все было бы понятно.
Ну..как-то так.

А Вы сами-то читали «Что такое вопрос в русском языке»У меня в вопросе первая буква стоит «А» это означает вопрос.А если честно сказать то Вы просто докопались до меня и не более.Спасибо!

22 Ответ от Olfisher 10.05.2016 19:40:42 (10.05.2016 19:51:59 отредактировано Olfisher)

Re: Как сделать эффект нарезания картинки полосками?

.А если честно сказать то Вы просто докопались до меня и не более

23 Ответ от Olfisher 10.05.2016 19:48:24 (10.05.2016 20:15:39 отредактировано Olfisher)

Re: Как сделать эффект нарезания картинки полосками?

Аха..граждане с такими никами обычно имеют свойство исчезать..просто исчезать..Зададут вопрос и все.

если бы вы еще раз прислали видео.

Выслал.
Только не надо пропадать опять на несколько дней.

24 Ответ от Pavel55555 10.05.2016 20:58:04

Re: Как сделать эффект нарезания картинки полосками?

А Вы сами-то читали «Что такое вопрос в русском языке»У меня в вопросе первая буква стоит «А» это означает вопрос.А если честно сказать то Вы просто докопались до меня и не более.Спасибо!

Это вопрос? Или утверждение. ;)=D

25 Ответ от Зкутщь тщь 15.05.2016 13:56:32

Re: Как сделать эффект нарезания картинки полосками?

Olfisher, спасибо, скачала! как использовать скрипты вроде бы разобралась.

В общем всем спасибо, проблема решена)

Сообщений 25

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

Форум / Маски и шейпы AE / Как сделать эффект нарезания картинки полосками?

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *