Как сделать картинку полосками
Спецэффект разделения фото на полоски
Вот изображение, которое я буду использовать для этого урока:
В вот что получится в результате:
Шаг 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 / Как сделать эффект нарезания картинки полосками?