Главная » Файлы » Эффекты [ Добавить материал ]

Вертикальный фото групповой эффект с фотошопом
20.06.2015, 12:58
Вот изображение, которое я буду использовать для этой обучающей программы:
The original photo. Image licensed from iStockphoto by Photoshop Essentials.com.
Исходное изображение.
И вот то, на что будет похожим заключительный "вертикальный фото групповой эффект ":
Photoshop vertical photo panels effect. Image © 2011 Photoshop Essentials.com.
Конечный результат.
Давайте начнем!
 

Шаг 1: добавь, что белый чистый цвет заполняет слой

С твоим изображением, недавно открытым в Фотошопе, нажми на Новое, Заполняются или символ Слоя Регулирования у основания группы Layers. Это - символ, который похожий на разделение круга по диагонали между черным и белым:
The New Fill or Adjustment Layer icon in the Layers panel in Photoshop. Image © 2011 Photoshop Essentials.com.
Нажми на Новое, Заполняются или символ Слоя Регулирования.
Выбери Чистый Цвет из верхней части списка, заполняются и слои регулирования, который появляется:
Selecting a Solid Color fill layer in Photoshop. Image © 2011 Photoshop Essentials.com.
Выбери Чистый Цвет заполняют слой от верхней части списка.
Фотошоп будет трещать открытый Палитра цветов, таким образом, мы сможем выбрать, каким цветом мы хотим заполнить слой. Выбери белый, или щелкнув в верхнем левом углу большой цветной рамки выбора фрагмента слева или войдя 255 для RG и вариантов B около нижнего центра диалогового окна:
Choosing white from the Color Picker in Photoshop. Image © 2011 Photoshop Essentials.com.
Выбери белый из Палитры цветов.
Нажми OK, когда ты будешь сделан, чтобы закрыться из Палитры цветов. Документ теперь будет заполнен чисто белым, который будет служить фоном для нашего эффекта:
The Photoshop document is now filled with solid white. Image © 2011 Photoshop Essentials.com.
Документ теперь заполнен белым.
Если мы смотрим в группе Layers, мы видим, что новый Чистый Цвет заполняет слой, который Фотошоп назвал Цветом, Заполняются 1, сидя выше исходного изображения на Второстепенном слое:
The new Solid Color fill layer appears in the Layers panel. Image © 2011 Photoshop Essentials.com.
Фотошоп помещает, Чистый Цвет заполняют слой выше Второстепенного слоя.

Шаг 2: дублируй второстепенный слой

Выбери Второстепенный слой, нажав на него в группе Layers:
Selecting the Background layer in the Layers panel. Image © 2011 Photoshop Essentials.com.
Нажми на Второстепенный слой, чтобы выбрать его. Отобранные слои выделены в синем.
Со Второстепенным отобранным слоем подойди к меню Layer в Строке меню вдоль вершины экрана, выбери Новый, затем выбери Слой через Копию. Или, для более быстрого способа получить доступ к той же самой команде, нажми Ctrl+J (Победа) / Command+J (Mac) на твоей клавиатуре:
The New Layer via Copy command in Photoshop. Image © 2011 Photoshop Essentials.com.
Пойди в Слой> Новый> Слой через Копию.
Копия Второстепенного слоя, соответственно названная Второстепенная копия, добавлена непосредственно выше оригинала:
A copy of the Background layer appears above the original in the Layers panel. Image © 2011 Photoshop Essentials.com.
Второстепенный слой копии добавлен между оригинальным Второстепенным слоем, и Чистый Цвет заполняют слой.

Шаг 3: двинься второстепенный слой копии выше чистого цвета заполняют слой

Мы должны двинуться, Второстепенный слой копии выше Чистого Цвета заполняют слой и самый быстрый и самый легкий способ сделать, который является с клавишей быстрого вызова. Нажми скобку Ctrl+right (]) (Победа) / скобка Command+right (]) (Mac) на твоей клавиатуре. Это подскочит в настоящее время отбираемый слой (Второстепенный слой копии) по слою непосредственно выше его (Цвет Заполняют 1 слой), помещая Второстепенный слой копии наверху стека слоя:
The Background copy layer has been moved above the Solid Color fill layer. Image © 2011 Photoshop Essentials.com.
Нажми Ctrl +] (Победа) / Команда +] (Mac), чтобы подскочить, Второстепенный слой копии выше Чистого Цвета заполняет слой.

