Как создавать картинки в фотошопе: Как сделать картинку в Photoshop

404 Not Found

Call-Центр

Москва:

Санкт-Петербург:

Бесплатно по всей РФ:

Время работы Call-Центра:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Точки самовывоза

Москва

117335 г. Москва, Архитектора Власова д. 6

Время работы:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Санкт-Петербург

196084, г. Санкт-Петербург, ул. Малая Митрофаньевская, д.4, лит. А, офис 401

Время работы:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Услуги и поддержка

Отзывы ЯндексМаркет:

Мы в соц. сетях:

404 Not Found

Call-Центр

Москва:

Санкт-Петербург:

Бесплатно по всей РФ:

Время работы Call-Центра:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Точки самовывоза

Москва

117335 г. Москва, Архитектора Власова д. 6

Время работы:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Санкт-Петербург

196084, г. Санкт-Петербург, ул. Малая Митрофаньевская, д.4, лит. А, офис 401

Время работы:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Услуги и поддержка

Отзывы ЯндексМаркет:

Мы в соц. сетях:

404 Not Found

Call-Центр

Москва:

Санкт-Петербург:

Бесплатно по всей РФ:

Время работы Call-Центра:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Точки самовывоза

Москва

117335 г. Москва, Архитектора Власова д. 6

Время работы:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Санкт-Петербург

196084, г. Санкт-Петербург, ул. Малая Митрофаньевская, д.4, лит. А, офис 401

Время работы:

Пн-Чт: с 09:00 до 19:00

Пятница: с 9:00 до 18:00

Сб, Вск — выходные дни

Услуги и поддержка

Отзывы ЯндексМаркет:

Мы в соц. сетях:

Как сделать картинку в Photoshop

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

Нам предстоит сделать градиентный фон картинки, добавить надписи и изображение. Новички, не вдаваясь в «премудрости» программы Photoshop, получат возможность «наладить производство» картинок самостоятельно. Вот что получится в итоге:

Такую картинку я использовал для создания 3D-обложки книги, но аналогично делаются любые другие обложки или упаковка. Приступим.

Открываем Photoshop и жмём Ctrl+N («Файл — Создать»). Вы можете задать другой размер, а я установил 21 х 29,7 см — размер стандартного листа A4:

Картинка будет служить не только для изготовления 3D-обложки, но и как титульная страница при создании электронной книги в формате PDF. Если сделать картинку меньшего размера, то при её увеличении, пострадает качество. Остальные параметры в окне не важны.

Создадим фон картинки, для заливки которого нужно установить цвет. Но т.к. мы будем делать градиентную заливку, нам потребуется выбрать два цвета: основной (Рис.1-1А) и фоновый (Рис.1-1Б). Кликните по квадратику, и откроется «Палитра цветов», где можно подобрать цвет или ввести в отмеченное поле вручную:

Рис.1. Панель инструментов и Палитра цветов

То же самое проделайте со вторым квадратиков, установив цвет потемнее. Инструмент «Заливка» может служить для заливки фона одним цветом, а мы выбираем инструмент «Градиент» (Рис.1-2):

Чтобы залить изображение градиентом, устанавливаем курсор в верхний левый угол и тянем его по диагонали в нижний угол. Отпустив кнопку мыши, получаем градиентный фон: в верхней точке — светлый цвет, а в нижней — тёмный.

Если используется изображение большого размера, то для удобства уменьшаем масштаб в нижнем уголке. Следующим шагом будет нанесение надписи. Выбираем инструмент «Текст» (Рис.1-3) и кликаем примерно в том месте, где он должен начинаться.

Точность места не важна, потому что готовую надпись мы сможем передвинуть, используя инструмент «Перемещение» (Рис.1-4).

Устанавливаем цвет текста (Рис.2-1) и набираем название книги. Если оно длинное, то для переноса строки используем клавишу

Enter. Обратите внимание, наши две строчки получились неодинаковой длины:

Для того чтобы править текст, заходим в «Окно — Символ» и используем панель «Символ» (Рис.2). Выделяем надпись или её часть и задаём шрифт (Рис.2-2), у меня это «Impact». Длину строки регулируем размером шрифта (Рис.2-3) или изменяем её ширину в процентах (Рис.2-5). Рядом можно изменить её высоту (Рис.2-4).

Рис.2. Правка текста в панели «Символ»

В поле (Рис.2-6) регулируем междустрочный интервал, а после завершения всех действий жмём галочку (Рис.2-7), что их сохраняет. Перечёркнутый кружок служит для отмены произведённых изменений. Теперь сдвигаем надпись на её место, а заодно центрируем по горизонтали с помощью инструмента «Перемещение» (Рис.1-4).

Для того чтобы надпись стала более привлекательной наложим на неё тень: «Слои — Стиль слоя — Тень». Я оставил настройки, которые были по умолчанию, но вы можете их подкорректировать. Например, изменить угол отображения тени (тут 120°), или изменить её смещение и размер:

Теперь вы сможете сделать столько надписей, сколько требуется, повторив все процедуры. Для того чтобы повернуть надпись и сделать её вертикальной, идём в «Редактирование — Трансформирование — Поворот на 90° против часовой».

Осталось добавить изображения: сверху логотип, а второе, в формате PNG с прозрачным фоном:

Откройте изображение PNG, выделите его инструментом «Прямоугольная область» (Рис.1-5) и скопируйте: Ctrl+C («Редактирование — Скопировать»). Теперь выделите прямоугольник на нашей картинке и вставьте его: Ctrl+V («Редактирование — Вставить»).

Чтобы подогнать вставленное изображение по размеру, нажмите Ctrl+T («Редактирование — Свободное трансформирование»), и тяните курсором за уголки рамки. Затем подправьте местоположение инструментом «Перемещение» (Рис.1-4).

Чтобы вставить изображение с непрозрачным фоном, нужно уметь пользоваться другими инструментами выделения, например: «Лассо» (Рис.1-6), и некоторыми другими. Или делать картинку с белым фоном. Но вы без особого труда сможете найти изображения PNG с прозрачным фоном, применив фильтры для их поиска в Яндекс Картинках.

Естественно, что всё «гладко» с первого раза может не получиться. Но мы спокойно может отредактировать любую надпись, изображение или даже поменять фон. Все они располагаются на отдельных слоях. Работать со слоями можно из панели «Слои», нажмите F7 («Окно — Слои»):

Рис.3. Работа в панели «Слои»

Видите, и картинки, и каждая надпись расположены в своём слое, которые образовались в процессе работы. Но вы сами можете создавать новые слои (Рис.3-1) или удалять их (Рис.3-2). Слева у каждого слоя находится глазик, он отвечает за его видимость. Кликните по глазику, и слой на картинке станет невидимым.

Рабочий слой всегда выделен, в нашем примере — это надпись «webmastersam.ru». Если сейчас выбрать инструмент «Текст» (Рис.1-3) и выделить эту надпись на нашей картинке, то её снова можно редактировать.

Выделяйте нужные слои и вносите изменения. Наиболее неудачные элементы картинки отключайте (глазиком) и создавайте альтернативные. Комбинируя, отбирайте удачные варианты.

Обычные веб-форматы изображений не имеют слоёв. Чтобы иметь шаблон картинки со слоями, для последующего использования, сохраните её в формате PSD: Shift+Ctrl+S («Файл — Сохранить как»).

Ну, а саму картинку, сохраните в формате JPG или PNG-8: Alt+Shift+Ctrl+S («Файл — Сохранить для Web и устройств»). Если требуется повышенное качество картинки, выбирайте формат PNG-24. Получится более полновесный файл, но картинка будет высокого качества.

Уроки Photoshop:

Поделиться с друзьями:

Как сделать пнг картинку в фотошопе (PNG в Adobe Photoshop)?

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

В этой статье мы расскажем, как сделать картинку в формате PNG в Фотошопе.

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл» (File) вверху страницы выберите «Создать» (New).

Затем в появившемся окне «Новый документ» (New Document) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в веб). А также, что вы выбрали значение «Прозрачный» (Transparent) в выпадающем списке «Содержимое фона» (Background Contents).

Перед тем, как сделать PNG в фотошопе, нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:

После того, как вы задали значения параметров, нажмите «OK», чтобы открыть новый документ.

Затем в панели «Слои» (Layers) убедитесь, что работаете на прозрачном слое, а не на фоновом:

После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop, в меню «Файл» (File) вы можете использовать один из возможных вариантов:

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе, который вышел раньше CC 2015. В этих версиях используют метод «Сохранить для Web» (Save for Web & Devices), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл» (File), и далее – «Сохранить для Web» (Save for Web & Devices):

Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность» (Transparency) и «Преобразовать в sRGB» (Convert to sRGB). Это подтверждает, что изображение будет содержать прозрачный фон и его цветовой режим будет преобразован в sRGB, рекомендованное цветовое пространство для веб.

Поля «Размер изображения» (Image Size) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.

Чтобы сохранить изображение, нажмите кнопку «Сохранить» (Save) внизу окна.

Перед тем, как сделать прозрачность фото в Фотошопе, нужно знать, что с версии CC 2015 опция «Сохранить для Web» (Save for Web & Devices) в меню «Файл» (File) помечена как Legacy (устаревшая). И замещена на новую опцию «Экспорт» (Export), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «Экспорт», нажмите меню «Файл» (File), а затем — «Экспортировать как» (Export As).

Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web» (Save for Web & Devices) в Photoshop CC 2015, и она доступна через меню Файл > Экспорт (File > Export) или при использовании комбинации клавиш Command+Option+Shift+S (для Mac) или Ctrl+Alt+Shift+S (для ПК):

Затем в появившемся окне выберите PNG из выпадающего меню «Формат» (Format) и убедитесь, что выбраны опции «Прозрачность» (Transparency) и «Преобразовать в sRGB» (Convert to sRGB).

Поля «Размер изображения» (Image Size) и «Размер холста» (Canvas Size) должны автоматически заполниться значениями, которые вы задали, когда создавали файл. Но при желании можно изменить эти параметры перед тем, как сделать эффект прозрачности в Фотошопе:

Когда закончите, нажмите «Экспортировать все» (Export All).

МЛМария Логутенкоавтор-переводчик статьи «How can I create a PNG with transparency in Adobe Photoshop (CC and higher)?»

Основные приемы работы в Photoshop для начинающих

Обновление: Александра Шпак

Я рассказал, как ориентироваться в программе Photoshop, о принципах работы, разобрал основные функции и инструменты. Оно подойдет тем, кто не знаком с программой совсем или хочет лучше в ней разобраться – копирайтерам, менеджерам, маркетологам, начинающим дизайнерам. Руководство поможет лучше доносить свои идеи в презентациях, делать иллюстрации для статей и постов в соцсетях, качественно обрабатывать фотографии.

Как читать. Если вы осваиваете Photoshop с нуля, прочитайте руководство целиком, по порядку. При этом прочитанное лучше сразу закреплять на практике — в программе. Если же вы хотите закрыть пробелы в знаниях, находите нужную информацию с помощью оглавления.

В чем преимущество. В этом руководстве, в отличие от видеоуроков, вы быстро найдете нужную информацию с помощью поиска по странице и оглавления. Преимущество, по сравнению с официальным гидом Adobe или профессиональными учебниками, в том, что:

• собрана только самая важная информация,
• текст написан простым языком,
• контент понятно структурирован.

А еще это руководство будет обновляться по мере выхода новых версий Photoshop — следите за датой публикации материала выше, под заголовком.

Что такое Photoshop

Photoshop − это графический редактор для работы с растровыми изображениями. Они состоят из пикселей – квадратиков, которые вы видите при увеличении любой картинки.

Для чего нужен. Photoshop подходит для цветокоррекции и ретуши фотографий, создания коллажей и иллюстраций.

Для чего не подойдет. Для верстки многостраничной печатной продукции и сайтов эта программа не годится, так как перегружает систему. Полиграфию удобнее создавать в InDesign, а веб – в Figma или Sketch. Логотипы, иконки и все, что в дальнейшем нужно будет масштабировать, лучше рисовать в программах, предназначенных для работы с вектором. Созданные в них изображения сохраняют качество, так как не состоят из пикселей, а являются неделимыми фигурами (до сохранения в jpeg или растрирования).

Настройки перед началом работы

Перед началом работы настройте программу так, чтобы повысилась ее производительность, а вам было удобнее ею пользоваться. Это поможет сэкономить время и улучшить результат.

Интерфейс

При желании можно выбрать один из четырех цветов интерфейса (возле цифры 1 на изображении ниже (далее будем использовать просто цифру в скобках)). Для этого зайдите в настройки интерфейса, в меню «Редактирование». Там выберите светло-серый фон, если важна точность цветов на картинке. Если вы используете Mac, то зайдите в меню «Photoshop», далее в «Настройки», в выпадающем меню выберите пункт «Интерфейс». Слишком темное или светлое окружение будет искажать восприятие цветов. По сравнению с черным интерфейсом, изображения будут казаться светлее и насыщеннее, а по сравнению с белым – наоборот. К тому же, выбрав светло-серый, вы будете читать темный шрифт на светлом фоне – это привычнее, чем на выворотке.

