Фотошоп как сделать: Фотошоп онлайн — фоторедактор 2021!

Фото на документы в Photoshop

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

Приступим.

Мы нашли для урока вот такой снимок:

Официальные требования к фотографии на паспорт:

• Размер: 35х45 мм.
• Цветное или черно-белое.
• Размер головы – не меньше 80% от общего размера фото.
• Отступ от верхнего края фото до головы 5 мм (4 – 6).
• Фон однотонный чистого белого или светло-серого цвета.

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

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

Подробнее: «Как вырезать объект в Фотошопе».

Этап 1: Подготовка изображения

На нашем снимке имеется один недочет – глаза слишком затемнены.

1. Создаем копию исходного слоя (CTRL+J) и применяем корректирующий слой «Кривые».

2. Выгибаем кривую влево и вверх до достижения необходимого осветления.

   Результат:

Этап 2: Разработка заготовки

1. Создаем новый документ.

   Размер 35х45 мм,разрешение 300 dpi.

2. Затем разлиновываем его направляющими. Включаем линейки сочетанием клавиш CTRL+R, кликаем правой кнопкой мыши по линейке и в качестве единиц измерения выбираем миллиметры.

   Теперь нажимаем левой кнопкой мыши на линейку и, не отпуская, тянем направляющую. Первая будет находиться в 4 – 6 мм от верхнего края.

   Следующая направляющая, по расчетам (размер головы – 80%) будет находиться примерно в 32-36 мм от первой. Значит, 34+5=39 мм.

3. Не лишним будет отметить середину фото по вертикали. Идем в меню «Просмотр» и включаем привязку.

   Затем тянем вертикальную направляющую (от левой линейки) до тех пор, пока она не «приклеится» к середине холста.

4. Переходим на вкладку со снимком и объединяем слой с кривыми и подлежащий слой. Просто жмем правой кнопкой мыши по слою и выбираем пункт «Объединить с предыдущим».

5. Открепляем вкладку со снимком от рабочей области (берем за вкладку и тянем вниз).

6. Затем выбираем инструмент «Перемещение» и перетягиваем изображение на наш новый документ. Активированным должен быть верхний слой (на документе со снимком).

7. Помещаем вкладку обратно в область вкладок.

8. Переходим на вновь созданный документ и продолжаем работу. Нажимаем сочетание клавиш CTRL+T и подгоняем слой под размеры, ограниченные направляющими. Не забываем зажать SHIFT для сохранения пропорций.

9. Далее создаем еще один документ с такими параметрами:
   • Набор – Международный формат бумаги;
   • Размер – А6;
   • Разрешение – 300 пикселов на дюйм.

10. Переходим на снимок, который только что редактировали и нажимаем CTRL+A.

11. Снова открепляем вкладку, берем инструмент «Перемещение» и перетягиваем выделенную область на новый документ (который А6).

12. Прикрепляем вкладку обратно, переходим на документ А6 и перемещаем слой со снимком в угол холста, оставляя промежуток для отреза.

13. Затем идем в меню «Просмотр» и включаем «Вспомогательные элементы» и «Быстрые направляющие».

14. Готовый снимок необходимо продублировать. Находясь на слое с фото, зажимаем ALT и тянем вниз или вправо. При этом должен быть активирован инструмент «Перемещение».

    Так делаем несколько раз, разместив шесть копий.

Осталось только сохранить документ в формате JPEG и распечатать на принтере на бумаге плотностью 170 – 230 г/м2.

Подробнее: Как сохранить фото в Фотошопе.

Теперь Вы знаете, как сделать фото 3х4 в Фотошопе. Мы с Вами создали заготовку для создания фотографий на паспорт РФ, которую можно, при необходимости, распечатать самостоятельно, либо отнести в салон. Фотографироваться каждый раз уже не обязательно.

Помогла ли вам эта статья?

Как сделать флаер в фотошопе

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

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

Этот документ начинается с одного слоя, который называется фоновым слоем. Чтобы создать новый слой, выберите Layer, New, Layer. Назовите этот слой «Лосось», так как вы будете рисовать на этом слое изображение, которое выглядит как кусок суши с лососем.

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

Щелкните OK, и новый слой будет добавлен на панель «Слои». Чтобы начать суши-графику, выберите инструмент «Прямоугольная область» и перетащите изображение, чтобы выделить его.Область внутри этих пунктирных линий называется выделением, а выделение позволяет изолировать область для работы. Теперь вы заполните это выделение оранжевым цветом. Убедитесь, что слой с лососем выделен на панели слоев, потому что вы хотите, чтобы на этом слое был оранжевый цвет.

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

На панели «Образцы» выберите образец оранжевого цвета. Этот оранжевый цвет появляется в цветовой рамке внизу панели «Инструменты».Это называется цветом переднего плана. Выберите Edit, Fill. В меню «Содержание» выберите «Цвет переднего плана» и нажмите «ОК». Теперь выберите Select, Deselect, чтобы удалить выделение.

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

Теперь вы сделаете еще один слой для морских водорослей, используя тот же метод. Выберите Layer, New, Layer. Назовите новый слой «Морские водоросли» и нажмите OK. Не снимая выделения с инструмента «Прямоугольная область», сделайте следующее выделение.Выберите черный здесь на панели Swatches. Не снимая выделения с слоя с водорослями на панели «Слои», выберите «Правка», «Заливка». Убедитесь, что выбран цвет переднего плана, и нажмите OK. Затем выберите «Выбрать», «Отменить выбор». Поскольку водоросли находятся на отдельном слое, вы можете перемещать их независимо. Убедитесь, что слой «Морские водоросли» выделен на панели «Слои». Выберите инструмент «Перемещение» и перетащите изображение, чтобы расположить прямоугольник с водорослями в центре. Могут появиться пурпурные умные направляющие, которые помогут выровнять центр.