Шаг 4: выбери прямоугольный инструмент

Выбери Прямоугольный Инструмент из группы Tools:
Selecting the Rectangle Tool in Photoshop. Image © 2011 Photoshop Essentials.com.
Выбери прямоугольный инструмент.

Шаг 5: выбери выбор форм

С Прямоугольным отобранным Инструментом нажми на выбор Shapes в Баре Вариантов вдоль вершины экрана. Это - левый символ подряд трех символов около крайне левого из Бара Вариантов:
Selecting the Shapes option for the Rectangle Tool in the Options Bar. Image © 2011 Photoshop Essentials.com.
Выбери выбор Shapes в Баре Вариантов.

Шаг 6: потяни первую вертикальную группу

С Прямоугольным Инструментом в руке и отобранном выборе Shapes, щелкни в документе и вытащи свою первую вертикальную группу. Мы собираемся добавить наши группы слева направо через изображение, поэтому потяни эту первую группу по крайне левой из области, которую ты хочешь показать. Например, в моем случае, я собираюсь вытащить свою первую группу по левой стороне лица человека (не волнуйся о цвете группы):
Dragging out a vertical panel with the Rectangle Tool in Photoshop. Image © 2011 Photoshop Essentials.com.
Вытаскивание первой группы по левой стороне изображения.

Шаг 7: вращай группу немного со свободным преобразованием

Чтобы добавить немного больше визуального интереса для эффекта, давайте вращать некоторые группы, таким образом, они все не кажутся прямыми вверх и вниз. Нажми Ctrl+T (Победа) / Command+T (Mac) к быстро Свободной команде Преобразования Фотошопа доступа, которая помещает Свободный ограничивающий прямоугольник Преобразования и ручки вокруг группы. Щелкни где угодно вне группы и, с твоей кнопкой мыши, все еще удержанной, сопротивление с твоей мышью, чтобы вращать его. Не вращай его слишком далеко - небольшой угол - все, в чем мы нуждаемся. Ты можешь также переместить группу, чтобы изменить местоположение его, если ты должен, щелкая где-нибудь в нем и, снова с твоей кнопкой мыши, все еще удержанной, таща группу вокруг с твоей мышью. Здесь, я вращаю группу немного против часовой стрелки. Когда ты сделан, пресса Входят (Победа) / Возвращение (Mac) на твоей клавиатуре, чтобы принять изменение и выход из Свободной команды Преобразования::
Rotating the panel with Free Transform. Image © 2011 Photoshop Essentials.com.
Используй Свободное Преобразование, чтобы вращать и/или переместить группу в документе.

Шаг 8: перемести слой формы ниже второстепенного слоя копии

