в этой эффекты Photoshop-учебник, мы узнаем, как создать простой макет фоторамки в стиле галереи, в комплекте с текстовым заголовком под ним, как будто фотография была показана в художественной галерее. Это может быть очень стильный и элегантный способ представить свою работу, и создание макета легко.
вот как будет выглядеть конечный результат (конечно, ваша фотография и текстовая подпись будут отличаться):
финал макет фоторамки в стиле галереи.
Как Создать Фоторамку В Стиле Галереи
Шаг 1: Создайте Новый Документ
начнем с создания нового документа. Поднимитесь на меню в строке меню в верхней части экрана и выберите New:
Выберите Файл > Создать.
откроется диалоговое окно новый документ Photoshop. Я хочу, чтобы мой окончательный макет печатался как 8x10 в альбомной ориентации, поэтому Я введу значение 10 дюймов на ширина и 8 дюймов на Высота (убедитесь, что тип измерения-дюймы, а не пиксели). Размеры, необходимые для макета, могут отличаться. Поскольку я хочу, чтобы он печатался в высоком качестве, я введу разрешение стоимостью 240 пикселей/дюйм. Наконец, установите Фоновое Содержание to Белый, которое наполнит фон нового документа с белым, хотя мы будем менять его через мгновение (это просто держит нас на той же странице):
Установить ширину, высоту, разрешение и цвет фона в диалоговом окне новый документ.
Нажмите кнопку ОК, чтобы закрыть диалоговое окно. На экране появится новый документ, заполненный белым цветом.
Шаг 2: Заполните Новый Документ Черным
наш новый созданный документ, заполним его черным цветом, который станет цветом фона макета. Поднимитесь на Edit меню в верхней части экрана и выберите заполнить:
Выберите правка > заливка.
откроется диалоговое окно заливки. Установите использовать в верхней части диалогового окна черный:
Установите параметр Use в черный цвет.
нажмите OK, чтобы выйти из диалогового окна, и Photoshop заполнит документ сплошным черным цветом:
Черные цвет фона для макета.
Шаг 3: Добавьте Новый Пустой Слой И Назовите Его "Фото Область"
давайте добавим новый пустой слой в наш документ, нажав на Новый Слой значок в нижней части панели слоев:
Щелкните значок новый слой.
Это добавляет новый пустой слой, который Photoshop автоматически называет "слой 1", над фоновым слоем на панели слоев. Двойной щелчок напрямую на имя "Layer 1" и измените имя на фотографии. Нажмите введите (Win)/Return (Mac) когда вы закончите принимать изменение имени:
Дважды щелкните на имени нового слоя и изменить его на "фотографии".
Шаг 4: Перетащите Выделение Вокруг Основной Области Фотографий
нам нужно нарисовать выделение вокруг области, в которой будет отображаться фотография. Выберите Прямоугольные Рамки Tool на панели инструментов:
Выберите инструмент Прямоугольная область.
с выбранным инструментом Прямоугольная область, панель параметров в верхней части экрана изменится, чтобы показать параметры специально для этого инструмента. Я собираюсь разработать макет для отображения фотографии со стандартным соотношением сторон 4x6 в альбомной ориентации. Чтобы сделать это, я сначала изменю Style опция в панели опций для Фиксированный Коэффициент, тогда я буду введите 6 на ширина и 4 на Высота (соотношение сторон, которое вы хотите для вашей области фотографии может быть различным):
Измените параметр стиль на фиксированное соотношение, затем введите 6 для ширины и 4 для высоты.
затем, я нажму около дюйма или около того от верхнего левого угла документа и перетащить выделение, которое станет областью, где отображается фотография. Как я перетаскиваю, Photoshop блокируется выбор соотношения сторон, которое я установил на панели параметров:
Перетащите выделение вокруг области, в которой будет отображаться фотография.
Шаг 5: Заполните Выделение Серым Цветом
с выбором на месте, поднимитесь на Edit меню и выберите заполнить еще раз. На этот раз, когда появится диалоговое окно заливка, установите использовать до 50% серый:
Установите значение 50% Серый.
нажмите OK, и Photoshop заполнит область фотографии серым цветом. Нажмите Ctrl+D (Win)/Команда+D (Mac) для удаления контура выделения:
Область фотографий теперь заполнена серым цветом.
Шаг 6: Выровняйте Область Фотографии По Горизонтали С Документом
прежде чем продолжить, убедитесь, что область фотографии выровнена по горизонтали с документом. Нажмите Ctrl+A (Win)/Команда+A (Mac) на клавиатуре, которая мгновенно выделит весь документ (контур выделения появится по краям окна документа). Нажмите на букву V на клавиатуре, чтобы быстро выбрать в Photoshop Переместите Инструмент. Затем, выбрав инструмент переместить, щелкните Выровнять Горизонтальные Центры в панели "Параметры":
Используйте параметр выровнять горизонтальные центры, чтобы выровнять область фотографии с документом.
Если ваш область фотографии была немного смещена от центра по горизонтали, Photoshop зафиксирует ее в идеальном соответствии с документом. Нажмите Ctrl+D (Win)/Команда+D (Mac) после отмены выбора документа.
Шаг 7: Добавьте Тонкую Белую Рамку
давайте добавим тонкую белую рамку вокруг фотографии. Для этого мы будем использовать один из стилей слоя в Photoshop. Нажмите на кнопку Стили Слоя значок в нижней части панели слоев:
Нажмите на иконку стили слоя.
выберите инсульт снизу списка:
Выберите обводка из списка.
откроется диалоговое окно "Стиль слоя" программы Photoshop с параметрами Штриха в средней колонке. Во-первых, нажмите на цвета справа от слова цвета, который откроет Палитра и выбрать белый как цвет ход. Нажмите кнопку ОК, чтобы закрыть окно выбора цвета. Затем измените позиция удара в внутри. Наконец, отрегулируйте в размере удара, перетащив ползунок вправо. При перетаскивании ползунка в окне документа отображается предварительный просмотр размера штриха. Поскольку мы хотим тонкую границу, я собираюсь установить размер моего удара в 4 px:
Изменение цвета штриха чтобы белый и положение внутри, затем отрегулируйте размер Штриха с помощью ползунка.
нажмите OK, чтобы выйти из диалогового окна Стиль слоя. Тонкий белый Штрих теперь появляется вокруг области фотографии в окне документа (причина, по которой мы заполнили область фотографии серым, а не белым ранее, заключалась в том, чтобы мы могли видеть белую границу вокруг нее):
Появится первая из двух белых границ. Мы добавим второй через минуту.
Раздел 8: Сделайте Экземпляр Фото Площадь Слоя
Если на панели Слои выбран слой области фотографии (выбранные слои выделены синим цветом), нажмите Ctrl+J (Win)/Команда+J (Mac) на клавиатуре, чтобы сделать копию слоя, который Photoshop разместит над оригиналом. Обратите внимание, что стиль слоя обводки также копируется:
Photoshop автоматически называет новый слой "фотографии копия".
Шаг 9: Переименуйте Слой И Перетащите Его Между Оригинальные Два Слоя
дважды щелкните непосредственно на имени "photo area copy" и измените имя слоя на границы, так как мы будем использовать его, чтобы добавить внешнюю границу фотографии в мгновение. Нажмите введите (Win)/Return (Mac), чтобы принять изменение имени. Затем щелкните пограничный слой на панели "Слои" и, удерживая нажатой кнопку мыши, перетащите его между фоновым слоем и слоем области фотографии. Отпустите кнопка мыши, чтобы поместить его на место, когда появляется панель подсветки между двумя слоями:
Перетащите новый слой между двумя.
Шаг 10: Понизьте Заливку Пограничного Слоя До 0%
мы будем использовать серую область на пограничном слое, чтобы добавить второй, более толстый штрих вокруг фотографии. Проблема в том, что мы не хотим, чтобы серая область была видна на этом слое. Все, что мы хотим видеть-это белый мазок вокруг него. К скройте серый цвет и держите только ход видимым, просто понизьте заполнить для пограничного слоя до 0%. Заливка скрывает содержимое слоя, но сохраняет все стили слоя видимыми. Вы найдете опцию заливки непосредственно под опцией непрозрачности в верхней части панели слоев. Однако в окне документа пока ничего не изменилось, так как слой области фотографий блокирует пограничный слой от просмотра:
Установите заливку на 0% для скрыть серый, не скрывая мазок вокруг него.
Шаг 11: Используйте Свободное Преобразование, Чтобы Добавить Пространство Вокруг Области Фотографии
при заполнении 0% Нажмите Ctrl+T (Win)/Команда+T (Mac), чтобы вызвать Photoshop Свободное Трансформирование box и ручки вокруг серой области на пограничном слое. Держите свой Alt (Win)/опции ключ (Mac), после этого щелкает дальше или левую или правую ручку (маленький квадрат) и, удерживая кнопку мыши нажатой, перетащите ее наружу, чтобы добавить немного места с обеих сторон между вторым штрихом и серой областью фотографии. Обратите внимание, что виден только белый штрих. Серый цвет на пограничном слое скрыт от просмотра, оставляя нам область черного (которая видна из фонового слоя) между этим вторым белым штрихом и оригиналом.
удерживайте Alt / Option нажатой и перетащите верхний или нижний маркер наружу, чтобы добавить равное количество пространства между вторым штрихом и верхней и нижней частью серой области фотографии:
Используйте Free Transform, чтобы добавить пространство между вторым штрихом и областью фотографии.
пресс введите (Win)/Return (Mac), когда вы закончите принимать преобразование.
Шаг 12: Увеличьте Толщину Внешней Границы
дважды щелкните по слову инсульт под слоем границы в Панель слоев:
Любые стили слоя на слой, перечислены ниже.
Это повторно открывает диалоговое окно Стиль слоя, снова установите параметры обводки в среднем столбце. Давайте сделаем внешнюю границу немного толще исходной, перетащив в размере ползунок вправо. Опять же, при перетаскивании ползунка в окне документа отображается предварительный просмотр штриха. Я собираюсь увеличить мой внешний размер инсульта до 12 px. Оставьте все остальные опции такими же:
Увеличьте размер второго штриха для более толстой внешней границы.
нажмите OK, чтобы снова выйти из диалогового окна Стиль слоя. Теперь у нас есть тонкая граница непосредственно вокруг области фотографии и более толстая граница вокруг ее внешней стороны, завершая наш основной кадр:
Фотографии и простой двойной рамке теперь в месте.
Шаг 13 Откройте Фотографию Вы Хотите Отобразить
пришло время добавить нашу фотографию в область фотографий! Откройте фотографию, которую вы хотите отобразить, которая появится в отдельном окне документа. Вот изображение, которое я буду использовать:
Откройте изображение, которое будет отображаться в области фотографии.
Шаг 14: Выберите И Скопируйте Изображение
пресс Ctrl+A (Win)/Команда+A (Mac)для быстрого выбора всей фотографии. Затем нажмите Ctrl+C (Win)/Command+C (Mac), чтобы скопировать его в буфер обмена.
Шаг 15: Выберите Слой Области Фотографии
с фотографией, скопированной в буфер обмена, переключитесь обратно в окно исходного документа (макет фоторамки галереи) и нажмите на фотографии слой в панели слоев, чтобы выбрать его:
Выберите слой области фотографии.
Шаг 16: Вставьте Фотографию В Документ
пресс Ctrl+V (Win)/Команда+V (Mac) для вставки фотографии, которую мы скопировали в буфер обмена мгновение назад в документ. Photoshop автоматически разместит фотографию на собственном слое непосредственно над тем слоем, который был выбран в то время (именно поэтому мы выбрали слой области фотографии первым), как мы можем видеть, посмотрев на панель слоев. Photoshop назвал слой фотографии "Layer 1", что хорошо. Нет необходимости переименовывать его:
Фотография появляется сама по себе слой непосредственно над слоем области фотографии.
Если мы смотрим в окне документа, мы видим, что изображение в настоящее время слишком большой, чтобы поместиться внутри фотографии и блокирует его из вида:
В настоящее время фотография слишком велика, чтобы поместиться внутри области, в которой она будет отображаться.
Шаг 17: Создайте Обтравочную Маску
нам нужен способ, чтобы соответствовать изображение внутри изображения, и мы можем сделать это с помощью обтравочной маски. Сначала, щелкните слой, содержащий фотографию ("слой 1") на панели "Слои", чтобы выбрать его. Затем поднимитесь к пласт меню в верхней части экрана и выберите Создать Обтравочную Маску:
Выберите слой фото на панели Слои, затем выберите слой > Создать обтравочную маску.
фото слой будет отступ справа на панели слоев, давая нам знать, что он теперь "обрезается" на слой под ним:
Тот фотографии слой используется в качестве маски для изображений.
благодаря маске обрезки в окне документа теперь видна только область изображения, которая находится непосредственно над серой областью фотографии под ней. Области за пределами области фотографии скрыты от просмотра:
Только на фото прямо над фотографией площадь под ним остается видимым.
Шаг 18: Измените Размер И Положение Фотографии С Помощью Free Transform
Так пока все хорошо, но мое изображение все еще слишком большое, чтобы полностью вписаться в меньшие границы области фотографии, и его также нужно переместить. Мы можем сделать обе эти вещи с помощью Free Transform. Еще раз нажмите Ctrl+T (Win)/Команда+T (Mac), чтобы поднять Свободное Трансформирование коробка и ручки, на этот раз вокруг фото. Держите свой Shift ключ и перетащите любой из угловых маркеров, чтобы изменить размер фото, как нужно, пока он умещается внутри фотографии. Чтобы переместить фотографию, щелкните в любом месте в поле свободное преобразование и перетащите изображение в нужное положение. Если ваше изображение использует то же соотношение сторон, что и ваше фото (как и мое), вы должны иметь возможность разместить все изображение внутри него. Если нет, просто измените размер изображения, пока не будет видно как можно больше. Нажмите введите (Win)/Return (Mac), когда вы закончите, чтобы принять трансформацию:
Используйте Free Transform для перемещения и изменить размер фото, пока он умещается внутри фотографии.
Шаг 19: Добавьте Текст Под Изображением
на данный момент, все, что осталось сделать, это добавить текстовую надпись под изображением. Выберите Инструмент Горизонтального Типа на панели инструментов:
Выберите инструмент тип.
с помощью выбранного инструмента тип выберите шрифт и размер шрифта на панели параметров. Я собираюсь использовать Trajan Pro на 24 pt:
Выберите ваш шрифт и размер шрифта в панели параметров.
нажмите на кнопку цвета в панели параметров и выберите белый как ваш цвет текста из палитры цветов. Наконец, нажмите на Текст В Центре вариант слева от образца цвета, который сделает его немного легче центрировать наш текст в документе, как мы набираем:
Выберите белый в качестве цвета текста и выберите параметр выравнивание текста по центру.
затем просто нажать в черная область под Центром фотографии с помощью инструмента тип и добавьте текст. Я собираюсь напечатать "Steve Patterson Photography". Вы, вероятно, захотите добавить что-то другое, если, конечно, не захотите отдать мне должное за свою работу. Обратите внимание, что область, на которую вы нажали с помощью инструмента тип, становится центральной точкой для текста при вводе благодаря опции текст по центру, которую мы выбрали на панели параметров:
Если выбран параметр текст по центру, текст расширяется в обоих направлениях от места щелчка.
когда вы закончите, нажмите кнопку галочка в панели параметров, чтобы принять текст:
Нажмите на галочку, чтобы выйти из режима редактирования текста.
Шаг 20: Выровняйте Текст По Горизонтали, Если Это Необходимо
чтобы убедиться, что текст выровнен по горизонтали с документом, следуйте тому же методу, который мы использовали в шаге 6. Выделив текстовый слой на панели "Слои", нажмите Ctrl+A (Win)/Команда+A (Mac) для выбора всего документа. Нажмите на букву V чтобы быстро выбрать инструмент Перемещение, а затем нажмите на кнопку Выровнять Горизонтальные Центры опция в панели опций. Photoshop идеально выровняет текст по горизонтальному центру документа. Нажмите Ctrl+D (Win) / Command+D (Mac), чтобы отменить выбор документа. После отмены выбора, вы можете нажать на вверх и вниз клавиши со стрелками на ваш клавиатура, Если вам нужно подтолкнуть текст немного выше или ниже:
Снова используйте параметр выровнять горизонтальные центры, на этот раз для выравнивания текста с документом.
и с этим покончено! Вот мой окончательный макет "фоторамки в стиле галереи":
Окончательный результат.
Источник: photoshopessentials.com/p ... to-effects/gallery-print/