Теперь мы добавим этот текст к нашему флаеру.Выберите инструмент «Горизонтальный текст». На панели параметров инструмента щелкните стрелку справа от меню Font-Family и выберите шрифт. Образцы в правой части меню дают вам представление о том, как будет выглядеть шрифт. Теперь шрифты в вашем меню могут отличаться от моего, поэтому просто выберите любой шрифт, который у вас есть. Щелкните стрелку справа от меню «Размер шрифта» здесь, на панели параметров, и выберите большой размер, чтобы вы могли быть уверены, что изначально видите текст на изображении. Как вы можете видеть здесь, есть много других вариантов форматирования вашего шрифта.На панели параметров щелкните поле «Цвет», чтобы открыть диалоговое окно «Палитра цветов». Наведите указатель на светло-серую часть изображения и щелкните, чтобы взять образец светло-серого. Это хороший совет по выбору цвета текста, соответствующего цвету изображения. Щелкните OK в палитре цветов. Нажмите на водоросли на своем изображении и заглавными буквами введите «СУШИ». Нажмите Return или Enter, введите «MAKING». Нажмите Return или Enter, введите «КЛАСС». Еще раз нажмите Return или Enter и введите «19:00». Выделите текст, перетащив его.А здесь, на панели параметров, щелкните значок «Центр текста», чтобы центрировать все набранные строки друг относительно друга. Выберите инструмент «Перемещение» и переместите текст на место, используя появившиеся быстрые направляющие, чтобы выровнять его по центру.

Хорошо, давайте сохраним то, что мы построили. Выберите «Файл», «Сохранить как». В диалоговом окне «Сохранить как» измените имя файла. Сохраните его в формате Photoshop, чтобы сохранить все добавленные вами слои, чтобы их можно было вернуть и отредактировать в будущем. Затем нажмите «Сохранить», чтобы сохранить флаер.Затем нажмите ОК.

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

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

Как сделать мем в фотошопе

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

Вы можете найти множество создателей мемов, включая явную функцию в Photoshop Elements, но вы можете получить еще больше контроля, если используете сам Photoshop. Этот урок покажет вам, как превратить ваш компьютер в фабрику мемов, используя не что иное, как Photoshop CC (и, конечно же, ваш творческий ум).

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

01. Создайте документ

Перед открытием Photoshop вы должны проверить предпочитаемую социальную платформу на предмет желаемого формата и размеров. В этом уроке я начну с холста размером 1080 x 1080 пикселей, который является стандартным квадратным изображением, используемым в Instagram.Я также буду использовать артборды для создания ряда шаблонов, поэтому убедитесь, что они включены в окне «Новый документ».

02. Выберите изображение

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

Вы можете изменить размер изображения на холсте с помощью инструмента «Преобразование», выбрав «Правка»> «Преобразовать», или с помощью сочетания клавиш Cmd + T , перетащив угол или края рамки. Удерживание клавиши Shift сохранит пропорции и предотвратит искажение вашего контента. Вы можете добавить обводку по краю изображения, используя Outer Glow и установив для него нормальное смешивание, расстояние 15 пикселей и диапазон 1%.

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

03. Сделайте фон

Ни один мем не будет полным без четкого фона, который обрамляет изображение и делает ваш контент популярным.Создайте новый слой с помощью ярлыка Cmd + Shift + N , перетащите его в нижнюю часть слоев и перейдите в Edit> Fill. Вам будет представлен ряд вариантов в раскрывающемся меню. Выберите Pattern и выберите Custom Pattern для использования. Если вы впервые используете шаблоны, предлагаемый список может быть весьма ограниченным, поэтому щелкните значок в правом верхнем углу и добавьте несколько пакетов из списка.

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

04. Добавить текст

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

Хотя это может показаться устаревшим, добавление Drop Shadow — верный способ выделить текст. Дважды щелкните текстовый слой, чтобы открыть окно стиля слоя и добавить тень. Я использовал 100% черный цвет и расстояние 8 пикселей, создав жесткую угловую тень.

05. Дублирующие артборды

Прелесть использования смарт-объектов заключается в возможности повторного заполнения новыми ресурсами, в то время как артборды позволяют быстро дублировать и сравнивайте разные дизайны бок о бок. Щелкните слой Artboard на вкладке Layers, затем щелкните один из знаков плюса на холсте, чтобы добавить новый Artboard (или удерживайте alt и перетащите существующий Artboard поперек).После этого вы сможете экспериментировать с разными фонами и цветами, не теряя при этом исходного дизайна.

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

Подробнее:

Основы Photoshop: Сохранение изображений

/ ru / photoshopbasics / basic-tasks-in-photoshop / content /

Введение

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

Если вы хотите продолжить, вы можете загрузить наш файл с примером.

Возможности сохранения

При сохранении файла в Photoshop у вас есть несколько вариантов и форматов файлов на выбор:

• PSD : это тип файла по умолчанию для документов Photoshop, хотя его необязательно использовать для каждого изображения.Он сохранит ваши слоев, и всю другую информацию в вашем изображении, чтобы вы могли легко отредактировать его позже. Файлы PSD предназначены для открытия в Photoshop, поэтому, если вы хотите поделиться изображением с другими, вам также необходимо сохранить копию изображения в общем формате файла, например JPEG .
• Общие форматы файлов : Вы можете сохранять изображения в различных общих типах файлов, включая JPEG и PNG . Эти форматы файлов можно просматривать и редактировать практически на любом компьютере или мобильном устройстве, что делает их удобными для обмена с другими.Однако, в отличие от файлов PSD, эти форматы не так полезны, если вы планируете продолжить редактирование файла, и они также не могут сохранить информацию о слоях.
• Сохранить для Интернета : если вы планируете загрузить изображение в Интернет, например, в блог или на веб-сайт, вы захотите использовать функцию Сохранить для Интернета . Этот инструмент позволяет сохранять изображения, которые оптимизированы для Интернета , что упростит их загрузку и просмотр в Интернете. Сохранить для Интернета также включает несколько полезных функций для подготовки изображений для Интернета, в том числе возможность изменить размер изображений.

На изображении ниже вы можете увидеть три разные версии файла изображения: исходный файл JPEG, отредактированную версию PSD и окончательную версию JPEG, размер которой был изменен и сохранен для Интернета. Вы можете видеть, что веб-версия имеет гораздо меньший размер файла, чем исходная версия и версия PSD.

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

Сценарий 1

Допустим, вас просят создать новое изображение заголовка для веб-сайта компании. Вам предоставили фотографию для включения, и вам нужно добавить текст с названием компании. Поскольку вы, вероятно, будете редактировать и пересматривать этот тип проекта, вы захотите сохранить его как файл PSD . Таким образом, вы можете легко продолжить редактирование файла позже. И поскольку он в конечном итоге будет опубликован в Интернете, вы также захотите использовать Save for Web для создания новой версии готового изображения в формате JPEG.