Если мы смотрим в группе Layers, мы видим наш недавно добавленный слой Формы (названный Формой 1) сидящий выше Второстепенного слоя копии:
The Shape layer sits at the top of the layer stack. Image © 2011 Photoshop Essentials.com.
Слой Формы в настоящее время сидит наверху стека слоя.
Мы должны обменять заказ этих двух слоев, таким образом, слой Формы появляется ниже Второстепенного слоя копии, и мы можем сделать это с другой удобной клавишей быстрого вызова. С отобранным слоем Формы нажми скобку Ctrl+left ([) (Победа) / скобка Command+left ([) (Mac) на твоей клавиатуре. Это подскакивает в настоящее время отбираемый слой (Форма 1 слой) вниз ниже слоя непосредственно ниже его (Второстепенный слой копии):
The Shape layer and Background copy layer have swapped positions. Image © 2011 Photoshop Essentials.com.
Нажми Ctrl + [(Победа) / Команда + [(Mac), чтобы переместить Форму 1 слой ниже Второстепенного слоя копии.

Шаг 9: выбери второстепенный слой копии

Еще раз нажми на Второстепенный слой копии, чтобы выбрать его:
Clicking on the Background copy layer to select it. Image © 2011 Photoshop Essentials.com.
Нажми на Второстепенный слой копии наверху стека слоя, чтобы выбрать его.

Шаг 10: создай маску обрыва

Подойди к меню Layer наверху экрана и выбери, Создают Маску Обрыва:
Selecting the Create Clipping Mask command from the Layer menu in Photoshop. Image © 2011 Photoshop Essentials.com.
Пойди в Слой>, Создают Маску Обрыва.
Это "обрезает" изображение на Второстепенном слое копии к вертикальной группе по слою Формы непосредственно ниже его, скрывая все на Второстепенном слое копии за исключением области, которая сидит непосредственно выше группы:
The image on the Background copy layer is now clipped to the vertical panel shape below it. Image © 2011 Photoshop Essentials.com.
Только часть изображения, которое появляется по групповой форме, остается видимой в документе.
Если мы смотрим в группе Layers, мы видим, что Второстепенный слой копии теперь заказан вправо с маленькой стрелой, указывающей вниз налево от уменьшенного изображения предварительного просмотра. Это - способ Фотошопа сказать нам, что слой подрезан к содержанию слоя ниже его:
The Layers panel showing the Background copy layer clipped to the Shape layer. Image © 2011 Photoshop Essentials.com.
Слой, заказанный к праву, означает, что это подрезано к слою ниже его.

Шаг 11: добавь тень снижения

Давайте добавим несколько простых стилей слоя к группе. Во-первых, нажми на Форму 1 слой, чтобы выбрать его:
Selecting the Shape layer in the Layers panel. Image © 2011 Photoshop Essentials.com.
Нажми на Форму 1 слой в группе Layers, чтобы выбрать его.
Тогда нажми на символ Layer Styles у основания группы Layers:
Clicking the Layer styles icon in the Layers panel in Photoshop. Image © 2011 Photoshop Essentials.com.
Нажми на символ Layer Styles.
Выбери Тень Снижения из списка стилей слоя, который появляется:
Selecting a Drop Shadow layer style in Photoshop. Image © 2011 Photoshop Essentials.com.
Выбери Тень Снижения из списка.
Это открывает набор диалогового окна Layer Style Фотошопа для вариантов Тени Снижения в средней колонке. Опусти Непрозрачность тени к 60%, чтобы уменьшить ее интенсивность, затем установи Угол в120 °. Набор и варианты Расстояния и Размера к 10 пкс, хотя ты можешь хотеть экспериментировать с различными ценностями для этих двух вариантов в зависимости от размера изображения, ты работаешь с:
The Drop Shadow options in the Layer Style dialog box in Photoshop. Image © 2011 Photoshop Essentials.com.
Варианты Тени Снижения.
Оставь диалоговое окно Layer Style открытым в настоящий момент, потому что у нас все еще есть еще один стиль слоя, чтобы добавить. Твоя группа должна выглядеть подобной этому после добавления тени снижения:
The image after adding a drop shadow to the first panel. Image © 2011 Photoshop Essentials.com.
Изображение после добавления тени снижения к первой группе.

Шаг 12: добавь удар

С диалоговым окном Layer Style все еще открываются, щелкают непосредственно по слову Удар у основания списка вдоль левых диалогового окна. Удостоверься, что ты нажимаешь на само слово, не только во флажке, иначе у тебя не будет доступа к вариантам Удара:
Selecting Stroke from the list of styles in the Layer Style dialog box. Image © 2011 Photoshop Essentials.com.
Щелкни непосредственно по слову Удар слева от диалогового окна Layer Style.
Средняя колонка диалогового окна Layer Style изменится, чтобы показать варианты для удара. Нажми на цветной образчик направо от слова Цвет, чтобы изменить цвет удара:
Clicking on the color swatch for the stroke in the Layer Style dialog box. Image © 2011 Photoshop Essentials.com.
Нажми на цветной образчик.
Фотошоп откроет Палитру цветов еще раз, на сей раз таким образом, мы сможем выбрать новый цвет для удара, который появится вокруг краев группы. Выбери белый так же, как мы действительно отступали в Шаге 1, или щелкая в верхнем левом углу большой цветной рамки выбора фрагмента слева или входя 255 для R,G и ценностей B. Когда ты будешь сделан, нажми OK, чтобы закрыться из Палитры цветов:
Selecting a new color for the stroke from the Color Picker. Image © 2011 Photoshop Essentials.com.
Выбери белый из Палитры цветов.
Наконец, измени Размер удара к 2 пкс (ты можешь хотеть использовать большую стоимость, если ты работаешь с увеличенным изображением), затем смени Положение к Внутренней части, которая будет сохранять удар хорошим и острым в углах группы:
The stroke Size and Position options in the Layer Style dialog box. Image © 2011 Photoshop Essentials.com.
Установи Размер в 2 пкс и Положение к Внутренней части.
Нажми OK, чтобы закрыться из диалогового окна Layer Style. Твоя группа должна теперь выглядеть подобной этому после добавления тени снижения и удара:
The first panel after applying a drop shadow and a stroke. Image © 2011 Photoshop Essentials.com.
Первая группа после применения тени снижения и белого удара.

Шаг 13: выбери оба слоя сразу

С Формой 1 слой, уже отобранный, удержи свою клавишу SHIFT и нажми на Второстепенный слой копии выше его. Это выберет оба слоя сразу (оба будут казаться выделенными в синем):
Selecting two layers at once in the Layers panel. Image © 2011 Photoshop Essentials.com.
Держи Изменение и нажми на Второстепенный слой копии, чтобы выбрать его и Форма 1 слой.

Шаг 14: создай Layer Group

С обоими слоями, теперь отобранными, подойди к меню Layer наверху экрана, выбери Новый, затем выбери Группу из Слоев:
The New Group from Layers command in Photoshop. Image © 2011 Photoshop Essentials.com.
Пойди в Слой> Новый> Группа от Слоев.
Фотошоп откроет диалоговое окно New Group from Layers. Назови новую Группу группы слоя, затем нажми OK, чтобы закрыться из диалогового окна:
The New Group from Layers dialog box in Photoshop. Image © 2011 Photoshop Essentials.com.
Назови новую группу слоя "Группой".
Фотошоп помещает эти два слоя в новой группе слоя под названием Группа. Только сама группа в настоящее время видима в группе Layers. Эти два слоя скрытые в группе. Мы собираемся добавить наши дополнительные фото группы к документу, делая копии группы:
A new layer group named Panel appears in the Layers panel in Photoshop. Image © 2011 Photoshop Essentials.com.
Эти два слоя теперь в группе слоя под названием Группа.

Шаг 15: дублируй Layer Group

Нажми на Групповую группу и, с твоей удержанной кнопкой мыши, ослабь его на Новый символ Слоя у основания группы Layers:
Dragging the layer group onto the New Layer icon. Image © 2011 Photoshop Essentials.com.
Перетащи Групповую группу вниз на Новый символ Слоя.
Выпусти свою кнопку мыши по Новому символу Слоя. Фотошоп создает копию группы, называет ееГрупповой копией и помещает ее выше оригинальной Групповой группы:
A copy of the layer group appears above the original. Image © 2011 Photoshop Essentials.com.
Копия Групповой группы добавлена выше оригинала.

Шаг 16: перемести копию ниже Original Group

Нажми скобку Ctrl+left ([) (Победа) / скобка Command+left ([) (Mac), чтобы переместить копию Групповой группы ниже оригинала:
The Panel copy group now appears below the original. Image © 2011 Photoshop Essentials.com.
Нажми Ctrl + [(Победа) / Команда + [(Mac), чтобы переместить Групповую группу копии ниже оригинала.

Шаг 17: открой Layer Group

Нажми на маленький символ треугольника налево от имени группы копии Группы. Это будет вращать открытую группу, показывая эти два слоя в нем:
Opening the layer group. Image © 2011 Photoshop Essentials.com.
Нажми на треугольник, чтобы вращать открытый Групповая группа копии.

Шаг 18: выбери слой формы

Нажми на Форму 1 слой в группе, чтобы выбрать его:
Selecting the Shape 1 layer inside the group. Image © 2011 Photoshop Essentials.com.
Выбери Форму 1 слой в Групповой группе копии.

Шаг 19: перемести и вращай форму со свободным преобразованием

Нажми Ctrl+T (Победа) / Command+T (Mac), чтобы быстро поднять Свободные ручки Преобразованиявокруг второй группы, затем щелкни где угодно в группе и тяни его вправо. Это посмотрит сначала как есть только одна группа в документе, так как оригинальная группа сидит непосредственно выше второго, но как только ты начинаешь тянуться вправо, ты будешь видеть, что вторая группа появляется из-за оригинала. Поскольку ты тянешь вторую группу в положение, больше изображения показано в нем:
Dragging the second panel towards the right. Image © 2011 Photoshop Essentials.com.
Щелкни в группе и тяни ее к праву показать больше изображения.
Попытайся поместить вторую группу или немного выше или ниже, чем оригинальная группа, снова только добавить больше визуального интереса. Кроме того, вращай группу в противоположном направлении, щелкая где угодно за пределами него и таща с твоей мышью. Здесь, я поместил свою вторую группу немного выше, чем первое, и я вращал ее по часовой стрелке. Когда ты сделан, пресса Входят (Победа) /Возвращение (Mac), чтобы принять изменение и выход из Свободной команды Преобразования:
Rotating the second panel clockwise. Image © 2011 Photoshop Essentials.com.
Вращай вторую группу немного в противоположном направлении.

Шаг 20: закрой Layer Group

Мы должны сделать еще несколько копий группы слоя, чтобы создать дополнительные группы, так чтобы препятствовать вещам то, чтобы быть слишком загроможденным и путающий в группе Layers, закрыть группу слоя, когда ты сделан с ним, щелкнув еще раз по треугольнику налево от имени группы:
Closing the layer group in the Layers panel. Image © 2011 Photoshop Essentials.com.
Закрой группу слоя, когда ты будешь сделан, чтобы содержать вещи в чистоте взгляд и организован.

Шаг 21: повтори шаги 15-20, чтобы добавить дополнительные группы

В этом пункте добавление остающихся групп является просто вопросом повторения тех же самых немногих шагов. Во-первых, дублируй ранее добавленную группу слоя (это будет самой нижней группой в группе Layers и также будет тем, выделенным в синем), ослабляя его на Новый символ Слоя:
Duplicating the second layer group. Image © 2011 Photoshop Essentials.com.
Ослабь самую нижнюю группу слоя на Новый символ Слоя.
Копия группы появится непосредственно выше его. Здесь, новую копию называют Групповой копией 2.Поскольку ты добавляешь больше групп, группы слоя назовут, Группа копируют 3, Групповая копия 4, и так далее:
Panel copy 2 appears in the Layers panel. Image © 2011 Photoshop Essentials.com.
Фотошоп добавляет копию группы слоя непосредственно выше оригинала.
Нажми скобку Ctrl+left ([) (Победа) / скобка Command+left ([) (Mac) на твоей клавиатуре, чтобы переместить новую группу ниже других групп слоя:
Moving the Panel copy 2 group below the Panel copy group. Image © 2011 Photoshop Essentials.com.
Нажми Ctrl + [(Победа) / Команда + [(Mac), чтобы переместить новую копию ниже ее оригинала.
Открой группу слоя, нажав на символ треугольника налево от его имени, затем выбери Форму 1 слой в группе:
Opening the layer group and selecting the shape layer inside. Image © 2011 Photoshop Essentials.com.
Открой группу слоя и выбери Форму 1 слой.
Нажми Ctrl+T (Победа) / Command+T (Mac), чтобы поднять Свободную коробку Преобразования и ручки вокруг новой группы, затем щелкни в группе и тяни его к праву показать больше изображения, помещая новую группу немного выше или ниже предыдущей. Щелкни вне группы и тянись со своей мышью, чтобы вращать его. Пресса Входит (Победа) / Возвращение (Mac), когда ты сделан, чтобы выйти из Свободного Преобразования:
Moving and rotating the third panel. Image © 2011 Photoshop Essentials.com.
Используй Свободное Преобразование, чтобы переместить и вращать группу.
Наконец, нажми на символ треугольника, чтобы закрыть группу слоя, когда ты будешь сделан. Ты должен не обязательно закрыть группы слоя каждый раз, но намного легче работать в группе Layers с закрытыми группами:
Closing the layer group. Image © 2011 Photoshop Essentials.com.
Нажми на треугольник, чтобы закрыть группу, когда ты будешь сделан.
Повтори эти те же самые шаги, чтобы добавить твои остающиеся группы к документу, и ты сделан! Здесь, после добавления еще трех групп, чтобы показать остальную часть лица человека, мой заключительный "вертикальный фото групповой результат " (я подрезал далеко часть белого фона с Инструментом Урожая):
Photoshop vertical photo panels effect. Image © 2011 Photoshop Essentials.com.
Конечный результат.
 
И там у нас есть он! Это - то, как показать единственную фотографию как серию вертикальных групп с Фотошопом!
Категория: Эффекты | Добавил: ВАЛЕРА | Теги: эффект, Фото, вертикальный, групповой, с фотошопом
Просмотров: 918 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0