По той же причине стоит выбрать средний серый цвет заливки окрестностей вокруг картинки (2). Серый не будет мешать правильному восприятию цветов.

Производительность

Определитесь, сколько места предоставить Photoshop. Сделать это можно в том же окне, в разделе «Производительность». Для нормальной работы достаточно 8 Гб. Но не отдавайте под него все место – оставьте 10-20 % для других программ.

Когда места для работы не хватает, временно ненужная информация сбрасывается на жесткий диск и подгружается при необходимости. Если она будет сбрасываться на системный диск (в большинстве случаев это диск «C»), то работоспособность программы может снижаться. Поэтому в разделе «Временные диски» убедитесь, что у вас выбран не диск «C». Если у вас есть SSD, то лучше поставить его – программа будет работать быстрее.

Отведите на работу Photoshop побольше места и выберите несистемный диск для сброса информации

Курсоры

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

Для второго вида поставьте галочку напротив пункта «Точный» (2). Вместо иконки инструмента будет отображаться точный курсор. Используя его, легче понять, какой вы участок выбираете.

Отображение инструментов

Некоторыми командами вы пользоваться не будете. В разделе «Меню», находящемся в пункте «Редактирование», их можно выключить, чтобы не отвлекали. Для этого уберите значок глазика с ненужных команд. Те же, которыми вы будете пользоваться чаще всего, например, «Сохранить» или «Открыть», пометьте цветом, чтобы их было легче находить. Если отключенная операция вдруг понадобится, вы можете выбрать внизу любого пункта «Показывать все пункты меню». Вернуть настройки по умолчанию можно в этом же окне.

Единицы измерения

В разделе «Единицы измерения и линейки» поставьте привычные вам миллиметры вместо дюймов.

Комбинации

В пункте «Редактирование» зайдите в раздел «Меню» и перейдите во вкладку «Клавиатурные сокращения». Напротив большинства команд стоят комбинации клавиш, которыми они вызываются. Их можно переназначить, кликнув на существующее назначение, или задать, если оно отсутствует. С помощью комбинаций горячих клавиш можно вызывать команды гораздо быстрее, чем методом поиска в меню. Поэтому выучите те, которыми пользуетесь наиболее часто – это существенно сэкономит время. Чтобы первое время было проще, распечатайте наиболее популярные комбинации горячих клавиш и подглядывайте в эту шпаргалку при необходимости.

Обзор программы

Основная проблема при работе с Photoshop − найти нужный инструмент или команду. Но если знать, что и где искать, работать будет гораздо быстрее и приятнее. Чтобы свободно ориентироваться в программе, разберем три основных органа управления.

Основное меню

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

Файл. В пункте «Файл» собраны все опции, отвечающие за взаимодействие программы с внешним миром: «Сохранить», «Открыть изображение», «Экспортировать», «Распечатать» и т.д.

Редактирование. Здесь сгруппированы команды, которым не нашлось места в других пунктах. Например, «Отменить», «Повторить», «Трансформирование слоя», а еще «Меню», «Настройки» и «Клавиатурные сокращения».

Изображение. Сюда собраны команды для коррекции изображений. Здесь можно изменить размер, яркость или подкорректировать цвета.

Слои. Так как основная работа в Photoshop связана именно со слоями, это самое большое ниспадающее меню. В нем собраны все команды, касающиеся слоев.

Текст. В этот пункт собраны команды для работы с текстом. Скорее всего, заглядывать сюда вы будете редко. Так как основные текстовые настройки находятся в окнах «Символ» и «Абзац».

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

Фильтры. Здесь находится набор фильтров, которые можно накладывать на изображения. Если существующих покажется мало, дополнительные фильтры можно найти в интернете.

3D. Photoshop умеет создавать несложные 3D-модели и обрабатывать созданные в других программах. Например, в 3ds Max. Функциональность простая: можно вращать модели, натягивать на них поверхности, освещать с разных сторон. Учтите, что работа в этом режиме перегружает память, отчего Photoshop может подвисать. Для 3D существуют более подходящие программы. Поэтому не будем в этой статье касаться данного пункта.

Просмотр. В пункте «Просмотр» находятся функции, которые меняют не саму картинку, а ее отображение на экране. Вам — сюда, если надо уменьшить или увеличить фотографию, поменять режимы экрана, включить или выключить отображение вспомогательных элементов, таких как направляющие, линейки, границы выделения.

Окно. В этом пункте сгруппированы команды для работы с окнами. Отсюда можно вызвать любое окно и менять отображение открытых в программе картинок: показывать их во вкладках или одновременно выводить на экран.

Окна

Где находятся и как добавлять. Собраны они в правой части экрана. Включаются в пункте «Окно», который находится в основном меню.

Какие окна нужны. Это зависит от задач. Для начала подойдет и набор по умолчанию, который по необходимости можно корректировать.

Как расставлять. Включив окно в основном меню, вы увидите его в отдельной вкладке. Его можно сворачивать, растягивать и сжимать.

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

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

Как сохранить. Чтобы сохранить расположение окон, перейдите во вкладку «Рабочая среда» в пункте «Окно», выберите «Новая рабочая среда» и нажмите «Сохранить». Вместе с окнами там можно сохранить клавиатурные сокращения, вкладки в пунктах меню и состояние панели инструментов. По умолчанию предлагается несколько рабочих сред для разных целей. Например, для рисования или обработки фотографий.

К сохраненной среде можно вернуться, выбрав ее в том же вложенном меню и нажав «Сбросить».

Инструменты и опции

Панель инструментов находится слева (1). Сюда собраны все инструменты ручного редактирования. Выбрав один из инструментов, вы увидите его настройки на панели «Опции» (2), находящейся под основным меню. Большинство иконок на панели содержат вложенные инструменты со схожими функциями (3), например, вместе с «Кистью» находится «Микс-кисть» и «Карандаш». Чтобы их вызвать, кликните правой мышью по иконке.

Навигация

Открытие изображения

Чтобы открыть изображение, в пункте «Файл» нажмите «Открыть» и выберите картинку на компьютере или воспользуйтесь сокращением «Ctrl+O» (На Mac: «Cmd+O»). Во вложенном меню «Последние документы» находятся картинки, которые вы недавно открывали. Их количество можно увеличить в настройках, выбрав больший период запоминания.

Изменение масштаба

Масштаб изображения изменяется четырьмя основными способами:

1. С помощью команд в пункте «Просмотр».
2. Колесиком мыши при зажатой клавише Alt (кнопка Option на Mac).
3. Комбинациями «Ctrl -» и «Ctrl +» (на Mac: «Cmd -» и «Cmd +».
4. В окне «Навигатор».

Если нужно быстро вернуться к общему виду, нажмите «Ctrl + 0» (на Mac «Cmd + 0») − изображение займет всю рабочую область.

Также масштабировать можно с помощью «Увеличительного стекла», которое вызывается из панели инструментов либо с помощью модификатора «Ctrl + пробел» (на Mac: «Cmd + пробел»). Отличие модификаторов от клавиатурных сокращений заключается в том, что они не выполняют какую-либо команду, а временно меняют назначение курсора.

Перемещение по изображению

Быстро перемещаться по увеличенному изображению поможет инструмент «Рука». Для этого зажмите пробел и передвигайтесь с помощью мыши. Это самый удобный способ. Также для этого можно использовать окно «Навигатор» и полосы прокрутки, появляющиеся внизу и справа при приближении.

Отмена и возврат действий

Чтобы быстро отменить действие, нажмите «Ctrl + Z» (на Mac «Cmd + Z»), а при повторном нажатии комбинация вернет внесенное до этого изменение. Чтобы переключиться на несколько шагов назад, используйте сокращение «Alt + Ctrl + Z» (на Mac «Option + Cmd + Z») , вперед – «Shift + Ctrl + Z» (на Mac «Shift + Cmd + Z»). Вернуться сразу на много действий можно в окне «История».

Размеры и разрешение

Размер изображения

Чтобы редактировать размер и разрешение, в пункте «Изображение» выберите «Размер изображения» и задайте нужную ширину и высоту(1). Чтобы картинка менялась пропорционально при изменении одной из сторон, нажмите на иконку цепочки (2). А если хотите с размерами менять и разрешение (3), то снимите галочку с пункта «Ресамплинг» (4).

Рамка

С помощью инструмента «Рамка» можно добавлять фон, обрезать или наклонять картинку. Если нужно обрезать ее до конкретных размеров, введите их в специальные поля на панели «Опции» или выберите в контекстном меню, всплывающем по правому клику на изображение.

Если нужно растянуть фон с учетом содержимого, в «Опциях» нажмите на соответствующую иконку.

Создание изображений для соцсетей: размеры, вотермарки, инструменты, примеры

Слои

Работа в Photoshop похожа на создание аппликаций, только вместо слоев бумаги в нем используются виртуальные слои. Благодаря им вы можете удалять, редактировать, передвигать отдельные объекты или участки изображения, а также точечно на них воздействовать, не боясь задеть другие картинки на прочих слоях.

Действия со слоями

В программе «Слои» находятся на правой панели (1). Если нет, то включите их в пункте «Окно» в основном меню. Чтобы изменить или переместить слой, кликните по нему левой кнопкой.

Создать. Создавайте новый слой каждый раз, когда совершаете новое действие с фотографией. Для этого либо нажмите на иконку (2) внизу окна, либо выберите команду в пункте «Слои», либо воспользуйтесь комбинацией «Ctrl + Shift + N» (на Mac «Cmd + Shift + N»).

Назвать. Когда слоев несколько, в них легко ориентироваться. Когда же их накапливается много, можно запутаться, какой элемент на картинке к какому слою относится. Чтобы было удобно искать нужный слой, им можно давать названия. Для этого кликните два раза по существующему названию слоя.

Удалить. Удалить слой можно при помощи кнопки Delete в контекстном меню, которое вызывается кликом правой мыши по слою, либо перенеся его на значок корзины (3).

Переместить. Чтобы подвинуть слой в плоскости картинки, используйте инструмент «Перемещение».

Поменять порядок. Перетащите слой с помощью мыши.

Скопировать. Чтобы скопировать слой, воспользуйтесь быстрыми клавишами «Ctrl + J» (на Mac «Cmd + J») или перетащите его на иконку создания нового слоя (2). Если неудобно лезть в окно со слоями, выберите инструмент «Перемещение», зажмите Alt (на Mac — Option) и перетащите слой с картинки в сторону с помощью мыши.

Сделать прозрачным. Регулировать прозрачность слоя (9) можно с помощью двух полей: «Непрозрачность» и «Заливка». «Непрозрачность» регулирует слой вместе с наложенными на него эффектами. А «Заливка» − непосредственно сам слой. Например, уменьшая показатель в заливке, тень или обводка, наложенные на слой, будут оставаться без изменений.

Объединить. Слои удобно объединять, когда они относятся к одному объекту на картинке, и если изменять их по отдельности вы больше не собираетесь. Чтобы объединить, выделите нужные, правым кликом по слоям вызовите контекстное меню и нажмите «Объединить». А чтобы связать слои временно, нажмите «Связать».

Залить цветом. Выберите нужные цвета на панели инструментов, возьмите инструмент «Заливка» и нажмите «Alt + Backspace» (на Мас «Option + Backspace»), чтобы залить основным цветом, или «Ctrl + Backspace» (на Mac «Cmd + Backspace»), чтобы залить фоновым.

Деформировать. Нажмите «Ctrl + T» (на Мас «Cmd + T»), чтобы трансформировать слой. Правым щелчком мыши вызовите контекстное меню и выберите один из четырнадцати способов деформации. С помощью мыши изменяйте его размер, перемещайте и искажайте. Если хотите, чтобы слой сохранял пропорции при уменьшении или увеличении, зажмите Shift.

Наложить эффекты. Правым кликом мыши по слою вызовите меню и выберите «Параметры наложения». В этом окне можно задать обводку и тени, создать тиснение, наложить градиент или свечение. Чтобы включить эффект, поставьте галочку напротив его названия. Чтобы изменить его параметры − кликните по названию эффекта. Если рядом с названием есть значок плюсика, значит эффект можно дублировать: на один слой наложить несколько одинаковых эффектов с разными настройками. Например, это полезно, когда нужно сделать несколько теней для одного объекта, который освещается несколькими источниками света. Также эффекты можно включить и через меню, скрывающееся за иконкой fx (4) − оно полностью дублирует «Параметры наложения».

Изменить режим наложения. Photoshop позволяет выбирать, как будет накладываться верхний слой по отношению к нижнему. Для этого в окне со слоями существует поле «Режимы наложения» (8). Эти режимы делают изображение прозрачным, более контрастным или просвечивающими в определенных тонах.

Эта функция дает возможность добиваться наложения любых эффектов или фильтров на верхний слой, меняя нижний. А рисуя кистью в одном из параметров, можно создавать свет, тени и блики. Для наложения тени выберите режим «Умножение», «пипеткой» возьмите образец цвета предмета, на котором должна быть тень, уменьшите непрозрачность и жесткость кисти − она будет рисовать мазками похожими на тень. Чтобы наложить свет, рисуйте кистью в режиме «Экран». Для бликов используйте «Мягкий свет» и белую кисть.

Наложить маску. «Встаньте» на нужный слой и нажмите на иконку, похожую на японский флаг (5). Рядом со слоем появится его маска. Теперь черной кистью можно скрыть часть слоя в маске, а белой – вернуть обратно. Если вырезать область или стереть ее с помощью «Стерки», то это действие можно будет вернуть только отменой.

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

Закрепить. Закрепите слой, если хотите, чтобы ни одно действие с картинкой его не коснулось. Для этого «встаньте» на нужный слой и нажмите на иконку с замочком (7). Вы не сможете его двигать, перемещать, рисовать на нем или накладывать эффекты – для программы он будет неприкосновенен.

Виды слоев

Обычный растровый слой. Это просто элемент изображения, находящийся на отдельном слое. Его можно редактировать и проделывать с ним все, что описано выше.

Фоновый. Самый нижний закрепленный слой (с замочком). Его можно сделать обычным, сняв замочек по клику. Также любой слой можно сделать фоновым, переместив в самый низ и закрепив.

Текстовый. Текст, написанный на картинке, автоматически становится новым слоем. С ним можно проделывать все действия, что и с обычным, плюс те, которые описаны в разделе «Текст».

Корректирующий. Это прозрачный слой, не являющийся каким-либо эффектом. Он накладывается поверх обычного слоя, выполняя функцию цветного стекла, помещенного над картинкой. Чтобы его создать, нажмите на иконку, похожую на «Инь-ян» (6), и выберите слой с нужным видом коррекции. Он нужен для создания фильтров и цветокоррекции (подробнее об этом в следующем разделе).

Смарт-объект. Превратите растровый слой в смарт-объект (или наоборот) в контекстном меню слоя. После этого он как бы пакуется в папку. Чтобы воздействовать на слой, кликните по нему дважды. Он откроется отдельно в новой вкладке в Photoshop. После изменений в слое сохраните их с помощью сочетания клавиш «Ctrl + S» (на Мас «Cmd + S»), чтобы они вступили в силу на основном изображении. Это удобно, когда требуется более детальная работа с областью. Например, при создании мокапов.

Слой-заливка. Позволяет залить слой цветом, градиентом или узором. Слой-заливка является отдельным слоем, к которому можно отдельно применить режимы наложения.

Цветокоррекция

В этом разделе я расскажу, как настраивать яркость и контрастность фотографий, убирать лишние оттенки и корректировать цветовой баланс.

Все настройки цветокоррекции есть в пункте «Изображение». Но, по возможности, пользуйтесь корректирующими слоями. Они накладывают коррекцию отдельным слоем, который удобно скрывать и редактировать (как создавать корректирующие слои – в разделе «Слои»).

Кривая

Что такое кривая. Вызвав инструмент «Кривые», вы видите график. На оси X показывается яркость: от самого темного участка к самому светлому, слева направо. На оси Y показывается количество пикселей на картинке, соответствующих яркости по оси X.

Зависимость графика от изображения. Определив, какие участки на графике каким областям изображения соответствуют, вы поймете, в каком месте и куда двигать кривую. Сделать это можно по трем параметрам:

1. По яркости. Чем ярче область на фотографии, тем ближе она к правому краю графика.
2. По соотношению площади участка к высоте пиков на графике. Если на фото есть большой темный участок, скорее всего, он относится к пику слева.
3. По ширине столбца. Ширина столбца говорит о количестве пикселей одной яркости. Пики графиков соответствуют однородным по яркости областям, равнины − областям с большим разбросом.

Соотнести график с фотографией поможет инструмент, скрывающийся за иконкой руки. Выбрав его и передвигая курсор по фотографии, вы будете видеть, как перемещается ползунок на кривой. Он и будет соответствовать той части фото, на которую наведен курсор. По клику на месте ползунка появится точка. С ее помощью можно изменять яркость соответствующего участка. Такие опорные точки можно ставить и по клику на саму кривую. Чтобы их убрать, просто перетащите точки за пределы графика, захватив мышью.

Как кривая меняет картинку. Есть четыре базовых правила, описывающих работу кривой:

1. Если кривая проходит ниже − фотография затемняется (чем ниже, тем сильнее).

2. Если выше − наоборот становиться светлее.

3. Если кривую круто изогнуть в виде буквы S, то темные участки станут еще темнее, светлые − светлее. Чем круче кривая, тем больше контраст.

4. Если S-образную кривую изогнуть в другую сторону, то фото станет менее контрастным. Чем больше степень изгиба, тем меньше контраст.

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

Полноконтрастность фотографии. Открывая график с кривой на некоторых изображениях, видно, что пиксели занимают не всю ось X: крайние правый и левый участки графика остаются пустыми. Это значит, что фотография не полноконтрастная: недостаточно насыщенная, блеклая. Чтобы это исправить, приведите ее к полноконтрастному виду. Для этого:

1. Найдите самую черную точку на картинке. Зажмите Alt и двигайте левый ползунок вдоль оси X вправо, пока не появится самый темный участок. Затем возьмите пипетку для установки точки черного и кликните по этому участку.
2. Также найдите самую белую точку, только теперь передвигая правый ползунок влево. Выберите пипетку для установки точки белого и кликните на самую светлую область.

Удаление лишних оттенков. Удалите с фотографии оттенки, которых там не должно быть. Для этого переключитесь на другие цветовые каналы (красный, зеленый или синий) в окне со свойствами кривой и корректируйте ее там. Например, когда фото желтит, перейдите в синий канал и немного поднимите кривую.

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

Цветовой тон и насыщенность

Выбрав «Цветовой тон/Насыщенность», в окне вы увидите три шкалы: «Цветовой тон», «Насыщенность» и «Яркость». Изменения, вызванные в цветах перемещением ползунков на любой из шкал, будут отображаться на самой нижней полоске (1). Полоса над ней показывает изначальные цвета для сравнения.

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

Ползунок насыщенности (3) изменяет фото от черно-белого до кислотно-цветного.

Регулировка яркости (4) позволяет затемнять и осветлять фотографию.

В поле вверху, где по умолчанию стоит «Все» (5), можно выбрать, какой конкретно цвет на фотографии будут менять три шкалы ниже. Оттенки этого цвета можно корректировать с помощью пипеток (6) и ползунков, появляющихся на полоске снизу.

При выборе цвета учитывается не весь цветовой круг, а его часть. Пипеткой выделите на картинке цвет, который надо подкорректировать, и работайте со шкалами. Если вместе с нужным участком изменился цвет другого, сдвиньте ползунки внизу ближе к нужному цвету и подальше от того, который менять не хотите.

Сочность

Чтобы увеличить насыщенность цветов, используйте инструмент «Сочность».

Цветовой баланс

В свойствах этого инструмента – три регулятора (1). При смещении ползунка к определенному цвету изменяются тона на фотографии. Переместили в сторону желтого − картинка желтеет. К красному − краснеет. Причем в поле (2), которое над ползунками, можно выбирать, в каких тонах изменять цвета: в тенях, светах или средних тонах. Но цвет на тона накладывается очень неточно, захватывая почти весь спектр. Поэтому для коррекции этот инструмент не подойдет. Он понадобится для стилизации и тонировки, например, чтобы наложить какой-нибудь оттенок на фото.

Тени и свет

Этого инструмента нет в корректирующих слоях. Чтобы его выбрать, зайдите в пункт «Изображение» и в выпадающем меню «Коррекция» выберите вкладку «Тени / Света». С помощью этого инструмента отдельно затемняйте и осветляйте темные (1) и светлые (2) области. В настройках каждой из них существует три шкалы: «Эффект» (3), «Тон» (4) и «Радиус» (5). «Тон» отвечает за затемнение и осветление. «Радиус» − за растушевку света или тени. «Эффект» − за прозрачность эффекта, вызванного двумя предыдущими настройками.

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

Выделение

Сделать коллаж, удалить или переместить объект, наложить эффект на часть картинки… − без выделений в Photoshop не обойтись. Поэтому инструментов и способов выделения в нем много. Рассмотрим основные восемь из них.

Области

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

Лассо

Есть три вида лассо: «Обычное», «Прямолинейное» и «Магнитное». «Обычным» очерчивайте произвольный участок, будто в руках карандаш или кисть. «Прямолинейным» выделяйте линиями: с помощью него можно обвести геометрическую фигуру любой формы. «Магнитным» выделяйте по границе любого предмета: при обведении выделение будет липнуть к его контуру. Им удобно обводить сложные объекты на однородном фоне. Если фон сложный, «Магнитное лассо» может неправильно распознать границы предмета, соответственно, неправильно выделить.

Волшебная палочка

«Волшебная палочка» обводит области похожего цвета. Для этого инструмента важно, чтобы выделяемый объект сильно отличался от фона по цвету. Допустимое отклонение цвета настройте в опциях этого инструмента в поле «Допуск»: чем больше в нем цифра, тем более неоднородную область выделит программа.

Быстрое выделение

«Быстрое выделение» работает по тому же принципу, что и «Волшебная палочка». Отличие в том, что область выделения можно регулировать. Меняя назначение курсора, создавайте выделение или убирайте, если захватили лишнее и нужно скорректировать область. Меняя величину курсора, регулируете, насколько большая площадь будет выделяться вокруг него.

Выделение цвета

Инструмент «Цветовой диапазон» находится в пункте «Выделения» в меню. Он позволяет выделить участки на фотографии по цвету. Для этого с помощью курсора выберите нужный цвет. Пипеткой с плюсом дополнительно добавляйте оттенки, с минусом − удаляйте. Чтобы увеличить или уменьшить разброс допустимых цветов для выделения, переставляйте ползунок на шкале «Разброс». Также можно выделять цвета не на всей фотографии, а лишь в диапазоне. Для этого поставьте галочку напротив «Локализованные наборы цветов» и отрегулируйте площадь выделения на шкале «Диапазон». Таким способом можно выделять сложные объекты типа травы или деревьев, которые сильно отличаются по оттенкам и разбросаны по картинке.

Перо

«Перо» (P) − это не прямой инструмент выделения. С помощью пера создайте «Фигуру» или «Контур» (выбирается в опциях инструмента), а после – выделите.

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

Есть три вида пера: «Обычное», «Свободное» и «Перо кривизны». «Обычное» обводит прямыми линиями. «Свободное» очерчивает область как карандаш. «Перо кривизны» скругляет все узлы, делая их плавными. Чтобы переключиться между ними, кликните правой кнопкой мыши по иконке «Пера» и выберите нужный вид.

Также у инструмента есть три функции: «Добавить опорную точку», «Удалить опорную точку» и «Угол». Находятся они также в выпадающем меню «Пера». Первые две добавляют и удаляют опорные точки. Третья делает из всех закругленных узлов углы: если с помощью четырех точек очертить пером круг, то «Углом» можно сделать из него квадрат.

Также на опорные точки можно воздействовать инструментом «Выделение узла». По клику на точку появляется что-то вроде усиков или рычажков. Они позволяют более гибко изменять фигуру.

Быстрая маска

«Быстрая маска» дает возможность тонко редактировать границы и прозрачность выделения с помощью кисти. Для ее наложения нажмите на значок в самом низу панели инструментов. С помощью «Быстрой маски» можно создавать выделение с нуля либо работать с уже выделенной областью. В этом режиме черная кисть добавляет участок к выделению, белая − удаляет. Для создания разной прозрачности выделений используйте разные оттенки серого: чем светлей − тем прозрачнее. Чем меньше прозрачность выделения, тем слабее будет проявляться эффект, наложенный на изображение. Это пригодится для цветокоррекции, например, когда некоторые участки нужно затемнить меньше, чем остальные.

Что делать с выделенными областями

Трансформировать. Нажмите «Трансформировать выделенную область» в пункте «Выделение» или в контекстном меню выделенной области. Кликните правой кнопкой мыши по выделению и выберите нужный режим. Например, с помощью «Искажения» можно сделать тень. Для этого выделите объект, который будет ее отбрасывать, «положите» выделение на поверхность и затемните.

Менять режимы наложения. В опциях большинства инструментов выделения можно выбрать один из четырех режимов наложения. Первый режим: создавая новое выделение, старое исчезает. Второй (Shift): выделения накладываются друг на друга. Третий (Alt или Option): выделение перекрывает предыдущее. Четвертый (Shift + Alt или Shift + Option): при наложении одного на другое, остается выделенной только область их пересечения.

Модифицировать. Можно растушевать границы, увеличить или уменьшить площадь выделения на заданные пиксели. Для этого перейдите в раздел «Модификация» в пункте меню «Выделение».

Выделить смежные пиксели. Добавьте к существующему выделению участки, окрашенные примерно в тот же цвет. Сделать это можно с помощью команды «Смежные пикселы» в пункте «Выделение».

Сделать инверсию. Кликните на выделение правой кнопкой мыши, затем в контекстном меню выберите «Инверсия выделенной области». Все, что было не выделено, выделится вместо изначальной области.

Переместить. Выделите область и нажмите «Ctrl + T» (на Mac «Cmd + T») или «Трансформировать выделенную область» в контекстном меню. Теперь участок можно двигать и изменять его размер.

Скопировать или вырезать. Выделите область и нажмите «Ctrl + C» (на Мас «Cmd + C») или «Ctrl + X» (на Мас «Cmd+ X»), чтобы скопировать или вырезать. А затем − «Ctrl + V» (на Мас «Cmd + V»), чтобы вставить участок на новый слой.

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

Обвести. В контекстном меню слоя выберите «Выполнить обводку», чтобы обвести выделение. В открывшемся окне можно выбрать цвет, расположение обводки, а также прозрачность и режим наложения.

Текст

Как написать

Вызовите инструмент «Текст» (T), кликните левой мышью по изображению или выделите участок и начните писать. Когда закончите редактировать, нажмите Enter, чтобы сохранить результат или ESC, чтобы отменить. Измените написанное, кликнув левой кнопкой мыши по тексту, или переместите (при этом в руках должен быть инструмент «Текст»).

Как настроить

Настройте типографику в окнах «Абзац», «Символ» и «Глифы». Если их нет на правой панели, вызовите в пункте «Окно».

Символы. В окне «Символ» выберите шрифт (1) и его начертание (2). Настройте размер шрифта (3), межбуквенное (4) и межстрочное расстояние (5). Выберите цвет (7). В декоративных целях шрифт можно растянуть по ширине или высоте (6) − этой функцией пользуйтесь с осторожностью, сохраняйте читаемость. В настройках ниже (8) можно изменить регистр, подчеркнуть или зачеркнуть текст.

Абзацы. В окне абзац регулируются настройки, связанные с абзацем: выравнивание (1), отступы (2) и переносы (3).

Глифы. В окне «Глифы» находятся спецсимволы, знаки пунктуации и смайлики.

Сохранение настроек. Если планируете тиражировать текст с одинаковыми настройками, сохраните их — не настраивайте каждый раз по новой. В окне «Стили абзацев» сохраните настройки, связанные с абзацами, нажав «Создать новый стиль абзаца». В «Стилях символов» − с помощью команды «Создать новый стиль символов». Чтобы применить сохраненный стиль к тексту, выделите текст и укажите нужный стиль в тех же окнах.

Действия с текстом

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

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

Написать по контуру или вписать в фигуру. Создайте фигуру любой формы (подробнее в разделе «Фигуры»). Чтобы вписать текст в фигуру, выберите инструмент «Текст» и кликните по ее области. Чтобы писать по контуру фигуры, нажмите на ее границу.

Как выбрать и использовать шрифт: 10 советов

Цвета и градиенты

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

Основной и фоновый цвета

В Photoshop есть основной и фоновый цвет (1). Находятся они на панели инструментов. Основной цвет нужен для рисования, заливки, обводки, стирания слоя в режиме маски. Фоновый − для заполнения стираемых областей, восстановления слоя в режиме маски и обводки фигуры.

По умолчанию в качестве основного и фонового цветов используются черный и белый. Чтобы к ним вернуться, кликните по их иконке (7).

Как выбрать цвет

Скопировать с изображения. Выберите инструмент «Пипетка» (5) и кликните на тот цвет, который хотите выбрать. В опциях инструмента, в поле «Размер образца», изначально выбран пункт «Точка». Применив «Пипетку», вы скопируете цвет пикселя, на который попали курсором. Этот цвет может сильно отличаться от того, который вы видите. Поэтому поменяйте настройку в поле «Размер образца» на «Среднее 5 x 5». Пипетка будет копировать средний цвет области, состоящей из 25 пикселей.

В палитре. Два раза щелкните по иконке с основным или фоновым цветом для вызова палитры цветов. Чтобы добиться нужного оттенка, в открывшемся окне перемещайте курсор на поле (2) и отрегулируйте ползунок на шкале справа.

С помощью кода цвета. Если известно точное значение цвета, введите его в соответствующее поле (3).

Найти код нужного оттенка можно на сайте color.adobe.com. Найдите цвет по ключевым словам. Допустим, если вам нужен цвет, чтобы нарисовать огонь, введите fire в строку поиска. Найдя нужный, нажмите «Редактировать копию» и скопируйте число из поля HEX.

Из библиотеки цветов (4). Здесь цвета из цветового круга разложены на шкале. Кликните на ее участок и выберите нужный оттенок с помощью цветовых образцов слева.

Из образцов. Откройте окно «Образцы» (6) и выберите один из предложенных вариантов или последних используемых − они отображаются на самой верхней полоске. Сохраняйте сюда свои цвета или загружайте, скачанные с color.adobe.com.

Как наложить градиент

Градиент можно создать двумя способами. Первый: выберите инструмент «Градиент» (1), зажмите левую кнопку мыши и потяните ее в нужном направлении. После наложения эффекта на слой отредактировать его будет нельзя − только накладывать новый или отменять действие.

Второй способ: нажмите на нужный слой правой кнопкой мыши, выберите «Параметры наложения» и перейдите во вкладку «Наложение градиента» (2). Градиент, наложенный таким способом, будет отображаться как эффект в окне «Слои». Его можно скрыть, в любой момент отредактировать или наложить еще один поверх. Поэтому пользуйтесь этим вариантом.

В настройках выберите режим (3), стиль (6) (расположение цветов в градиенте относительно друг друга) и угол (7) наложения градиента. Отрегулируйте непрозрачность (4) и масштаб (8). Кстати, чем больше масштаб, тем больше рассеяна граница цветов. Кликните на поле «Градиент» (5) и в открывшемся окне настройте цвета, их соотношение и прозрачность.

Выберите один из готовых (9) или создайте свой с помощью шкалы (10). На ней нижние ползунки (11) отвечают за цвет и его долю в градиенте. Верхние (12) − за непрозрачность. Для добавления нового ползунка кликните на границу шкалы или перенесите ползунок за границу, чтобы удалить.

Кисти

Выберите нужный цвет (подробнее — в разделе «Цвета и градиенты»), инструмент «Кисть» (1), и можно рисовать. Читайте дальше, и узнаете, как менять форму кисти, ее размер, прозрачность, границы мазка и другие настройки.

Настройки

«Кисть» настраивается с помощью двух органов управления: в опциях инструмента (та панель, что ниже основного меню) и в окне «Настройки кисти».

Настройки. В окне «Настройки кисти» настраивайте форму (8) и размер (10) (размер удобнее регулировать клавишами «[»− уменьшить, «]» − увеличить), жесткость мазка (11) и интервалы между отпечатками кисти (13). Меняйте угол наклона мазка (12). Выбирайте эффекты (9): изменение формы отпечатков, их наклона и границ, наложение шума и текстур на мазок. При этом смотрите, как будет меняться кисть в окне, предназначенном для демонстрации мазка (14).

Опции. Половина настроек в «Опциях» дублируется из «Настроек кисти».

Набор кистей. За иконкой с формой кисти (2) скрываются уже знакомые нам настройки. Интересен в этом окне только большой набор кистей.

Режимы наложения. Такие же, как и у обычного слоя.

Непрозрачность (3). Делает мазок более или менее прозрачным.

Нажатие (4). То же, что и «Непрозрачность». Отличие будет заметно, если снизить показатель нажатия и провести кистью несколько раз в одном и том же месте. Этот участок с каждым мазком будет закрашиваться все сильнее. А при сниженной непрозрачности мазки не будут накладываться друг на друга.

Сглаживание (5). Показатель влияет на плавность линий. На минимуме линия получится такой, какой вы ее нарисуете. На максимуме все изгибы будут плавными.

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

Создание своей кисти

Создайте свою форму кисти. Для этого откройте изображение, которое хотите сделать кистью, перейдите в пункт «Редактирование» и нажмите «Определить кисть»: вся картинка запомнится как кисть. Если нужно запомнить определенный участок, перед тем как нажать «Определить кисть», выделите его любым инструментом. После сохранения новая кисть появится в наборах.

Фигуры

Создание

Выберите любую фигуру и растяните ее как угодно мышкой. Чтобы создавать равносторонние фигуры и ровные линии, растягивайте с зажатой клавишей Shift: из овала получится круг, из прямоугольника – квадрат.

В наборе есть шесть фигур: «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Линия», «Многоугольник» и «Произвольная фигура». Если с первыми четырьмя все понятно, разберем две последние.

Многоугольник будет создаваться с количеством сторон по умолчанию или последним выбранным. Чтобы выбрать число сторон, нажмите левой кнопкой мыши по картинке и впишите цифру в соответствующее поле.

Инструмент «Произвольная фигура» предлагает на выбор шаблоны: стрелочки, галочки, сердечки, формы диалога и т. д. Чтобы выбрать их, вызовите окно с набором, щелкнув правой кнопкой мыши по изображению.

Деформация

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

Настройки фигур

Настраивается фигура в опциях инструмента и в окне «Свойства». Выберите, каким цветом (1) или градиентом ее залить, какого цвета (2), толщины (3), типа (4) (прямая или пунктирная) будет обводка. В полях «ширина» и «высота» задайте размеры в пикселях (5). Выберите, как фигуры будут накладываться друг на друга (6). Выровняйте фигуру относительно фотографии (7). Переместите слой с фигурой на нужное место относительно других слоев (8).

Удаление и перемещение элементов

С помощью инструментов коррекции удаляйте с изображения объекты, людей, тексты или водяные знаки. Я выделил пять, на мой взгляд, наиболее удобных инструментов коррекции: «Штамп», «Восстанавливающая кисть», «Заплатка», «Перемещение с учетом содержимого» и «Волшебный ластик».

Штамп

«Штамп» (S) позволяет скопировать участок изображения и добавить его в другую область. Выберите инструмент, зажмите Alt (на Мас — Option) и обведите, какой участок следует скопировать. Опции «Штампа» похожи на опции «Кисти»: размер курсора, форма, жесткость, прозрачность, нажатие.

Восстанавливающие кисти

Восстанавливающих кистей существует два вида: «Обычная» и «Точечная». «Обычная» восстанавливает с учетом выбранной области. «Точечная» восстанавливает закрашенную область с учетом ее фона.

Заплатка

С помощью «Заплатки» или любого инструмента для выделения обведите определенный участок, затем замените его другой областью картинки.

Перемещение с учетом содержимого

Выделите нужный объект, перенесите в другое место и нажмите Enter. Область, откуда был вырезан этот объект, автоматически заполнится с учетом фона. Как и предыдущий инструмент «Перемещение с учетом содержимого» работает с любыми выделениями.

Волшебный ластик

Если нужно вырезать какой-то объект на однородном фоне, воспользуйтесь инструментом «Волшебный ластик».

Подготовка и сохранение файлов

Как сохранить

Чтобы сохранить файл, откройте пункт «Файл» в меню. Существуют три команды для сохранения: «Сохранить», «Сохранить как» и «Экспортировать».

«Сохранить» (Ctrl + S или для Мас Cmd + S). Картинка автоматически сохраняется вместо своей изначальной версии.

«Сохранить как…» (Ctrl + Shift + S или для Мас Cmd + Shift + S). Открывается окно, в котором можно выбрать формат файла, название и путь.

«Экспортировать как…» (Alt + Ctrl + Shift + W или для Мас Option + Cmd + Shift + W). Эта команда позволяет перед сохранением поменять формат, качество картинки, размер, название и путь.

Что следует проверить перед сохранением

Перед сохранением проверьте шесть параметров: размер, разрешение, глубину цвета, цветовую модель, цветовой профиль и формат файла.

Размер и разрешение. Поменяйте разрешение в пункте «Изображение», разделе «Размер изображения». Если сохраняете картинку для соцсетей, поставьте разрешение 72 пикселя на дюйм − некоторые соцсети не пропускают изображения с большим расширением. Для сайта выберите значение 120–150 − изображение с большим разрешением будет слишком тяжелым. Для печати − не менее 300 пикселей/дюйм, а размеры выставьте в мм или см.

Глубина цвета. В окне «Режим» выберите глубину цвета. Сохраняйте в системе 8 бит/канал, когда картинка готова для печати или интернета и не требует дальнейших изменений. Больше бит на канал − это неоправданно большой размер и невозможность сохранить в jpeg. Сохраняйте в 16-канальной системе исходники, если планируете дальше с ними работать.

Цветовая модель. В окне «Режим» выберите и цветовую модель. Для печати − CMYK. Если картинку будут смотреть с мониторов − RGB.

Цветовой профиль. Эта настройка влияет на цветопередачу изображения. Чтобы настроить цветовой профиль, в пункте «Редактирование» перейдите во вкладку «Настройки цветов». Чтобы цвета отображались примерно одинаково и правильно на большинстве мониторов, в поле настройки выберите «Универсальные настройки для Европы 3».

Формат файла. Сохраняйте в jpeg готовую картинку для интернета. Она совсем немного потеряет в качестве, зато будет гораздо легче, чем в png. В psd сохраняйте, чтобы в дальнейшем файл можно было открыть в программе и доработать − это формат Photoshop. В tiff − когда собираетесь отдавать в типографию: он нужен для высококачественной печати.

Как сделать шаблон в Фотошопе

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

Помимо этого, пользователь, проследовав некоторым рекомендациям, как создать шаблон в Фотошопе, может получить оригинальное изображение, подставляя желаемое фото к созданному шаблону.

Используя шаблон, вы сможете создать свое уникальное фото на интересном фоне

Как создаётся шаблон

Безусловно, для того чтобы получить собственное изображение на красивой яхте, на вершине высочайшего горного массива, за штурвалом самолёта, вовсе не обязательно лично участвовать в экстремальных или экзотических путешествиях. Для этого вполне достаточно найти подходящий фон и фото, которое впоследствии будет подставляться под шаблон.

Правила создания простого шаблона

Итак, желая совершенствовать навыки работы с графическим редактором, нелишним будет узнать, как сделать шаблон в Фотошопе.

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

Выберите фото, которое послужит исходником вашего шаблона

Если же подобрать фон, противоречащий реальности, можно получить забавное фото. Например, как кто-то плавает в окружении нескольких акул или прыгает без парашюта с высокой скалы.

Такие фотографии можно сделать, если предварительно подготовить шаблон в Фотошопе.

После того как была подобрана фотография, выступающая в качестве желаемого фона, она должна быть открыта в Фотошопе. Далее, очень важно создать дубликат этого изображения, чтобы основная фотография была сохранена без изменений. Для получения дубликата достаточно применить комбинацию клавиш «Ctrl» и «J».

Для более комфортной работы с изображением желательно увеличить масштаб, что также легко достигается комбинацией клавиш «Ctrl» и «+». Далее, на панели инструментов выбирают инструмент «перо», при помощи которого аккуратно выделяют лицо того, кто содержится на фото. После того, как контур выделения замкнётся, следует кликнуть правой кнопкой мыши, вызывая дополнительное меню, в котором выбирается пункт «Образовать выделенную область».

Показатель радиуса растушёвки должен быть равен либо 1, либо 2. Нажмите на «Delete», лицо исчезнет. Если пользователь желает создать классический шаблон, то перед удалением следует скопировать первое фото, задействовав комбинацию клавиш — первоначально «Ctrl» и «C», а затем «Ctrl» и «V». Таким образом, будет получено два одинаковых слоя, только на одном из них будет удалено лицо.

Правила создания шаблона на основе трёх слоёв

В отдельных случаях, пользователь желает создать шаблон, полученный на основе не одного, а сразу двух фото. Это так же реально, если изучить рекомендации опытных гуру.

Первое фото берётся за основу фона, со второго вырезается изображение человека. Для этого потребуется выделить его с помощью инструмента «перо» и проделать действия, описанные выше. После этого, выделенную область следует вставить в основное фото.

Если размер человека резко контрастирует с предметами, которые имеются на основной фотографии, следует подкорректировать его размер. Для этого вызывается рамка, позволяющая трансформировать изображение — уменьшать его и увеличивать, изменять направление. Вызвать такую рамку несложно, достаточно зажать две клавиши «Ctrl» и «T», после этого, удерживая «Shift», следует потянуть изображение по диагонали.

Проделав такие несложные манипуляции, пользователь получает два готовых слоя. Чтобы получить третий слой, необходимо продублировать (скопировать и вставить) слой с изображением человека, после чего в нём вырезать, используя уже знакомую технику, лицо. Таким образом, получается шаблон, состоящий из трёх слоёв.

Применяя технику создания шаблона с использованием трёх слоёв, как раз можно получать самые невероятные фотографии, сочетая то, что в реальной действительности никогда не сочетается.

В завершении работы, пользователь обязательно должен сохранить созданный шаблон, чтобы при необходимости использовать его в дальнейшем.

Сохраните полученный шаблон в формате PSD

Как вставляется фотография в шаблон

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

Правила вставки изображения в шаблон

Первоначально, в Adobe Photoshop следует открыть ранее сохранённый шаблон, который может быть создан на основе нескольких слоёв. Они отображаются на вкладке «Слои».

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

Далее, пользователь должен воспользоваться инструментом «Перемещение», при помощи которого захватывается фотография и перетягивается на шаблон. После такого перемещения, фотография оказывается сверху, а должна быть снизу.

Всё это поправимо, только необходимо перейти на вкладку «Слои», на которой отображаться все имеющиеся слои. Слой с фотографией следует переместить вниз, для этого по нему следует кликнуть мышкой, зажать клавишу и перетянуть её вниз, чтобы она заняла вторую позицию.

Теперь пользователю необходимо подстроить нижнюю фотографию так, чтобы лицо совпало с вырезанной областью на шаблоне. В случае, когда лицо оказывается неподходящего размера, предварительно его уменьшают, воспользовавшись инструментами «Свободное трансформирование», которым пользовались при создании шаблона.

Если из-под шаблона выглядывает часть нижнего фото, необходимо эту часть удалить. В Фотошопе обрезка относится к сложным действиям, которые нуждаются в профессиональных умениях. Однако при использовании шаблона, можно воспользоваться инструментом «Полигональное лассо» и решить проблему будет гораздо проще.

На фотографии, при помощи этого инструмента, выделяются ненужные области, которые следует обрезать, после чего в контекстном меню выбирается «Инвертировать», чтобы во время последующего удаления было оставлено только одно лицо.

Кстати, в отдельных случаях, для удаления ненужных областей можно воспользоваться даже простым «ластиком», расположенным также на панели инструментов.

Также пользователь должен посмотреть и оценить наклон лица. Если он действительно нуждается в корректировке, следует вызвать инструмент «Вращение», после чего установить правильный угол наклона, чтобы готовое изображение выглядело вполне естественно.

В завершение, когда результатом работы пользователь остаётся доволен, файл следует сохранить в формате jpg. Если же пользователь желает ещё вернуться к работе с этим изображением, его сохраняют в формате psd.

Итак, создать шаблон и вставить в него личное фото или фотографию друга, совершенно несложно. Для этого потребуется получить небольшое количество информации, последовательные инструкции. Проделав один раз такие операции в Фотошопе, пользователь уверится в том, что ничего сложного в таких действиях нет, что вставить изображение под желаемый фон можно легко — для этого потребуется лишь наличие свободного времени и хорошее настроение.

Создание узоров и векторов из любого изображения

Начните с библиотек Photoshop

Чтобы получить доступ к функции «Создать из изображения», нам нужно открыть окно «Библиотеки». Для этого выберите меню «Окно» в верхней строке меню и нажмите «Библиотеки».

Меню «Библиотеки» позволяет нам сохранять то, что мы используем чаще всего, и получать к ним доступ из любого приложения Adobe. Если у вас есть логотип для вашего бизнеса или определенные цветовые темы для вашего веб-сайта, библиотеки позволят вам хранить эти ресурсы, чтобы вы могли быстро и легко их извлекать.Какие активы вы можете сохранить в библиотеках? Что ж, отличный вопрос!

Что можно хранить в библиотеках?

1. Графика
2. Цвета
3. Градиенты
4. Узоры
5. Стили текста
6. Кисти
7. Стили слоя

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

Теперь, когда мы более знакомы с библиотеками, давайте посмотрим на функцию «Создать из изображения» на панели «Библиотеки». «Создать из изображения» открывает диалоговое окно с параметрами создания пользовательских узоров, векторов, цветовых тем и градиентов с использованием информации из активного слоя.

Давайте посмотрим на это в действии!

Создать из образа

В нашем примере у нас есть изображение ананаса на простом фоне. Допустим, мы хотели взять это изображение и использовать его для создания рекламы воображаемой, но чрезвычайно успешной компании по производству ананасов.Несмотря на то, что это симпатичный ананас, изображение, похоже, не дает нам много работы. Это до тех пор, пока не появится Create from Image!

В открытых библиотеках выберите слой изображения ананаса и затем щелкните значок плюса (+) в нижнем левом углу диалогового окна. Это откроет небольшой список опций с «Создать из изображения» внизу. Щелкните Создать из изображения.

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

Так как мы создаем объявление для компании по производству ананасов, мы начали с рисунка ананаса, который можно использовать в качестве простого фона. Затем, используя вкладку «Фигуры», мы создали векторный контур ананаса, что дало нам простой логотип, размер и цвет которого мы можем изменять по своему усмотрению. Наконец, параметры «Цветовые темы» и «Градиенты» позволяют нам извлекать цвет из изображения ананаса, который мы можем применить к другим элементам, которые мы создаем (например, формам или тексту).Это помогает нам поддерживать единообразный внешний вид и помогает нам находить новые цветовые комбинации, которые кажутся уникальными и естественными.

Как сделать слайд-шоу в Photoshop (шаг за шагом!)

Слайд-шоу превращают обмен фотографиями с друзьями и семьей в особенное событие. Это также профессиональный способ продемонстрировать свои изображения клиентам или для презентации. Adobe Lightroom имеет функцию слайд-шоу, но вы также можете создать слайд-шоу в Photoshop. Photoshop почти так же прост, как использование Lightroom, и вы можете сохранить свое слайд-шоу в виде видеофайла для публикации в социальных сетях.

В этой статье мы расскажем, как создать слайд-шоу в Photoshop.

Как создать слайд-шоу в Photoshop

Шаг 1. Выберите изображения

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

Выбирайте привлекательные изображения, которые достаточно отличаются друг от друга, чтобы быть интересными.Делайте шоу коротким, так как у большинства зрителей мало внимания.

Определите порядок воспроизведения изображений. Начинайте и заканчивайте свое шоу с лучшей стороны. Подумайте, есть ли история или естественная последовательность, которая влияет на порядок.

Шаг 2. Откройте изображения в Photoshop

Открывайте изображения как отдельные слои в одном файле Photoshop. Есть несколько способов сделать это. Если ваши изображения находятся в Lightroom, выберите фотографии. Перейдите в раскрывающееся меню Фото. Выберите Photo> Edit In> Open as Layers в Photoshop .

Снимок экрана Lightroom Classic, показывающий, как открывать файлы как слои в Photoshop

. Загрузите файлы по отдельности, щелкнув файл правой кнопкой мыши и выбрав Открыть с помощью> Adobe Photoshop . Они откроются как вкладки в Photoshop. Возьмите фоновый слой из каждого из ваших файлов и перетащите его на первую вкладку изображения. Брось это. Это создает новый слой.

Снимок экрана Photoshop, показывающий, как открыть новый слой путем перетаскивания с одной вкладки на другую

Шаг 3. Изменение размера изображений

В сети много споров о том, какой размер лучше всего подходит для слайд-шоу.Размер ограничен монитором. Большинство мониторов имеют разрешение 1920 x 1080 пикселей с соотношением сторон 16: 9. Используйте это соотношение сторон, если вам нравится внешний вид. Если нет, измените размер холста так, чтобы он соответствовал самому большому изображению. Если вам нужно сделать его больше или меньше, перейдите в Image> Canvas Size .

Измените размер изображений по размеру холста. Вы можете включать фотографии разных размеров, но ваше шоу будет выглядеть лучше, если слои будут одного размера. Сначала преобразуйте каждый слой в смарт-объект. Перейдите в раскрывающееся меню «Слой» и выберите «Слой »> «Смарт-объекты»> «Преобразовать в смарт-объект ».Затем перейдите в Edit> Free Transform (Ctrl или ⌘T). Перетащите углы фотографии, чтобы изменить размер.

Снимок экрана Photoshop, показывающий, как изменить размер слоя с помощью инструмента «Свободное преобразование»

. Если ваша фотография меньше холста, вы можете добавить фон. Используйте инструмент «Ведро с краской», чтобы залить цветом. Черный и белый — это классика. Не стесняйтесь добавлять текст, если хотите. Вы также можете продублировать и увеличить фотографию, чтобы заполнить фон. Перетащите фоновый слой под слой изображения и уменьшите непрозрачность.Наконец, объедините слои, выбрав оба и щелкнув Layers> Merge Layers (Ctrl или ⌘E).

Шаг 4. Создание временной шкалы видео

Если вы раньше не редактировали видео в Photoshop, панель временной шкалы может быть не видна. Чтобы открыть панель временной шкалы, перейдите в раскрывающееся меню «Окно» и выберите «Окно »> «Временная шкала ». Внизу экрана откроется окно редактирования видео с панелью инструментов шкалы времени.

Первые четыре инструмента слева управляют воспроизведением, за которым следует аудиоинструмент.Далее идет механизм настройки, который включает в себя дополнительные функции, и инструмент для разделения, который выглядит как ножницы. Справа находится инструмент перехода.

Снимок экрана Photoshop, показывающий, как открыть окно временной шкалы видео

Нажмите кнопку «Создать временную шкалу видео» в нижней части экрана. Photoshop откроет все слои на панели временной шкалы и добавит звуковой слой.

Каждый слой представляет собой фиолетовую полосу на отдельной дорожке. Поместите изображения на одну дорожку, выделив все дорожки. Щелкните стрелку рядом со значком диафильма.По одному на каждую дорожку. Неважно, что вы выберете. Выберите новую группу видео из клипов. Это создает одну временную шкалу видео со всеми вашими изображениями подряд и одну звуковую дорожку.

Снимок экрана Photoshop, показывающий, как сгруппировать клипы на одну дорожку

Шаг 5. Заказ изображений

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

Шаг 6: временные слайды

По умолчанию изображения имеют размер 5 секунд каждое.Чтобы изменить время, возьмитесь за правый конец фиолетовой полосы и перетащите. Вы можете увеличить временную шкалу с помощью ползунка внизу, если это поможет вам точно настроить время.

Снимок экрана Photoshop, показывающий, как изменить время на слайдах

Шаг 7. Добавление переходов и эффектов (необязательно)

Переходы и эффекты сделают вашу презентацию более профессиональной. Откройте значок перехода. Это квадрат, разделенный на два треугольника. У вас будут такие варианты, как Fade и Crossfade.

Выберите один из переходов и установите время.По умолчанию это 1 секунда, но этот переход может показаться вам слишком быстрым. Перетащите переход между слайдами. Непрозрачный символ появляется в конце полосы изображения или между полосами в зависимости от эффекта. Нажмите кнопку воспроизведения, чтобы увидеть, как выглядят переходы.

Снимок экрана Photoshop, показывающий, как перетаскивать переходы на временную шкалу. Кроссфейд создает перекрытие между изображениями для плавного перехода.

Эффекты добавляют движения вашим изображениям. Чтобы добавить эффект, щелкните стрелку в правом верхнем углу каждой фиолетовой полосы.По умолчанию установлено значение «Нет движения». Щелкните раскрывающееся меню, чтобы увидеть другие параметры. У вас есть различные комбинации панорамирования, масштабирования и поворота. При панорамировании изображение перемещается по экрану. Масштабирование перемещает изображение ближе или дальше. Повернуть — поворачивает изображение. Вы можете изменять углы и направления.

Снимок экрана Photoshop, показывающий, как открыть панель эффектов

Шаг 8: Добавить музыку (необязательно)

Добавление аудиоклипа не является обязательным, но оно улучшает вашу презентацию. Щелкните стрелку рядом со значком музыкальной ноты на аудиодорожке.Выберите Добавить аудио. Перейдите к звуковой дорожке, сохраненной на вашем компьютере. Обратите внимание, что музыка, защищенная авторским правом, запрещена в социальных сетях, если вы не приобрели лицензию на ее использование или использование музыки из общественного достояния.

Вы можете сделать звуковую дорожку длиннее или короче, перетащив правый конец зеленой полосы. Или вы можете разместить синюю полосу воспроизведения в конце шоу. Затем щелкните инструмент зажима, который выглядит как ножницы. Это разрежет вашу звуковую дорожку на две части. Удалите половину, которая вам не нужна.

Для точной настройки звука щелкните стрелку в конце зеленой полосы. У вас есть возможность изменить громкость и приглушить звук.

Снимок экрана Photoshop, показывающий, как добавить звуковую дорожку

Шаг 9: Создание слайд-шоу видео

Последний шаг — создать видео вашего шоу. Щелкните значок стрелки в нижнем левом углу окна шкалы времени, чтобы открыть рабочую область экспорта. Измените последовательность изображений Photoshop на Adobe Media Encoder. Нажмите кнопку «Визуализировать», чтобы экспортировать видео.

Снимок экрана Photoshop, показывающий, как визуализировать видео слайд-шоу

Заключение

С помощью Photoshop вы можете создать слайд-шоу, чтобы поделиться им на своем веб-сайте или отправить друзьям. Создайте вводный слайд с текстом и заключительными титрами, чтобы сделать ваше слайд-шоу более профессиональным. Слайд-шоу Photoshop — это простой инструмент для создания видеопроекта.

Как создавать собственные фигуры в Photoshop из изображений

Работа с пользовательскими фигурами может сэкономить вам много времени. Что делать, если вам нужен объект и вы не знаете, где его взять или как его построить? Все просто.Получите это из изображения. В этом уроке я хочу показать вам, как создавать собственные формы Photoshop прямо из изображений. Не волнуйтесь, это не ракетостроение. Осталось всего несколько шагов, и единственное, что вам нужно знать, это как вырезать объекты с помощью инструмента «Перо» или «Волшебная палочка».

Первый шаг — найти подходящее изображение, из которого вы должны вырезать нужную форму. Например, я хочу вырезать орла. Я предлагаю вам начать поиск изображений с Flickr, потому что он может фильтровать изображения, защищенные авторским правом, и бесплатные для использования.Для этого урока загрузите это изображение летящего орла.

Теперь откройте Photoshop и отпустите изображение. Я покажу вам 2 способа вырезания предметов. Первый и самый простой, используя Magic Wand Tool (W), а второй, используя Pen Tool (P).

Инструмент «Волшебная палочка» против инструмента «Перо»

Хотя оба инструмента в основном используются для одного и того же — вырезания объектов, между ними есть некоторые различия. Magic Wand Tool выполняет работу быстро (почти мгновенно), качество выделения может быть плохим.Этот инструмент лучше всего работает с простыми изображениями и четко очерченными объектами, поскольку делает выбор в соответствии с цветами. С другой стороны, Pen Tool выполняет необычную работу по вырезанию объектов, но это должно выполняться вручную пользователем (которым вы являетесь), поэтому время для этого зависит от сложности объекта. Итак, для точных результатов я предлагаю вам использовать Pen Tool. Если вы не знаете, как это сделать, возможно, вы захотите ознакомиться с этим уроком, который я написал недавно, о том, как использовать Pen Tool.

1.Создавайте собственные формы с помощью инструмента Magic Wand Tool (W)

В обоих случаях нам нужно обвести контур объекта. Выберите инструмент Magic Wand Tool (W), установите Tolerance на 20 и нажмите на синий фон. Фон будет выбран. Если вы сейчас нажмете «Удалить», фон будет удален, но это необязательно.

Нам нужна только подборка орла. Чтобы получить его, перейдите в Select-> Inverse, и вы его получите.

Теперь, когда у нас выделен орел, щелкните изображение правой кнопкой мыши (убедитесь, что у вас все еще выбрана «Волшебная палочка») и нажмите «Make Work Path».Появится всплывающее окно. Установите допуск на минимум (0,5) и нажмите ОК.

Теперь перейдите в Edit-> Define Custom Shape и назовите форму.

Вот и все, вы сделали нестандартную форму. Если вы откроете «Выбор пользовательской формы», вы должны увидеть только что созданную фигурку.

Создавайте собственные формы с помощью Pen Tool (P)

Хотя процесс вырезания формы орла занимает больше времени, я предпочитаю Pen Tool вместо Magic Wand, потому что он более точен.Выберите Pen Tool (P), выберите любое состояние, которое вы хотите (Shape Layers или Paths), и начните рисовать, следуя форме орла. Если вы еще не знаете, как использовать Pen Tool, вот хороший урок. Как только вы закончите путь, щелкните правой кнопкой мыши и выберите «Определить произвольную форму».

Назовите свою форму и нажмите OK. Вы создали произвольную форму, и она должна быть доступна в средстве выбора произвольной формы.

Как сохранять пользовательские формы в наборы

Теперь, когда вы знаете, как создавать пользовательские фигуры, единственное, что вам следует узнать, — это как сохранять их в пользовательские наборы фигур.

Откройте «Выбор пользовательской формы» и нажмите маленькую кнопку воспроизведения в правом верхнем углу панели. Затем нажмите Preset Manager.

На панели выберите нужные формы и нажмите «Сохранить набор». Назовите свои наборы и сохраните их, где хотите. Вот и все. Простой.

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

[Всего: 3 Среднее: 5/5]

Как создать анимированный GIF в Photoshop

GIF, или «формат обмена графикой», представляет собой формат файла сжатого изображения, который позволяет использовать анимацию.Есть много способов создать GIF, но Photoshop работает быстро и легко, со встроенными инструментами для работы с изображениями и анимации.

Как и классическая анимация, анимированный GIF состоит из серии неподвижных изображений, воспроизводимых последовательно, чтобы создать иллюзию движения. Найдите GIF в Интернете и перетащите его в Photoshop, и вы увидите отдельные кадры, составляющие анимацию. Эти кадры — это то, что мы собираемся создать в этом уроке, чтобы анимировать убийственный баннер рекламного GIF.

Узнайте, как я сделал этот GIF! Фото через Graham Wizardo.

Без лишних слов, вот как создать анимированный GIF в Photoshop.

Шаг 1. Настройте размеры и разрешение документа Photoshop

–

Настройте документ заранее. Даже если ваша единственная цель — создать GIF-файл, которым можно поделиться для ваших друзей в социальных сетях, если размер ваших фотографий или видео будет определять размер вашего документа, это может сделать файл больше, чем вам нужно, что приведет к низкому качеству. GIF.В общем, для квадратного изображения подходит диапазон от 600 до 800 пикселей.

Установите размеры, разрешение и цветовой режим вашего документа Photoshop

Размеры

В этом проекте мы работаем с рекламным баннером в формате GIF со стандартными указаниями по размеру. Я выбрал макет 720 × 300. Убедитесь, что ваши единицы измерения указаны в пикселях.

Разрешение

Чтобы размер файла был как можно меньше, достаточно разрешения 150. Я выбрал 300, так как знаю, что мой GIF не будет таким большим.Убедитесь, что единицы измерения указаны в пикселях на дюйм.

Цветовой режим

Наконец, для экрана создаются анимированные GIF-файлы, поэтому установите цветовой режим на RGB. Нажмите Create , чтобы открыть новый документ.

Шаг 2. Импортируйте файлы изображений в Photoshop

– Файл> Сценарии> Загрузить файлы в стек… Выберите «Обзор», найдите изображения, выровняйте их, если необходимо, и нажмите «ОК».

Создание GIF из неподвижных изображений

Перейдите в Файл> Сценарии> Загрузить файлы в стек и нажмите кнопку «Обзор» в появившемся окне «Загрузить слои».Это вызывает окно Finder / Explorer, где вы можете просматривать свои файлы и выбирать все из них, которые вам нужны. Когда вы закончите, нажмите Открыть , а затем OK в следующем окне. Файлы будут импортированы в отдельный документ, из которого вы можете выбрать все слои и перетащить их в свой рабочий документ.

Создание GIF из видео

Если вы конвертируете видео в GIF, выберите Файл> Импорт> Видеокадры в слои .

Шаг 3. Откройте окно временной шкалы

– Окно> Временная шкала Настройка окна временной шкалы для покадровой анимации

Перейдите в Окно> Временная шкала .Это откроет панель в нижней трети холста. В центре панели щелкните стрелку, чтобы открыть раскрывающееся меню, и выберите Создать анимацию кадра .

Шаг 4. Преобразуйте слои в кадры

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

. Ваш первый кадр уже будет настроен, он будет состоять из всех видимых слоев (имеется в виду видимость слоя или значок глаза , включен) в вашем документе.Теперь все, что вам нужно сделать, это заполнить временную шкалу несколькими кадрами, чтобы имитировать движение. Это можно сделать двумя способами: импортировать уже подготовленные кадры или создать анимацию с нуля в Photoshop. В этом разделе будет рассмотрен первый сценарий.

Если вы уже заранее настроили неподвижные последовательные изображения (или работаете с импортированными видеокадрами, см. Шаг 2), щелкните значок меню гамбургера в правом верхнем углу панели временной шкалы. Выберите Сделать кадры из слоев .Вы увидите, что шкала времени заполнится кадрами из ваших слоев.

Шаг 5. Дублируйте кадры для создания анимации

– Под временной шкалой находится панель инструментов, которая содержит (среди прочего) настройку цикла, кнопку предварительного просмотра и кнопку дублирования кадра.

Если вы не настроили неподвижные изображения заранее или вам нужно отрегулировать части созданной вами анимации на шаге 4 вы можете создать анимацию вручную, кадр за кадром (именно так я и сделал свою анимацию). Для этого продублируйте последний кадр на временной шкале (щелкните значок выделенной страницы на панели инструментов под временной шкалой), внесите необходимые изменения в свое изображение и повторите.

Например, моя анимация представляет собой пару солнцезащитных очков, скользящих по глазам объекта. Для этого я продублировал рамку, переместил солнцезащитные очки на несколько пикселей (сколько пикселей было вопросом проб и ошибок — подробнее об этом позже) и повторял этот процесс, пока у меня не было примерно пятнадцати кадров, и солнцезащитные очки оказались там, где я хотел их, что привело к плавной анимации скольжения вниз.

Фото через Graham Wizardo.

Шаг 6: Установите время задержки каждого кадра

— Настройку продолжительности можно найти внизу каждого кадра.

Вы можете найти таймер задержки внизу каждого кадра (время в секундах со стрелкой раскрывающегося списка рядом с ним).

Щелкните стрелку, чтобы открыть меню и выбрать время, в течение которого кадр будет отображаться на экране.

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

Совет: Большое количество кадров с короткими задержками является ключом к сглаживанию анимации, в то время как несколько кадров с длинными задержками создают резкий эффект остановки движения.

Шаг 7: Установите количество циклов анимации

–

Также на панели инструментов под шкалой времени находится настройка цикла.Вы можете настроить анимацию на цикл «Навсегда», «Один раз» или определенное количество раз.

Шаг 8. Предварительный просмотр и повторение анимации

–

Кнопка воспроизведения на панели инструментов окна временной шкалы позволяет предварительно просмотреть анимацию. Используйте это, чтобы убедиться, что ваша анимация правдоподобна и ведет себя должным образом. Если это не так, попробуйте поработать с задержкой или добавить больше кадров, пока не получите желаемый результат. И наоборот, это также прекрасное время для экспериментов с удалением как можно большего количества кадров, не нарушая иллюзию движения, чтобы получить минимально возможный размер файла.

Шаг 9. Экспорт документа Photoshop в формате GIF

— Файл> Экспорт> Сохранить для Интернета (устаревшая версия)…

Прежде всего, не забудьте сохранить рабочий PSD!

Когда вы будете готовы экспортировать окончательный файл GIF, выберите Файл> Экспорт> Сохранить для Интернета (устаревшая версия) . (Примечание: если вы работаете со старой версией Photoshop, скорее всего, это будет «Файл»> «Сохранить для Интернета и устройств»). Откроется окно экспорта.

Здесь много вариантов, но для наших целей нам понадобится лишь несколько.Во-первых, убедитесь, что вы установили тип файла GIF в раскрывающемся списке в правом верхнем углу. Остальные параметры, которые я выделил на изображении ниже, необязательны, но полезны для создания облегченного файла. Давайте теперь пройдемся по ним.

Обрезать размер файла

Ваша основная цель с остальными параметрами — уменьшить размер файла за счет уменьшения количества деталей в вашем GIF без ущерба для качества изображения. Помните, что большой размер файла означает медленное время загрузки, что может быть особенно неприятным для маркетинговых целей, таких как баннерная реклама, когда зритель не искал ваш контент и не ждал, пока он загрузится.Старайтесь оставаться ниже 1 МБ. На большинстве веб-сайтов можно использовать до 5 МБ, но с большим увеличением. Вы можете увидеть размер вашего файла GIF в нижнем левом углу панели, содержащей изображение для предварительного просмотра.

Это настройки, на которые следует обратить внимание в окне «Сохранить для Интернета»

Уменьшить информацию о цвете

Ненужная информация о цвете — самая большая проблема, когда дело доходит до большого размера файла. Чтобы сократить его, отрегулируйте общее количество цветов в раскрывающемся списке с надписью «Цвета:» и уменьшите настройку дизеринга (смешение пикселей для создания бесшовного затенения) под ним.Внося изменения, следите за изображением предварительного просмотра вашего GIF-изображения слева, чтобы увидеть, как это повлияет на разрешение.

преобразовать в sRGB

sRGB или «Стандартный RGB» имеет более узкий диапазон цветов, чем стандартный «Adobe RGB», поэтому обязательно установите этот флажок.

Сохранить

Когда вы будете довольны разрешением и размером файла, нажмите кнопку сохранения в нижней части окна. Чтобы убедиться, что все получилось, вы можете предварительно просмотреть готовый файл GIF, перетащив его в поле URL-адреса браузера.

Моя готовая баннерная реклама GIF. Фото через Graham Wizardo.

Шаг 10: Поделитесь своим готовым фотошопом GIF!

–

И вот он — готовый GIF-файл, готовый к публикации во всемирной паутине. Теперь, когда у вас есть навыки создания базовой анимации в Photoshop из видео и неподвижных изображений, вы можете дарить почти все, что угодно!

Хотя этот метод полезен для быстрых веселых GIF-файлов, GIF-файлы для профессиональных целей должны быть намного надежнее, чем моя глупая реклама солнцезащитных очков.Изучить программное обеспечение несложно, но сама анимация — это сложная форма искусства, требующая практики и опыта. Когда вы будете готовы обновить свою игру в формате GIF, убедитесь, что вы работаете с профессионалом.

Ищете профессиональную помощь в создании анимации?

Работайте с одним из наших талантливых дизайнеров!

Эта статья была первоначально написана Ребеккой Крегер и опубликована в 2013 году. Она была дополнена новой информацией и примерами.

Как сделать эффект «вне границ» в Photoshop. Урок

Как выйти за границы: эффект «всплывающего окна» в Photoshop

Эффект «всплывающего окна» — это действительно забавный эффект. Когда вы видите рамку, которая не может вместить фотографию, когда она вырывается или вытекает из рамки, это захватывает воображение. Думаю, это своего рода дополненная реальность, которая добавляет столько визуального эффекта, что ее невозможно игнорировать. Мой приятель Ави Мучник, который раньше работал с Worth 1000, имел категорию конкурса «Вне пределов», и отсюда этот эффект получил свое название.Я собираюсь показать вам, как именно создать эффект выхода за рамки в Photoshop прямо сейчас. Я использую Photoshop CC, но вы можете адаптировать это руководство для работы в любой версии.

Виды фотографий, которые поддаются этому, — это спортивные изображения и изображения с боевыми действиями. Тени — это ключевой элемент, который заставляет что-то выглядеть на поверхности. Фактически, я создал здесь учебник Photoshop по созданию отбрасываемых теней.

Почему бы вам не опубликовать свои результаты в нашей группе PhotoshopCAFE на Facebook

Поиск фотографии, которую я использовал

Фотография, которую я использовал, — это фотография каякинга из Adobe Stock.вы можете найти его здесь

Станьте автором Adobe Stock: https://adobe.ly/2qdDFRH
10 бесплатных изображений из Adobe Stock https://adobe.ly/2pnpTe4

Шаг 1. Извлеките Kayak

Самый Первое, что нам нужно сделать, это вырезать объект на фотографии.

Здесь я использую некоторые новые функции Photoshop CC. Если вы используете более раннюю версию Photoshop, используйте эту технику, чтобы вырезать его.

Выберите инструмент «Быстрый выбор»: нажмите «Выбрать тему» ​​

Шаг 2

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

Шаг 3

Подправьте выделение, щелкнув выделение и маску на верхней панели инструментов

Увеличить ползунок «Прозрачность», чтобы вы могли предварительно просмотреть вырез.

Вот трюк, который я делаю, чтобы получить более четкое выделение краев.

Нажмите «Показать край»

Перемещайте ползунок «Радиус», пока не увидите контур.

Измените настройки вывода на «Новый слой с маской слоя»

Нажмите «ОК»

Создание рамки в Photoshop

Шаг 4

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

Шаг 5

Возьмите инструмент формы прямоугольника

Шаг 6

Убедитесь, что вы выбрали Пиксели в качестве опции в правом верхнем углу

Перетащите прямоугольник, чтобы создать красивую форму рамки вокруг каякера. (Это белый цвет, потому что это текущий цвет переднего плана, цвет на самом деле не имеет значения)

Изменение формы прямоугольника в Photoshop

Шаг 7

Теперь пришло время придать прямоугольнику некоторую форму, давайте сделаем так, чтобы он выглядел так, будто он разрывается на удерживайте изображение, пока оно прорывается (звучит достаточно драматично?)

Нажмите Ctrl / Cmd + T для свободного преобразования

Щелкните правой кнопкой мыши и выберите warp

Step 8

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

Мы собираемся создать «парус», подобный форме

Я в основном получил эту форму, перетаскивая углы и ручки, которые появляются при изменении формы углов

Это то, что вы увидите на панели слоев

Шаг 9

Сначала разблокируйте фон, щелкнув замок

Переместите слой Rectangle в нижнюю часть стопки слоев

Step 10

Щелкните миниатюру слоя и перетащите его на нижняя часть стопки слоев.

Создание группы обрезки в Photoshop

Ключевым моментом здесь является соответствие содержимого слоя внутри созданной нами формы кадра. Тогда вырезанный объект будет перекрываться (ах, вот как это работает!)

Step 11

Для этого наведите указатель мыши на линию между двумя слоями и удерживайте клавишу Alt / Option

Когда вы увидите значок появится стрелка, щелкните, чтобы применить

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

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

Давайте добавим контур к рамке.

Шаг 12

Не снимайте выделения с обрезанного слоя изображения.

Выберите Edit> Stroke. Я выбрал 25 пикселей. Хорошая идея — выбрать для локации «Внутри», поскольку все, что находится за пределами отсечения, не отображается.

И контур вокруг кадра

Давайте заполним фон, чтобы было что посмотреть.

Шаг 13

Создайте новый слой внизу

Выберите цвет для переднего плана

Аналогичное, но немного другой цвет для фона

Шаг 14

Возьмите инструмент градиента

Выберите передний план для фона | Линейный | Нормальный | Непрозрачность 100%

Шаг 15

Перетащите с помощью инструмента градиента, чтобы создать фоновый градиент.

Добавление тени в Photoshop для реалистичности

Давайте добавим тень, чтобы действительно отодвинуть ее от страницы. Я сделал подробный урок по отбрасыванию теней в Photoshop.

Step 16

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

Нажмите на fx и выберите Drop Shadow из меню.

Вот настройки, которые я использовал для тени

И вот результат. Рамка теперь парит над страницей.Нам нужно добавить тень к объекту, чтобы завершить наш эффект.

Если мы применим тень стиля слоя к нашему объекту, это создаст тень по всей форме, поэтому нам понадобится дополнительный шаг.

Шаг 17

Добавьте падающую тень на слой Subject

Проблема в том, что тень видна полностью и выглядит странно на дне лодки и там, где брызги воды.

Вот крутой трюк, чтобы исправить тень.

Шаг 18

Преобразуйте тень в слой.Щелкните правой кнопкой мыши на слове эффекты

Щелкните Создать слой

Вы увидите, что тень теперь является отдельным слоем

Шаг 19

Добавьте маску слоя к слою тени

Шаг 20

Выберите мягкий черный кистью (B) закрасьте тени с областей, которые вы не хотите показывать.

И вот окончательный результат!

Разве это не весело? Дай мне знать в комментариях.

Спасибо за ознакомление с этим руководством.

Не забудьте присоединиться к нашему списку рассылки бесплатных подарков, а также быть в курсе бесплатных руководств, которые я выпускаю каждую неделю.

Рад видеть вас здесь, в CAFE, и я с нетерпением жду встречи с вами снова в моем следующем уроке.

Не забудьте просмотреть сотни моих бесплатных руководств по Photoshop, вы можете быть удивлены качеством и объемом нашего бесплатного контента.

Колин

Кстати, если вам понравился этот урок, вам понравится мой премиум обучающее видео, Проект Sky City: Композиция в Photoshop

Как видите, режимы наложения слоев играют большую роль в подобных вещах.Получите бесплатную электронную книгу в формате PDF прямо сейчас. Мы собирались продать это за 9,99 доллара, но решили, что отдадим его вместо этого и посмотрим, что произойдет 🙂

E

---

Как создать One-Of -A-Kind изображения в блоге в Photoshop (пошаговое руководство по созданию снимков экрана)

Я не графический дизайнер. Но у меня есть некоторые базовые навыки работы с Photoshop, и я узнал очень важный секрет: вам не нужно быть дизайнером или мастером Photoshop, чтобы создавать уникальные изображения для ваших сообщений в блоге. .Серьезно, если я могу это сделать, ты тоже сможешь! Для этого требуется только один навык, который, как я знаю, у вас есть, потому что все мы им владеем: способность отслеживать. Просмотрите руководство ниже, и вы поймете, что я имею в виду.

1. Откройте Photoshop и создайте новый документ.

Откройте Photoshop и начните с File> New.

Затем сконцентрируйтесь на предметах, обведенных ниже. Выясните, какого размера вам понадобится изображение для блога. Затем, только для этого исходного файла Photoshop, выберите размер, который как минимум вдвое больше, чем вам нужно.Размер изображения вашего блога может быть только 400 x 300 пикселей, но это довольно маленькое изображение. Вы никогда не знаете, когда снова захотите использовать это изображение, поэтому убедитесь, что вы выбрали достаточно большой размер для исходного файла, чтобы вы могли вернуться к нему в будущем, если вам нужно. Мой стандартный размер файла для этих изображений обычно составляет 1000 пикселей в ширину и 667 пикселей в высоту. Приведенные ниже разрешение и цветовой режим идеально подходят для онлайн-изображений.

После того, как вы выберете размер и нажмете «ОК», у вас будет свежий чистый холст, который выглядит следующим образом.Как здорово!

Не забудьте сохранить документ, начиная с самого начала!

2. Решите, как вы хотите, чтобы ваше изображение выглядело, когда оно будет готово, и найдите в Интернете фотографию, которая близка к тому, что вы хотите.

Как я уже сказал, — это отслеживание . Итак, как только вы решите, как должно выглядеть ваше изображение, просто зайдите в Интернет и найдите фотографию, похожую на то, что вы изображаете. Вы можете искать изображения в Google, Flickr или других сайтах изображений.Возможности безграничны! И пока вы точно не копируете логотип или другой материал, защищенный авторским правом, вы действительно не ошибетесь. Например, для этого конкретного сообщения в блоге я хотел получить золотую олимпийскую медаль с прикрепленной к ней лентой. Итак, я немного поискал и нашел эту фотографию из UCI UC Irvine на Flickr. Это не золотая медаль, и у нее есть шляпа на заднем плане, но это не имеет значения, так как я буду выбирать элементы и цвета, которые хочу включить в свое окончательное изображение. Эта фотография — отличная отправная точка для того, что я хочу.

3. Поместите эту фотографию в новый файл. Затем уменьшите его непрозрачность.

Выберите «Файл»> «Поместить встроенный».

Выберите фото и «Место».

Нажмите Enter / Return для завершения размещения. Это поместит ваше изображение на новый слой. (Вы можете видеть, что новый слой называется «Медаль» в правом нижнем углу скриншота ниже.)

Как только ваше изображение находится в файле, измените размер изображения по своему вкусу (выбрав слой, затем нажав «Command + T», чтобы выбрать, и «Option + Shift», перетаскивая края внутрь и наружу).Переместите его и выясните, как и где вы хотите. Вы даже можете повернуть его, если вас не устраивает угол исходной фотографии. Так как я просто хочу обвести медаль на своей фотографии (а не шляпу), я изменил ее размер, чтобы медаль была большой и располагалась по центру холста.

Затем уменьшите «Непрозрачность» вашего изображения. (См. Снимок экрана ниже.) Это не обязательно должен быть какой-то конкретный процент — просто немного уменьшите его. Это упрощает просмотр того, что вы отслеживаете позже.

4. Проследите свое сердце!

Это самое интересное! Примечание: это намного проще, если у вас есть доступ к подобному планшету. И это стоит небольших затрат, если вы планируете делать это совсем немного. Как показано на скриншоте ниже, щелкните маленький значок «Создать новый слой» в нижней части экрана «Слои», чтобы создать новый слой для трассировки. Очень важно убедиться, что вы находитесь на этом слое, когда вы начать отслеживание! Если вы случайно начнете трассировку на своем слое изображения, вы не сможете «выключить» слой изображения, когда закончите трассировку.Тогда все ваши усилия будут потрачены впустую, и вам придется начинать заново. (Вау вау.)

Щелкните значок «Кисть» в меню. (Еще раз убедитесь, что вы находитесь на новом слое.)

Вы можете изменить размер кисти по своему усмотрению, щелкнув это меню, которое появляется в верхней части экрана (см. Ниже). (Обычно для контура я выбираю между 3 и 5.) Мне нравится использовать подсказку «Hard Round», выделенную ниже. Это дает вам стандартную сплошную линию, которая не зависит от давления вашей мыши или инструмента пера, как некоторые другие параметры.

Вы можете изменить цвет кисти, выбрав «Окно»> «Цвет».

Теперь вы готовы начать трассировку! В зависимости от детализации фотографии или изображения, которое вы выбрали, вы можете свободно или более точно следовать линиям, в зависимости от того, каким вы хотите видеть конечный продукт. Помните, что в конечном итоге это будет «мультяшный» или «эскизный», поэтому он не обязательно должен быть идеальным. (Я говорю с вами, перфекционист!) Увеличивайте и уменьшайте масштаб файла по мере необходимости.

Если вы ошиблись, вы можете выбрать «Правка»> «Шаг назад» или использовать инструмент «Ластик», чтобы стереть только часть ранее нарисованной линии.

Если вам когда-нибудь понадобится прямая линия, и у вас возникнут проблемы с ней, попробуйте использовать этот чит: поставьте точку там, где вы хотите, чтобы линия начиналась …

… затем переместите курсор в то место, где вы хотите, чтобы ваша линия закончилась, и, удерживая нажатой клавишу «Shift», щелкните, чтобы разместить еще одну точку.Вуаля! Как по волшебству, появится красивая прямая линия.

Во время трассировки вы можете захотеть посмотреть, как выглядит ваше изображение без фотографии на заднем плане …

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

Скоро все будет готово! Отключите этот слой с фотографией, и у вас будет красивый контур вашего изображения.Молодец!

5. Добавьте цвета вашему изображению.

Это тоже самое интересное! Вы полностью контролируете цвета своего изображения. Сначала продублируйте слой контура, который вы только что закончили, щелкнув слой правой кнопкой мыши, затем выбрав «Дублировать слой» и нажав «ОК» в появившемся меню. (Я делаю это только для того, чтобы случайно не «испортить» слой контура каким-либо образом.) Мне нравится изменять имена слоев, чтобы это не сбивало с толку (см. Ниже).Убедитесь, что ваш контурный слой находится над вашим новым цветным слоем.

Убедившись, что вы работаете с цветовым слоем, выберите инструмент Paint Bucket Tool в главном меню (как показано на скриншоте ниже). Что касается имиджа, я решил, что раз уж моя медаль будет золотой, я лучше буду иметь синюю ленту, чем красную. Итак, я нашел синий цвет, который мне понравился, в меню «Цвет», которое мы выбрали ранее, и начал заливку областей цветного слоя с помощью инструмента «Заливка».Если вы заметили, что инструмент «Заливка» не полностью заполняет ваше пространство, просто нажмите «Shift» и снова щелкните область, и он добавит обводку вокруг вашей первой заливки, заполнив область более полно.

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

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

Затем на этом фоновом слое я добавил немного цвета в белые области.

Чтобы немного лучше смешать этот фон, я выбрал «Размытие по Гауссу» (см. Ниже).

Затем я нашел радиус, который мне понравился, и нажал «ОК».

И, наконец, у меня есть готовый продукт! Ну, вообще-то, еще не совсем …

6. Добавьте последние штрихи и сохраните для Интернета.

Посмотрев на эту готовую медаль, я подумал, что она выглядит скучноватой без лица медали.Поэтому я решил добавить олимпийский факел. Я сделал это, повторив шаги 2–5 выше. Я нашел изображение факела, которое мне понравилось, поместил его в свой файл, обрисовал его и раскрасил. Вы можете увидеть дополнительные слои, которые я добавил ниже.

Теперь вы готовы сохранить изображение для сообщения в блоге! Помимо сохранения этого исходного файла Photoshop, вам необходимо сохранить версию изображения для публикации в блоге. Начните с выбора «Файл»> «Сохранить для Интернета».

Появится всплывающее окно «Сохранить для Интернета».У него много вариантов, но вам действительно нужно беспокоиться только о тех, которые обведены ниже. Выберите JPEG и выберите качество «Высокое» или «Очень высокое» — в зависимости от того, что выглядит хорошо, без искажений или пикселов. («Максимум» просто сделает размер файла слишком большим.) Затем выберите самые большие и точные размеры в пикселях, которые, как вы знаете, вам понадобятся. (Когда вы изменяете ширину, высота автоматически изменяется пропорционально.)

И готово! Поздравляю!

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

Есть вопросы об этом процессе? Оставьте мне комментарий ниже. Постараюсь ответить!

Создание пользовательских фигур из выделенного изображения в Photoshop Учебное пособие по Photoshop

www.psd-dude.com

В этом уроке я покажу вам быстрый способ создания нестандартных форм в Photoshop с использованием выделения . Все, что вам нужно сделать, это выделить объект, уточнить край выделения, перейти к рабочему пути и, наконец, определить произвольную форму .Все это за 5 минут, а не за 20 минут, если вы решите нарисовать силуэт с нуля с помощью инструмента Pen Tool . Время во многом зависит от ваших навыков векторного рисования. Таким образом, вы можете создавать собственные формы с помощью выделения растрового изображения.

Твитнуть

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

Пользовательская фигура в Photoshop рисуется с помощью инструмента Pen Tool или инструмента Ellipse Tool , инструмента Rectangle Tool или комбинирования других пользовательских фигур . Поэтому, когда я говорю нестандартной формы в Photoshop , я имею в виду фигуру, нарисованную вручную с нуля с помощью одного из доступных векторных инструментов. Если вы хотите сначала этому научиться метод, который, на мой взгляд, является лучшим, прочтите этот урок о том, как создавать собственные формы в Фотошоп.

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

Вы можете создавать формы из любого растрового изображения, но основная идея состоит в том, чтобы получить форму с меньшими усилиями. Для этого вам нужно выбрать изображения, которые можно извлечь. от фона легко.Например птицы на чистом голубом небе, изображения силуэтов, вырезанные изображения, вырезанные PNG и так далее. Я буду использовать это Силуэт кошки и луны для создания векторного силуэта .

Используйте инструмент Magic Wand Tool , чтобы выбрать фон Cat Moon Silhouette . Отрегулируйте Feather в соответствии с вашим изображением. Держите клавишу SHIFT нажатие на добавить к выделенному .

Нажмите SHIFT + CTRL + I , чтобы инвертировать выделение.А вот и важная часть. Когда вы пытаетесь создать фигуры из выделенных фрагментов, вы должны использовать изображения в высоком разрешении. После того, как вы сделаете выбор, важно перейти к Select > Modify и выбрать Feather . Радиус растушевки зависит от размера вашего изображения и детали формы. Если вы выберете большее число для радиуса пера, ваша фигура будет иметь меньше точек привязки (что хорошо), но в то же время вы можете потерять некоторые важные детали формы (что нехорошо).Так что вам нужно выбрать правильную сумму. Для этого изображения я буду использовать радиус 3 пикселя.

Щелкните правой кнопкой мыши по выделенному фрагменту и выберите Make Work Path .

Выберите инструмент Path Selection Tool , щелкните правой кнопкой мыши и выберите Define Custom Shape .

Если вы откроете Custom Shape Picker , вы увидите форму, которую мы только что создали. Щелкните правой кнопкой мыши фигуру и выберите переименовать, если хотите изменить ее имя.

Если вы хотите создать более подробные нестандартные формы , вы можете нарисовать их с помощью инструмента Pen Tool .Так что вы можете проверить эти Pen Tool Photoshop учебные пособия.

Этот набор содержит 1 PSD-файл со слоями, который позволит вам создать силуэт векторной формы из любой фотографии / графики / изображения . В пакете также есть Экшен Photoshop, который можно использовать для создания нестандартных форм .

Вы также можете попробовать этот экшен Photoshop, который с помощью Photoshop превращает любое изображение JPG в векторное. Результатом является сложное векторное изображение с цветами, а не просто силуэт векторной формы.

• уникальный Экшен Photoshop для создания векторной графики одним щелчком мыши
• Создание векторных фигур, векторных силуэтов, векторных изображений, векторной графики из любого изображения
• 300 dpi отлично подходит для печати (футболки, кофейные чашки, журналы, книги, флаеры и т. Д.)
• Протестировано и работает с Photoshop CS и CC, все языковые версии
• Требования: цвет RGB, 8 бит, 72-300 точек на дюйм
• Простота редактирования и настройки
• Полностью настраиваемый
• Требуются небольшие навыки работы с фотошопом

.