Сценарий 2

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

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

Использование «Сохранить как

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

Чтобы сохранить файл с помощью команды «Сохранить как»:

1. Откройте изображение в Photoshop и выберите File > Save As .
2. Появится диалоговое окно. Введите желаемое имя файла , затем выберите местоположение для файла. Вы захотите использовать новое имя файла, чтобы избежать случайной перезаписи исходного файла.
3. Щелкните меню Формат , затем выберите нужный формат файла . В нашем примере мы сохраним это изображение как файл JPEG . Если вы сохраняете как файл PSD, убедитесь, что установлен флажок Layers . Однако большинство других форматов не позволяют выбрать эту опцию.
4. Щелкните Сохранить .
5. Некоторые форматы файлов, такие как JPEG и TIFF, предоставляют дополнительные параметры при сохранении. Выберите желаемый уровень качества, затем нажмите OK , чтобы сохранить изображение.

Если вы уже сохранили свой проект как файл PSD, вы можете выбрать Файл> Сохранить или нажать Ctrl + S (или Command + S на Mac), чтобы сохранить свой прогресс в любое время. Однако, если вы работаете с другим форматом, например JPEG, мы рекомендуем использовать Сохранить как , чтобы избежать перезаписи исходного файла.

Попробуй!

Откройте файл примера в Photoshop и попробуйте сохранить его в разных форматах файлов, например PSD и JPEG. Обратите внимание, как формат PSD сохраняет отдельные слои, а формат JPEG — нет.

Использование сохранения для Интернета

При использовании функции «Сохранить для Интернета» необходимо принять несколько решений относительно сохраняемого изображения:

• Формат файла : Сохранить для Интернета позволяет выбрать один из нескольких веб-безопасных форматов файлов .В большинстве случаев для фотографий вы будете использовать формат JPEG. PNG-24 сохранит полное качество изображения, тогда как PNG-8 в основном используется для графики и иллюстраций, в которых используется всего несколько цветов. Как правило, вам не нужно использовать форматы GIF или WBMP.
• Размер изображения : Вы можете изменить размер изображение прямо из диалогового окна «Сохранить для Интернета». Уменьшение размера изображения также уменьшит размер файла. Однако, если вы используете такую ​​службу, как Facebook или Tumblr, вам, вероятно, не потребуется изменять размер изображений, потому что эти службы автоматически изменяют их размер на .
• Качество : Если вы используете формат JPEG, изображение можно сохранить с разным качеством уровней . Вы можете поэкспериментировать с различными настройками, чтобы найти наилучший баланс между качеством и размером файла.

Попробуй!

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

Для достижения наилучших результатов мы рекомендуем использовать с этими интерактивными материалами веб-браузер Chrome.

Для сохранения в Интернете:

1. Выберите Файл > Сохранить для Интернета .
2. Откроется диалоговое окно Сохранить для Интернета . Выберите требуемый тип файла и уровень качества .
3. При необходимости измените размер изображения , введя нужные размеры в поле Размер изображения . Когда вы вводите новую ширину изображения, высота должна быть скорректирована автоматически , чтобы сохранить исходное соотношение сторон .
4. Если хотите, вы можете использовать 2-Up view , чтобы сравнить исходное изображение с предварительным просмотром новой версии. Это простой способ убедиться, что вы не потеряли слишком много качества по сравнению с исходной версией. Обратите внимание на размер файла в нижнем левом углу каждого окна предварительного просмотра.
5. Щелкните Сохранить . Появится новое диалоговое окно. Введите желаемое имя файла и выберите местоположение для файла, затем нажмите Сохранить . Вы захотите использовать новое имя файла, чтобы избежать случайной перезаписи исходного файла.

Попробуй!

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

/ ru / photoshopbasics / Understanding-Layers / content /

Изучите Photoshop — Как начать работу с рабочим пространством Photoshop

УЗНАТЬ В ФОТОШОПЕ

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

Добро пожаловать в это подробное руководство по началу работы с Photoshop.

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

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

Обновлено в марте 2021 г.

Если у вас еще нет копии Photoshop, вы можете скачать бесплатную пробную версию здесь.

(Если вы хотите узнать больше о покупке подписки на Photoshop, ознакомьтесь с этим постом, где я объясняю различные планы и как получить лучшую сделку с Photoshop.)

Из этого руководства вы узнаете:

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

УЗНАТЬ В ФОТОШОПЕ

Как использовать рабочее пространство Photoshop

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

Для начала откройте ЛЮБОЕ изображение в Photoshop, выбрав «Файл »> «Открыть » и выбрав любое изображение со своего компьютера или жесткого диска.

Встречайте рабочее пространство

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

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

Строка меню

Строка меню всегда находится в верхней части экрана. Есть 11 меню с множеством опций под каждым.

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

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

Например, ниже вы можете увидеть содержимое меню «Фильтр». У этого есть несколько пунктов подменю — 3D, Размытие, Искажение и Резкость, и это лишь некоторые из них. У каждого из этих пунктов есть собственное подменю.

Как видите, в строке меню доступно множество команд.

Панель параметров инструмента

Как следует из названия, эта панель дает нам параметры или настройки, которые мы можем применить к любому инструменту, который мы используем в настоящее время.Параметры зависят от контекста, поэтому, например, если вы используете инструмент «Текст», параметры, отображаемые на этой панели, будут эксклюзивными для «Тип». Если вы используете инструмент «Кисть», вы увидите параметры только для управления кистью.

Панель инструментов Photoshop

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

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

Вскоре мы рассмотрим панель инструментов и инструменты более подробно.

Панели для фотошопа

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

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

УЗНАТЬ В ФОТОШОПЕ

Как открывать файлы в Photoshop

В Photoshop почти всегда есть несколько способов сделать что-то.

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

Как открыть файл в Photoshop

Есть несколько способов открыть файлы в Photoshop. Вот два:

1 Выберите « Файл»> «Открыть » в меню вверху экрана. Вы также можете использовать сочетание клавиш Cmd + O (Mac) или Ctrl + O (Win)

ИЛИ

2 На главном экране нажмите кнопку Открыть… слева.

Какой бы способ вы ни выбрали, откроется диалоговое окно, в котором вы сможете найти свой файл.

