Home-theater-designers
Вы можете делать так много крутых вещей с Adobe Photoshop трудно понять, с чего начать. В этой статье мы покажем вам, как создать онлайн-фоторамку с помощью Photoshop. Тот, который вы можете использовать на веб-сайтах и в приложениях, будь то вокруг вашего аватара или в заголовке вашего блога.
Шаг 1. Настройте файл
Прежде чем мы начнем это руководство, вам необходимо знать основы инструмента Custom Shape Tool. Для этого ознакомьтесь с нашей статьей с подробным описанием как использовать инструмент Custom Shape Tool в Photoshop .
Затем откройте Photoshop, чтобы настроить документ. В этом уроке предположим, что создаваемая вами фоторамка - это аватар в социальной сети. Аватары обычно имеют одинаковые размеры со всех сторон, независимо от того, имеют ли они форму круга или квадрата.
Имея это в виду, установите размер документа не менее 1000x1000 пикселей, хотя вы можете увеличить его. Эти размеры будут служить ориентиром для вашей фоторамки.
Шаг 2: настройте инструмент произвольной формы
После того, как ваш файл настроен, создайте новый слой в вашем Слои панель --- это то место, куда пойдет ваша рамка.
Затем убедитесь, что ваш Инструмент Custom Shape активен. Затем проверьте цвета для своей пользовательской формы в Наполнять а также Инсульт разделы.
На данный момент у меня активна цветовая палитра по умолчанию. Однако я не хочу использовать эти цвета на моей картинной рамке, поэтому я собираюсь их выключить.
Чтобы переключить эти цвета, перейдите на свой Образцы панель. Щелкните значок раскрывающегося меню. Выберите готовую палитру из списка вариантов Adobe.
Вы также можете загрузить собственную цветовую палитру, если вы ее уже создали. Если вы не сделали его раньше, ознакомьтесь с нашим руководством, объясняющим как создать собственную цветовую палитру в Photoshop .
Теперь, когда новая палитра загружена, вернитесь к своему Наполнять а также Инсульт параметры для вашего инструмента Custom Shape Tool. Выберите цвета, которые хотите использовать.
как мне узнать, кто заблокировал меня на фейсбуке
После этого перейдите в свой Форма раскрывающееся меню и выберите дизайн, который лучше всего подходит для вашего изображения.
Для этого урока прокрутите вниз, пока не найдете полый круг и квадрат. Выберите полый круг, который вы хотите использовать в качестве рамки изображения, он показан красным цветом.
Хотя у Adobe есть много готовых фреймов, они слишком необычны для нашей цели. Этот круг должен подойти.
Шаг 3: нарисуйте свою форму
Выбрав фигуру, щелкните и перетащите курсор по странице, чтобы создать ее.
Если вы случайно нарисовали свое изображение со страницы - как это сделал я - не волнуйтесь. Вы можете использовать Инструмент выбора пути или Инструмент перемещения по центру кадра. Здесь он выделен красным.
Шаг 4: примените стиль слоя
После того, как вы отцентрируете рамку, вы можете применить к ней эффект, чтобы она выглядела более «трехмерной».
Для этого зайдите в свой Слой панель и дважды щелкните слой, содержащий вашу форму. Появится окно с надписью Стиль слоя .
Под Параметры наложения , вот увидишь Фаска и тиснение . Нажмите на эту опцию, чтобы активировать ее, и убедитесь, что флажок рядом с именем заполнен.
Как только эта галочка станет активной, вы увидите, что ваша фоторамка стала более трехмерной.
Под Состав В разделе, вы можете выбрать, какой тип скоса применить к вашей форме, глубину скоса, размер и степень смягчения его краев.
Под Затенение , вы сможете изменить внешний вид ваших бликов. Вы можете изменить угол, под которым свет падает на объект, а также то, как свет взаимодействует с объектом.
После того, как вы настроите все необходимые настройки, нажмите Ok .
Шаг 5: растеризуйте слой
После того, как вы закончите скашивание, вы захотите выбрать рамку, чтобы создать «выделение рамки». Это позволит вам вызвать «фигуру» позже и легко применить цветную заливку к форме этого выделения - только на другом слое.
Думайте об этом как о ярлыке для редактирования.
Когда вы выбираете свой Волшебная палочка , убедитесь, что ваше изображение в настоящее время настроено на 16 бит . В противном случае вы получите предупреждение от Photoshop.
Если это не так, нажмите Изображение> Режим> 16 бит . Поскольку вы работаете с разными слоями, Photoshop спросит вас, хотите ли вы объединить эти слои, когда вы уменьшите глубину документа.
Нажмите Не сливать . Вы по-прежнему хотите, чтобы эти слои были разделены.
После того, как вы измените глубину изображения, вам все равно придется «растрировать» слой, чтобы использовать Magic Wand. Это означает, что вы конвертируете векторную графику в пиксельную.
Чтобы растрировать слой, щелкните правой кнопкой мыши слой, содержащий вашу фоторамку, и выберите Растрировать стиль слоя .
Шаг 6: сделайте выбор
Затем вернитесь к своему Волшебная палочка и выберите пустое пространство внутри и снаружи рамки изображения.
Когда эти две области выбраны, щелкните правой кнопкой мыши пустое пространство и выберите Выбрать инверсный . Вместо этого Photoshop выберет форму вашей рамки.
Это может показаться запутанным шагом, но есть веская причина делать выбор именно в таком порядке.
Если вы попытаетесь щелкнуть напрямую по 3D-кадру, Photoshop выберет только цвета с одинаковым значением и оттенком, а не все.
С участием Выбрать инверсный , теперь у вас есть чистый выбор кадра.
Чтобы сохранить этот выбор для дальнейшего использования, перейдите в строку меню в верхней части рабочего пространства. Нажмите Выбрать> Сохранить выделение .
Дайте вашему выбору значимое имя, затем нажмите Ok .
Шаг 7: отрегулируйте цвет
Теперь, когда вы создали онлайн-фоторамку, вы можете настроить ее цвет.
Чтобы настроить цвет, перейдите в Слои панель и создайте новый слой поверх слоя, который содержит вашу рамку изображения. Затем нажмите Выбрать> Загрузить выделение .
От Канал в раскрывающемся списке выберите выбранную вами рамку изображения.
Как только выбор станет активным, перейдите к своему Ведро краски или Градиент инструмент и примените цвет к этому слою. Он останется в рамках этого выбора.
бесплатное прямое телевидение на roku 2018
После того, как у вас есть цвет, вы захотите, чтобы он взаимодействовал с рамкой изображения под ним.
Для этого нажмите на Режим наложения раскрывающееся меню в вашем Слои панель. Выберите эффект.
Как вы можете видеть, этот эффект делает мою рамку ярче, а также улавливает светлые и темные оттенки трехмерной фаски под ней.
Шаг 8: Добавьте свое изображение
После того, как вы закончите с фоторамкой, вы, вероятно, захотите поместить в нее картинку. Чтобы продемонстрировать эту часть, я использовал фотографию самого себя.
Чтобы поместить этот снимок в голову в кадр, выберите Двигаться инструмент, затем щелкните и перетащите свой снимок головы на вкладку файла для рамки изображения вверху. Я выделил вкладку красным.
После того, как вы перетащите снимок головы на вкладку, Photoshop перенесет снимок в рабочее пространство рамки изображения.
Отпустите файл. Photoshop автоматически поместит снимок в голову на новый слой в вашем Слои панель.
Как только этот снимок в голову окажется на новом слое, переместите этот слой с снимком в голову под слоем рамки изображения. Рамка должна быть видна сверху.
При необходимости отрегулируйте выстрел в голову, чтобы он лучше соответствовал вашему кадру, выполнив Правка> Свободное преобразование . Перетащите опорные точки внутрь, чтобы уменьшить их.
Затем перейдите к слою с рамкой изображения. Активируйте свой Волшебная палочка инструмент, а затем выделите пространство вокруг рамки.
Как только область за пределами вашего кадра выделена, вернитесь к слою выстрела в голову. Перейдите в меню вверху экрана и нажмите Редактировать> Резать.
Это быстро удалит остальную часть вашего изображения за пределами кадра, создав эффект «похожего на картинку».
Шаг 9. Сохраните файл для Интернета
Теперь, когда ваш снимок в голову вставлен, и ваша фоторамка готова, вы готовы к сохранению.
Перед сохранением убедитесь, что фоновый слой в вашем файле выключен. Ваша фоторамка круглая, и вокруг нее будет некоторая прозрачность. Если вы оставите этот фоновый слой включенным, эта прозрачность не повлияет.
После выключения фона перейдите в Файл> Экспорт> Сохранить для Интернета (устаревшая версия) . Сохраните файл в формате PNG. Вот и все. Готово.
Настройка вашего присутствия в Интернете
Теперь, когда вы знаете, как создать цифровую фоторамку, вы можете использовать ее для настройки своего присутствия в Интернете, обеспечивая единообразный обзор различных сайтов и приложений.
Однако не прекращайте на этом свое образование в Photoshop. Рекомендуем учиться как создать собственный градиент с помощью Photoshop следующий.
Делиться Делиться Твитнуть Эл. адрес Вот почему ФБР выпустило предупреждение о вирусах-вымогателях HiveФБР вынесло предупреждение об особо опасном штамме программ-вымогателей. Вот почему вам нужно особенно опасаться программ-вымогателей Hive.
как играть в игры playstation2 на пкЧитать далее Похожие темы
- творческий
- Делиться фотографиями
- Adobe Photoshop
- Дизайн
- Учебник по Photoshop
Шианн имеет степень бакалавра дизайна и опыт работы в подкастинге. Сейчас она работает старшим писателем и 2D-иллюстратором. Она занимается творческими технологиями, развлечениями и производительностью для MakeUseOf.
Ещё от Shianne EdelmayerПодписывайтесь на нашу новостную рассылку
Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!
Нажмите здесь, чтобы подписаться