Щелкните имя файла и щелкните «Открыть».

Как открыть последний файл в Photoshop

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

1 Выберите File> Open Recent и выберите файл из подменю, которое появляется

ИЛИ

2 На главном / начальном экране просто щелкните миниатюры недавно появившихся файлов.

УЗНАТЬ В ФОТОШОПЕ

Как создать новый документ в Photoshop

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

Будет ли изображение напечатано в журнале или книге? Будет ли он использоваться в качестве изображения на веб-сайте или на экране?

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

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

Чтобы создать новый документ в Photoshop, мы используем диалоговое окно New Document . Есть несколько способов попасть в это диалоговое окно.

1. Щелкните Файл> Новый в строке меню в верхней части экрана.

ИЛИ

2. Используйте сочетание клавиш: Cmd + N (Mac) / Ctrl + N (Win).Это удобное сочетание клавиш, которое мы используем снова и снова при работе в Photoshop, поэтому стоит постараться запомнить его.

ИЛИ

3. На главном или начальном экране Photoshop нажмите кнопку New… на начальном экране Photoshop. (Опять же, ваш экран может выглядеть немного по-другому, в зависимости от того, сколько файлов вы открыли ранее, но он должен выглядеть или примерно так.)

Любой из этих параметров открывает диалоговое окно Новый документ .

Что находится в диалоговом окне «Новый документ» в Photoshop CC?

В верхней части диалогового окна «Новый документ» вы увидите ряд категорий — Недавние, Сохраненные, Фото, Печать, Искусство и иллюстрации, Интернет, Мобильные устройства, и Кино и видео .

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

Как создать новый документ в Photoshop с использованием предустановок

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

1. Чтобы выбрать предустановку, сначала выберите тип документа, который вы хотите создать, например, для использования в Интернете или на экране, для использования в печати, фотографии? Щелкните название категории вверху.В этом примере я выбрал Print .

2. В диалоговом окне появится набор из четырех предустановок. Щелкните ссылку Просмотреть все предустановки + , чтобы увидеть больше предустановок.

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

3. Щелкните на предустановке A5 . Обратите внимание, как детали предустановки, такие как ширина и высота, меняются с правой стороны.

4.Если вас устраивает этот набор настроек, нажмите Создать . Диалоговое окно Новый документ закроется, и ваш новый документ откроется в Photoshop.

Как создать новый документ в Photoshop с вашими собственными настройками

Допустим, вы хотите создать документ с размером, который еще не доступен в качестве предустановки. Вот как можно добавить свои собственные настройки.

1. Выберите File> New в строке меню в верхней части экрана.Откроется такое же диалоговое окно «Новый документ», что и раньше.

2. С правой стороны в разделе «Сведения о предустановке» введите значения 10 дюймов для ширины, 3 дюймов для высоты и измените цветовой режим на CMYK. Мы меняем единицы измерения, щелкая по раскрывающемуся списку справа от поля Ширина.

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

3. Щелкните значок «Сохранить предустановку» (обведен красным).

4. Дайте ему имя, введя имя в поле имени предустановки вверху. (Сначала будет написано что-то вроде «Без названия»). Дайте ему описательное имя, чтобы вам было легче запомнить, что это за предустановка. Я назвал свою Джен — Баннер — 10 x 3.

Затем снова нажмите «Сохранить предустановку».

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

5. Нажмите кнопку Create , и ваш новый файл откроется в Photoshop.

Вот как вы создаете новый документ в Photoshop. Примечание: вам НЕ нужно каждый раз сохранять свой пресет.

Практика: попробуйте создать несколько новых файлов

1. Создайте новый документ Photoshop, подходящий для использования в Интернете (подсказка: цветовой режим будет RGB, а разрешение — 72 пикселей / дюйм). Установите размер 1000 пикселей в ширину на 1000 пикселей в высоту.

2. Создайте новый документ Photoshop, пригодный для печати.(Подсказка: цветовой режим будет CMYK, а разрешение — 300 пикселей / дюйм). Установите размер 8 дюймов в ширину и 10 дюймов в высоту.

УЗНАТЬ В ФОТОШОПЕ

Как использовать инструменты и панель инструментов в Photoshop

Хорошо, теперь мы переходим к самому интересному. Панель инструментов содержит инструменты Photoshop, как и рабочий стол художника.

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

Давайте начнем с того, что посмотрим, что на самом деле находится на панели инструментов.

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

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

Я настоятельно рекомендую вам начать записывать в уме ярлыки. Это один из лучших способов ускорить рабочий процесс в Photoshop.

Инструменты выбора и обрезки

Инструменты для рисования и ретуши

Инструменты векторного рисования и набора текста

Инструменты навигации

Выбор цвета

Быстрая маска и режим экрана

Как использовать инструменты и панель инструментов в Photoshop

Чтобы выбрать инструмент, просто щелкните этот инструмент на панели инструментов.

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

Стоит приложить сознательные усилия, чтобы изучить ярлыки, поскольку это значительно ускоряет вашу работу. Некоторые ярлыки действительно легко запомнить, например, Z для инструмента Z oom или E для raser E .

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

Скрытые инструменты

Если вы видите маленькую стрелку в правом нижнем углу инструмента на панели инструментов Photoshop (или любого приложения Adobe, если на то пошло), это означает, что есть другие «скрытые» варианты выбора инструментов.

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

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

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

Например, чтобы циклически переключаться между инструментами «Кисть», «Карандаш», «Замена цвета» и «Кисть-микшер», вы должны нажать B , чтобы выбрать первый инструмент, а затем, удерживая нажатой клавишу «Shift», снова нажмите «B» для перемещения по конкретному набору инструментов.

Перемещение панели инструментов

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

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

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

Выбор цвета

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

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

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

Чтобы вернуть оба образца цвета к заводским настройкам по умолчанию — черно-белому, щелкните миниатюрные образцы или нажмите D .

Последние два элемента на панели инструментов Photoshop — это режим быстрой маски и кнопки режима экрана.

Информационная панель и инструменты Photoshop

Еще одна полезная панель, которую вы можете использовать при изучении инструментов Photoshop, — это панель «Информация». Это дает дополнительные подсказки о том, как использовать тот или иной инструмент.

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

УЗНАТЬ В ФОТОШОПЕ

Как масштабировать и панорамировать в Photoshop

Одна из радостей работы в Photoshop — это возможность увеличить изображение ВПРАВО, чтобы рассмотреть его более внимательно. И наоборот, уменьшите масштаб, чтобы получить обзор.

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

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

Масштабирование в Photoshop

Используя инструмент «Масштаб», мы можем уменьшить или увеличить изображение. Самый быстрый способ увеличить изображение — нажать сочетание клавиш Ctrl + (символ плюса) в Windows или Cmd + (символ плюс) на Mac. Чтобы уменьшить масштаб, нажмите Ctrl — (символ минус) или Cmd — (символ минус).

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

Как использовать инструмент масштабирования в Photoshop

1.Откройте изображение в Photoshop с помощью File> Open и найдите свое изображение.

2. Когда ваше изображение откроется в Photoshop, взгляните на строку состояния в нижней части окна изображения. Это говорит нам о текущем уровне масштабирования изображения. Уровень масштабирования также отображается на вкладке изображения.

3. Выберите инструмент «Масштаб» на панели инструментов или нажмите Z на клавиатуре.

Примечание. Вы будете использовать инструмент «Масштаб» МНОГОЧИСЛЕННО. Попробуйте запомнить Z для Zoom как ярлык.

Увеличить

4. Наведите курсор на ваше изображение. Курсор изменится так, что он будет похож на маленькое увеличительное стекло со знаком (+) в центре.

Щелкните один раз в любом месте изображения.

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

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

Продолжайте щелкать, пока изображение не увеличится максимум до 12 800%.

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

Уменьшить

5. Удерживайте нажатой клавишу Alt (Windows) или Option (Mac).

Появится увеличительное стекло инструмента «Масштаб» со знаком минус (-) в центре, а затем щелкните в любом месте изображения.

Изображение теперь уменьшено до меньшего.

1. Снова уменьшите масштаб, удерживая нажатой клавишу Alt (Windows) Option (Mac) или и продолжайте щелкать, пока не уменьшите масштаб до 0.06% от фактического размера изображения.

Инструмент масштабирования Совет. Чтобы быстро вернуться к 100% -ному увеличению, дважды щелкните инструмент «Масштаб» на панели инструментов.

Увеличение определенной части изображения

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

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

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

Использование «Scrubby» Zoom.

Не снимая выделения с инструмента «Масштаб», на панели параметров вверху нажмите кнопку «Щелкните и переместите влево или вправо для увеличения».

Щелкните и перетащите влево, уровень увеличения уменьшится i.е. уменьшено.

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

Как использовать инструмент «Рука» для панорамирования в Photoshop

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

Откройте изображение в Photoshop и увеличьте масштаб с помощью инструмента «Масштаб» (Z) .

Выберите инструмент «Рука» на панели инструментов.

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

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

Обратите внимание, что когда выбран инструмент «Рука», на панели параметров вверху отображаются 3 кнопки: 100% (или фактические пиксели), Fit Screen и Fill Screen . Эти параметры позволяют изменять уровень увеличения изображения при использовании руки.

Сочетание клавиш для ручного инструмента

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

Подсказка ручного инструмента: Дважды щелкните ручной инструмент на панели инструментов, чтобы уместить все изображение на экране. Это то же самое, что использовать Ctrl + 0 (windows) Cmd + 0 .

Масштабирование и панорамирование с помощью панели навигатора

Панель Navigator позволяет изменять вид изображения с помощью отображения эскизов. Красное поле в навигаторе представляет текущую просматриваемую область в окне.

Перетащите ползунок на панели «Навигатор» влево и вправо, чтобы увидеть, как он влияет на ваш вид изображения.

Перетащите ползунок вправо до упора, чтобы изображение увеличилось до 3200%.

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

Как видите, панель «Навигатор» представляет собой комбинацию инструментов «Масштаб» и «Рука».

На этом заканчивается урок о том, как масштабировать и панорамировать в Photoshop. Не забудьте Z для масштабирования и пробел для панорамирования с помощью инструмента «Рука».

УЗНАТЬ В ФОТОШОПЕ

Как использовать панели и настраивать рабочее пространство в Photoshop

Панели — это подвижные блоки инструментов, таких как образцы, корректировки и слои.

Вы можете упорядочивать и переупорядочивать их в соответствии с вашим рабочим процессом и сохранять индивидуальное рабочее пространство.

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

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

Панели и меню

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

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

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

Скрыть все панели за один раз

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

Нажмите Shift + Tab , чтобы скрыть все панели, кроме панели параметров инструмента и панели инструментов.

Как переупорядочить панели

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

Сделать панель видимой перед группой

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

Переместить панель из группы

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

При перетаскивании появится контур панели «Слои». Перетащите панель куда хотите на экране

Панель «Слои» теперь плавает сама по себе, больше не являясь частью прежней группы панелей.

Перемещение панели из одной группы в другую

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

Свернуть панель или группу панелей

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

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

Изменение размера панели или группы панелей

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

Меню панели

Большинство панелей Photoshop содержат контекстное меню.

Вы открываете меню, щелкая по трем строкам в правом верхнем углу.

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

Где найти все панели в Photoshop

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

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

Закройте панель

Щелкните значок X в правом верхнем углу панели.

Попробуйте сами:

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

Попробуйте открыть некоторые панели из меню «Окно» и попробуйте закрыть некоторые из открытых в данный момент панелей. Беспорядок на рабочем месте — это нормально!

Как сохранить индивидуальное рабочее пространство в Photoshop

После того, как вы перестроили и настроили рабочее пространство так, как вам нужно, вы можете сохранить эту конфигурацию как новое рабочее пространство.

Выберите «Окно »> «Рабочая область»> «Новая рабочая область ».

Введите имя для вашего рабочего места.

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

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

Presets включают Essentials — рабочее пространство по умолчанию, 3D, Graphic & Web, Motion, Painting и Photography.

Чтобы выбрать предустановку рабочего пространства, предназначенную для фотографов или ретушеров:

Выберите «Окно »> «Рабочая область»> «Фотография ».

Как сбросить рабочее пространство Photoshop

Если вы хотите вернуть рабочее пространство к тому, как оно выглядело при первом запуске Photoshop, вы можете просто сбросить его настройки.Для этого выберите Window> Workspace> Reset (Workspace).

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

Теперь вы знаете (почти) все, что нужно для работы с панелями Photoshop.

Подпишитесь на рассылку Photoshop Bootcamp и получите бесплатную шпаргалку панели инструментов

Присоединяйтесь к более чем 1800 новичкам и специалистам по Photoshop, которые подписались на информационный бюллетень Photoshop Bootcamp.Получайте советы и руководства по Photoshop прямо на свой почтовый ящик.

Как создать расширенную анимацию в Photoshop — Smashing Magazine

Об авторе

Стивен Г. Петрани — штатный графический дизайнер и по совместительству инструктор в Университете Брэдли в США. Ему нравится работать в Photoshop … Больше о Стивен ↬

Хотя анимация в Photoshop не является новой концепцией, она определенно прошла долгий путь за последние несколько лет: панель «Таймлайн» была переработана, добавлены видеослои, а также возможность создавать анимацию по ключевым кадрам.Эти дополнения действительно улучшили возможности Photoshop. Несмотря на то, что Photoshop все еще далек от возможности создавать высококачественные и кинематографические анимации таких программ, как After Effects, у него все же достаточно мощности для создания сложной анимации , что особенно полезно, если вы не хотите потратить время на изучение нового приложения.

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

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

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

Дополнительная информация о SmashingMag:

Обзор панели временной шкалы

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

Временная шкала видео

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

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

Переместите индикатор текущего времени в другую точку временной шкалы и переместите слой. И снова к временной шкале будет автоматически добавлен еще один ключевой кадр.

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

Photoshop автоматически создает анимацию между ключевыми кадрами.

Типы слоев

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

Стандартный (пиксельный) слой — это слой, содержащий информацию о пикселях. Это самый распространенный (и самый простой) слой в Photoshop. К свойствам слоя относятся:

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

• положение слоя или векторной маски
• слой или векторную маску включения

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

• , непрозрачность
• , стили
• , положение векторной маски
• , включение векторной маски
• .

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

• , непрозрачность
• , стили
• , деформацию текста
• .

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

• преобразование,
• непрозрачность,
• стилей.

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

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

Я рекомендую вам изучить эти два типа слоев самостоятельно. В оставшейся части этой статьи я сосредоточусь только на традиционных типах слоев, исключая видео и 3D.

Свойства слоя

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

Свойство Position позволяет перемещаться по осям X и Y. Управляйте положением объекта с помощью инструмента «Перемещение».

Для свойства Position объекта был задан ключевой кадр, позволяющий перемещать мяч назад и вперед по оси x.

Непрозрачность позволяет задавать ключевые кадры непрозрачности слоя. Элемент управления «Непрозрачность» находится на панели «Слои».

Непрозрачность объекта была установлена ​​на 100% и 0% для создания плавной анимации.

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

Для всех стилей слоя объекта (Bevel & Emboss, Color Overlay и Drop Shadow) были созданы ключевые кадры для создания пульсирующей анимации.

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

Положение маски определяется ключевым кадром для перемещения по слою, открывая фоновый слой.

Также возможно включение или отключение слоя или векторной маски . Чтобы включить или отключить маску слоя, перейдите в «Слой» → «Маска слоя» и выберите «Включить» или «Отключить». Для векторных масок перейдите в «Слой» → «Векторная маска». Кроме того, вы можете «Shift + щелкнуть» по маске на панели «Слои», чтобы включить или выключить ее.

Маска активируется по ключевым кадрам, а затем через короткое время отключается, вызывая раскрытие.

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

К тексту применена деформация флага и созданы ключевые кадры для создания анимации деформации.

Свойство Преобразовать позволяет преобразовывать ключевые кадры в слой. Доступ к различным преобразованиям (например, «Поворот» и «Масштаб») можно получить, выбрав «Правка» → «Преобразовать» или нажав Control + T для входа в режим свободного преобразования.

Масштаб и вращение объекта настроены по ключевым кадрам для создания вращающейся звезды, которая растет и сжимается.

Изучение новых методов

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

Использование шаблонных слоев с анимацией смарт-объектов

Поскольку смарт-объекты могут содержать несколько слоев, мы можем создавать временные слои, которые действуют как шаблоны, чтобы помочь нам создавать более сложные анимации.Например, в приведенной ниже анимации я создал красную точку, которая движется по кругу. Как правило, это сложно создать, поскольку требуется много ключевых кадров. Со смарт-объектами мы можем использовать шаблоны слоев, чтобы упростить процесс. Посмотрим, как это делается:

Красная точка, движущаяся по кругу.

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

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

Теперь мы можем анимировать оба объекта как один слой. Поскольку это смарт-объект, у меня есть доступ к свойству Transform на панели Timeline, которое позволяет мне вращать ключевые кадры.Я добавил ключевой кадр при каждом повороте на половину, для одного полного поворота. В результате получился круг, вращающийся на 360 градусов.

Шаг 3: Оба слоя вращаются как один.

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

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

Красная точка, движущаяся по кругу.

Встраивание анимации в смарт-объекты

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

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

В сцене ниже я уже настроил простую анимацию вращения желтой точки на синем фоне.

Шаг 1. Желтая точка, вращающаяся на холсте.

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

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

Шаг 3. Новые ключевые кадры создают эффект отражения.

Давайте продолжим. Преобразуйте этот слой смарт-объекта в другой смарт-объект. Это даст нам новый смарт-объект для редактирования. Затем мы добавим преобразование к этому смарт-объекту. Перейдите в «Правка» → «Свободное преобразование» и отрегулируйте ручки так, чтобы смарт-объект отображался в перспективе.

Теперь, когда вы воспроизводите анимацию, она будет анимироваться внутри искаженного смарт-объекта.

Анимация воспроизводится внутри преобразования.

Анимация фильтров

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

В сцене ниже я уже настроил простую анимацию внутри смарт-объекта, которая показывает точку, движущуюся по красному фону.

Шаг 1. Анимация смарт-объекта в виде желтой точки, движущейся по красному фону.

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

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

Анимация фильтра Twirl.

Добавление стилей слоя к анимации смарт-объекта

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

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

Шаг 1. Простая анимация смарт-объекта.

Моя цель — применить стиль слоя Bevel & Emboss к точке. Однако, если я попытаюсь применить стиль слоя к смарт-объекту на этом этапе, это повлияет на весь смарт-объект, белый фон и все остальное.

Шаг 2. Стили слоя применяются ко всему изображению.

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

Пока существует хороший тональный контраст между слоями, мы можем использовать параметры «Наложить, если» на панели «Стили слоя», чтобы удалить фон. Дважды щелкните слой смарт-объекта, чтобы открыть панель «Стили слоя», и перемещайте ползунок «Наложить, если» → «Этот слой», пока фон не исчезнет.

Совет. Удерживая нажатой кнопку Опция разделит ползунки, что приведет к более плавному переходу.

Чтобы завершить этот метод, щелкните правой кнопкой мыши слой на панели «Слои» и выберите «Преобразовать в смарт-объект».”Это создаст новый смарт-объект, который сохранит только что сделанные нами изменения.

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

В анимацию смарт-объекта добавлены стили слоя.

Изменение анимации с помощью корректирующих слоев

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

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

Шаг 1: Анимация двух точек в оттенках серого.

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

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

Анимация окрашена корректирующим слоем.

Создание органических эффектов с помощью корректирующих слоев

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

Органический анимационный эффект.

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

Шаг 1. Размытая точка, анимированная поверх другой.

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

Воспроизведение анимации даст нам уникальный органичный эффект.

Органический анимационный эффект.

Собираем все вместе

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

Создание часов с движущимися стрелками

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

Анимация стрелок часов.

Сцена начинается с двух новых слоев: один содержит форму минутной стрелки (красный), а другой — объект нашего шаблона (серый).

Как мы узнали ранее, мы преобразуем эти два слоя в смарт-объект и анимируем вращение.

Шаг 2: Слои, объединенные в смарт-объект, анимируются как один.

Чтобы заблокировать анимацию, преобразуйте слои в другой смарт-объект. Это позволит нам преобразовать ( Control + T ) смарт-объект так, чтобы он выглядел в перспективе, как показано на изображении ниже.

Шаг 3: Анимация преобразуется в перспективу.

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

Шаг 4: Анимация со скрытым слоем шаблона.

Добавление стиля слоя Drop Shadow с настройкой «Spread» на 100% имитирует некоторую глубину.

Шаг 5: Drop Shadow имитирует края стрелки часов.

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

Шаг 6: Анимация часовой и минутной стрелок.

Наконец, мы можем создать остальные часы, используя традиционные методы Photoshop.В результате получаются живые часы в перспективе.

Анимация стрелок часов.

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

Создание вращающегося шара

В этом уроке мы применим фильтры к анимированным смарт-объектам, чтобы создать новый эффект. Вот что мы будем создавать:

Анимация вращающегося земного шара.

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

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

Шаг 2: Простая анимация цикла.

Затем преобразуйте этот слой в смарт-объект.

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

Шаг 4: Границы слоя видимы во время анимации.

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

Шаг 5: Фильтр применен к границам слоя.

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

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

Шаг 7. Фильтр применен к границам холста.

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

Шаг 8: Маска слоя скрывает все, что находится за пределами формы глобуса.

В завершение, теперь вы можете добавлять стили слоя непосредственно к анимации смарт-объекта для украшения.

Анимация вращающегося земного шара.

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

Создание анимации пламени

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

Анимация пламени в органической технике.

Для начала нам нужно создать очень высокую сцену. В этом случае у меня есть сцена размером примерно 500 × 10 000 пикселей. На новом слое я нарисовал очень грубую линию с помощью инструмента «Кисть».

Затем создайте новую сцену размером 500 × 500 пикселей с черным фоном. Перенесите высокую линию, которую мы только что создали, в эту новую сцену и создайте простую анимацию прокрутки.

Шаг 2: Простая анимация полосы прокрутки.

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

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

Шаг 4: Простая анимация с маской слоя.

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

Шаг 5: Корректирующий слой уточняет форму.

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

Шаг 6: Размытие смарт-объекта с последующим повторением слоя настройки уровней создает более плавное движение.

Есть несколько способов добавить цвет. Я хочу показать один способ, который хорошо сработал для меня. Создайте новый слой и используйте инструмент «Кисть», чтобы нарисовать синий (на основе) и желтый (вверху) блики на пламени. Изменение режима наложения этого слоя на «Hard Mix» даст нам несколько ярких цветных полос.

Шаг 7. Использование режимов наложения для добавления цвета.

Поскольку переходы между цветами слишком резкие, нам необходимо их смягчить. Для этого снова выберите все слои ( Alt + Control + A ) и преобразуйте их в другой смарт-объект. Теперь мы можем добавить фильтр «Размытие в движении», чтобы лучше смешивать цвета.

Шаг 8: Добавление размытия в движении смешивает цвета.

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

Анимация пламени в органической технике.

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

Photoshop Animation Заключение

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

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

Дополнительная литература

Как нарисовать себя в Photoshop

Александра Бейтман, 23 апреля 2021 г.

С помощью Photoshop вы можете преобразовать свои фотографии с помощью целого ряда художественных фотоэффектов.Фактически, вы даже можете использовать Photoshop для создания мультяшных изображений из ваших картинок. Хотите сделать из своей фотографии мультик? Мультяшные эффекты могут пригодиться для особых мероприятий и проектов. А из мультяшных портретов можно сделать отличные изображения профиля в социальных сетях, которые помогут вам создать свой личный бренд!

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

Если у вас его еще нет, вы можете загрузить Photoshop с сайта Adobe здесь.

После того, как вы скачали Photoshop, все готово! Давайте рассмотрим несколько вещей, прежде чем мы начнем урок, в том числе:

• Типы эффектов мультфильмов в Photoshop
• Самые простые способы рисовать себя в Photoshop
• Шаги к созданию мультфильмов в Photoshop
• Лучшие уроки для рисования себя в Photoshop

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

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

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

Для создания менее подробных карикатурных рисунков ваших портретов вам нужно использовать Photoshop Brush Tool , Layer Masks и графический планшет с ручкой у вас больше контроля над отслеживанием вашего изображения. При таком подходе вы можете использовать перо планшета и кисти Photoshop, чтобы обвести изображение. Конечно, вы захотите использовать кисть на новом слое или в маске слоя, чтобы не изменять исходное изображение.

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

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

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

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

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

Как нарисовать себя в Photoshop

Сначала откройте свой портрет в Photoshop, перетащив фотографию в рабочее пространство Photoshop или выбрав Файл »Открыть .

Когда вы увидите свою фотографию в окне рабочего пространства Photoshop, перейдите в меню Filter »Filter Gallery и выберите папку Artistic .Затем выберите параметр Кромки плаката . Этот фильтр улучшит края лица и тела портрета.

Я буду использовать следующие настройки для своей фотографии:

• Толщина кромки: 2
• Интенсивность кромки: 1
• Постеризация: 6

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

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

Затем перейдите к Filter »Filter Gallery и выберите Torn Edges из раскрывающегося меню. Этот параметр добавит неровности краям фигуры на изображении.

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

• Баланс изображения: 20
• Гладкость: 15
• Контрастность: 3

Теперь выберите все изображение ( Ctrl + A ) и скопируйте выделение ( Ctrl + C ).

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

Вставьте выделение в новый канал, который вы только что создали ( Ctrl + V ). Теперь нам нужно инвертировать цвета изображения, что мы можем легко сделать, выбрав Image »Adjustments» Invert .

Затем нажмите Ctrl + щелкните на миниатюре канала Alpha 1 , чтобы выделить белые области изображения.

Затем на панели «Слои» создайте новый слой, выбрав значок « Новый слой ». Используйте инструмент «Ведро с краской» (сочетание клавиш g) , чтобы заполнить новый слой черным цветом. Я назову этот слой Black для простоты.

Затем добавьте еще один новый слой и залейте его белым. Я снова назову этот новый слой Белый .Создавая эти два сплошных слоя, мы разделили черный и белый цвета на исходном изображении.

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

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

Просто создайте три новых слоя, выбрав Слой »Новый» Слой , затем назовите их Кожа , Одежда и Глаза / Зубы соответственно.Перетащите эти три слоя под слой Black на панели слоев.

Затем выберите цвет кожи, одежды, глаз и зубов на фотографии. Для фотографии в этом уроке я выбрал следующие цвета:

• Кожа: # e7c5b3
• Одежда: # d9142b & # 425ad7
• Глаза / Зубы: #ffffff

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

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

Вот как выглядит наш финальный мультяшный портрет:

А теперь давайте создадим градиентный фон, чтобы сделать мультфильм действительно популярным!

Создадим еще один слой и назовем его Gradient , затем выберем инструмент Gradient Tool на панели инструментов.

Обратите внимание на полосу непрерывного градиента, которая появляется в редакторе градиентов . Установите флажки на концах градиента, дважды щелкнув их, а затем укажите цвета.

Я собираюсь создать сине-серый градиент с цветами # 5d849a и # 9cb5c3. После настройки цветов нажмите OK .

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

Готово! Вы создали в Photoshop свой собственный мультфильм с профессиональным градиентным фоном. Проверьте это изображение до и после нашего редактирования эффекта мультфильма ниже:

Как мы упоминали ранее, не стесняйтесь настраивать параметры фильтров «Края плаката» и «Рваные края» в соответствии с вашим изображением. Однако не забудьте последовательно выполнить шаги, описанные в этом руководстве.Порядок слоев на панели слоев важен!

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

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

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

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

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

Если вы хотите создать потрясающие галереи и помочь ускорить работу своего веб-сайта WordPress, вам следует получить здесь Envira Gallery и создать свою первую галерею.

Не забудьте подписаться на нашу рассылку справа и подписаться на нас на Facebook и Twitter , чтобы получить больше бесплатных руководств по редактированию фотографий, советов по фотографии и практических рекомендаций по WordPress.

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам создавать красивые фото- и видео-галереи всего за несколько кликов, чтобы они могли демонстрировать и продавать свои работы.

Как создать узор в Photoshop для использования в качестве заливки узором

Что нужно знать

• Откройте изображение. Перейдите в Edit > Select All , чтобы получить все, или используйте Rectangle Marquee . Перейдите в Edit > Define Pattern > назовите его> Ok .
• Откройте другое изображение. Выберите слой или область для заливки и перейдите в Edit > Fill > Custom Pattern . Выберите узор и режим наложения и нажмите Ok .

В этой статье объясняется, как использовать узоры в Adobe Photoshop в качестве метода добавления повторяющихся элементов к выделенному фрагменту или слою. Описанные нами шаги были протестированы в Adobe Photoshop для Creative Cloud, но процедура была частью приложения, начиная с Photoshop 4.

Как использовать основной узор в Photoshop

1. Откройте изображение, которое хотите использовать в качестве заливки.

2. Если вы хотите использовать все изображение в качестве заливки, перейдите к Select > Select All . В противном случае используйте инструмент «Прямоугольная область», чтобы сделать выделение.

3. Перейдите в Edit > Define Pattern , чтобы открыть диалоговое окно Define Pattern. Дайте вашему выбору имя и нажмите OK .

4. Откройте другое изображение или создайте новое.

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

6. Перейдите в Edit > Fill , чтобы открыть диалоговое окно Fill . Выберите раскрывающееся меню Custom Pattern .

7. Откройте раскрывающееся меню Custom Pattern , чтобы получить доступ к выбору шаблонов, установленных с Photoshop, и любых шаблонов, которые вы, возможно, создали ранее.Щелкните шаблон, который хотите применить.

8. Не устанавливайте флажок Script . В Photoshop CS6 и более поздних версиях шаблоны со сценариями представляют собой сценарии JavaScripts, которые случайным образом размещают элемент, определенный как узор, либо в выделении, либо на слое.

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

10. Нажмите ОК .Вот результат:

Что такое узор в фотошопе?

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

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

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

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

подсказки

Чтобы максимально использовать эту функцию:

• Только прямоугольные выделения могут быть определены как узор в некоторых очень старых версиях Photoshop.
• Установите флажок Сохранить прозрачность в диалоговом окне Заливка , если вы хотите заполнить только непрозрачные части слоя.
• Если вы применяете узор к слою, выберите Layer и примените Pattern Overlay в раскрывающемся меню стилей слоя .
• Другой способ добавления узора — использовать инструмент Paint Bucket для заполнения слоя Layer или выделения. Выберите Pattern из параметров инструмента .
• Ваша коллекция выкроек находится в библиотеке. Выберите Window > Libraries , чтобы открыть их.
• Вы также можете создавать контент с помощью приложений Adobe Touch Apps и размещать их в своей библиотеке Creative Cloud.

Спасибо, что сообщили нам!

Расскажите, почему!