Как сделать диалоговое окно в фотошопе
В предыдущем уроке мы узнали все о полностью переработанном диалоговом окне «Новый документ» в Photoshop CC 2017 и о том, как использовать его для создания новых документов Photoshop. Хотя многие из нас увидят модернизацию как улучшение, не все согласятся.
Давние пользователи Photoshop могут предпочесть меньшую и более компактную компоновку исходного диалогового окна «Новый документ». Даже если вы новичок в Photoshop, вы можете попробовать обе версии (редизайн и оригинал), чтобы увидеть, какая из них вам больше нравится.
К счастью, оригинальное диалоговое окно «Новый документ» все еще существует в Photoshop CC 2017. Теперь Adobe называет его «устаревшим» диалоговым окном «Новый документ», и в этом уроке мы узнаем, как легко переключаться между измененной версией и устаревшей версией. , Мы также кратко рассмотрим, как работает устаревшая версия. Давайте начнем!
Диалоговое окно «Переработанный новый документ»
По умолчанию, когда мы открываем диалоговое окно «Новый документ» в Photoshop CC, оно теперь отображается в его измененном макете. Я открою его, нажав кнопку « Создать …» на начальном экране Photoshop . Мы также можем открыть диалоговое окно «Новый документ», перейдя в меню « Файл» в верхней части экрана и выбрав « Новый» , или нажав сочетание клавиш, Ctrl + N (Победа) / Command + N (Mac):
Какой бы путь вы ни выбрали, появится измененное диалоговое окно «Новый документ». Я подробно описал переработанную версию в нашем руководстве « Как создавать новые документы в Photoshop CC» . Здесь мы сосредоточимся только на оригинальной, «унаследованной» версии, которую мы увидим через минуту:
Сейчас я закрою диалоговое окно, нажав кнопку Закрыть в правом нижнем углу. Это закрывает диалоговое окно без фактического создания нового документа:
Диалоговое окно «Устаревший новый документ»
Мы можем легко переключаться между измененной и оригинальной версией диалогового окна, используя настройки Photoshop. На ПК с Windows перейдите в меню « Правка» в строке меню в верхней части экрана, выберите « Настройки» , а затем выберите « Основные» . На Mac перейдите в меню Photoshop CC в верхней части экрана, выберите « Настройки» , затем выберите « Основные» :
Откроется диалоговое окно «Установки» с общими параметрами. Найдите параметр « Использовать устаревший интерфейс« Новый документ »» . Щелкните внутри его флажка, чтобы включить его:
Изменение происходит мгновенно, поэтому нет необходимости выходить и перезапускать Photoshop, чтобы оно вступило в силу. Все, что нам нужно сделать, это закрыть диалоговое окно Preferences, нажав OK :
Затем, вернувшись на начальный экран, я еще раз нажму кнопку « Создать …» , чтобы создать новый документ:
Диалоговое окно «Новый документ» открывается снова, но на этот раз в качестве более старой версии. Значения, которые вы видите для своих различных настроек, могут отличаться от моих, и это потому, что диалоговое окно открывается с последними использованными настройками. Если вы еще не создали новый документ, для него будет задан размер документа по умолчанию в Photoshop:
Называя новый документ
Давайте кратко рассмотрим, как работает устаревшая версия. Во-первых, мы можем дать нашему новому документу имя, используя поле « Имя» вверху. Если вы не назвали свой документ здесь, Photoshop попросит вас назвать его, когда вы собираетесь сохранить документ позже, так что вам не нужно называть его в данный момент. Однако в качестве примера я назову документ «Мой новый документ»:
Выбор пресета
Как и в случае с измененным диалоговым окном «Новый документ», мы можем начать с просмотра, есть ли уже готовая предустановка, которая соответствует размеру документа, который нам нужен. Photoshop включает в себя несколько встроенных пресетов, и, как мы увидим позже, мы также можем создавать свои собственные.
Сначала выберите тип документа, который вы хотите создать, щелкнув опцию « Тип документа» . Мой в настоящее время настроен на Custom. Ваш может быть настроен на что-то другое:
Затем выберите категорию, соответствующую вашему типу документа. Здесь находятся большинство категорий из измененного диалогового окна «Новый документ» («Фотография», «Интернет», «Мобильные», «Искусство и иллюстрация»), а также некоторые другие. Я выберу фото :
Чтобы просмотреть список предустановок для выбранной вами категории, выберите параметр « Размер» :
Затем выберите пресет из списка. Я выберу Пейзаж, 8 х 10 :
После того, как вы выбрали предустановку, вы увидите обновление настроек вашего документа. В моем случае, поскольку я выбрал предустановку «Пейзаж 8 x 10», мы видим, что мое значение « Ширина» теперь установлено на 10 дюймов , « Высота» — на 8 дюймов , а « Разрешение документа» — на 300 пикселей / дюйм ( универсальный стандарт для высококачественной печати). Другие настройки, такие как Цветовой режим , Содержание фона и Цветовой профиль , также основаны на выбранной предустановке:
Если вы довольны настройками, нажмите кнопку OK в верхнем правом углу, чтобы закрыть диалоговое окно и создать новый документ. Я пока не буду этого делать, потому что в следующем разделе мы узнаем, как создать новый документ, используя наши собственные пользовательские настройки:
Использование пользовательских настроек документа
Если вы прошли предварительные настройки, и ни один из них не предоставит вам нужный размер документа, вы можете легко создать документ с помощью собственных настроек. Просто введите нужные значения в различные опции.
Например, если я хочу создать документ Photoshop размером 11 на 14 дюймов, все, что мне нужно сделать, это установить ширину на 11 дюймов и высоту на 14 дюймов . Это даст мне документ в портретной ориентации. Если мне нужна ландшафтная ориентация вместо этого, я бы поменять места значения, установив ширину до 14 дюймов и высоту до 11 дюймов . В обновленном диалоговом окне «Новый документ» есть удобные кнопки для мгновенного переключения между книжной и альбомной ориентацией. В устаревшей версии нам нужно сделать это вручную.
Я также хочу иметь возможность печатать этот документ в высоком качестве, поэтому я оставлю значение « Разрешение» равным 300 пикселей / дюйм . Если вы создаете документ для Интернета или мобильного устройства, вам не нужно беспокоиться о значении «Разрешение» .
Обратите внимание, что как только вы начнете вводить пользовательские значения, опция « Тип документа» в верхней части переключится с любой предустановки, которую вы выбрали ранее, на « Пользовательский» :
Узнайте больше: разрешение изображения и качество печати
Я использовал здесь тип измерения в дюймах, но если вы нажмете на поле Тип измерения для ширины или высоты, вы увидите другие типы, которые вы можете выбрать, например, пиксели, например, которые лучше выбор для веб или мобильных макетов:
Другой вариант, который вы можете изменить, это Background Contents . Цвет фона по умолчанию для нового документа Photoshop — белый . В большинстве случаев белый работает нормально, но чтобы изменить его, нажмите на поле «Содержимое фона» и выберите другой вариант из списка.
Здесь следует отметить, что в отличие от измененного диалогового окна «Новый документ», в котором нам нужно сначала открыть расширенные параметры, прежде чем « Прозрачный» появится в списке «Фоновое содержимое», в прежней версии он доступен нам сразу.
Выбор Other … в нижней части списка откроет палитру цветов Photoshop, где вы можете выбрать определенный цвет для фона. Вы также можете открыть палитру цветов, щелкнув образец цвета справа от поля «Содержимое фона»:
Мы также можем изменить другие параметры, которые также доступны в измененном диалоговом окне «Новый документ»: « Цветовой режим» , « Битовая глубина» (прямо справа от «Цветовой режим») и « Цветовой профиль» . Это более продвинутые параметры, поэтому, если вы не знакомы с ними, вы можете оставить их по умолчанию:
Когда вы будете довольны настройками, нажмите кнопку « ОК» в верхнем правом углу, чтобы закрыть диалоговое окно «Новый документ» и создать новый документ. Опять же, я пока не буду этого делать, потому что у нас есть еще одна тема для обсуждения, а именно, как сохранить наши настройки в качестве пользовательской предустановки:
Создание пользовательского пресета
Как и в обновленном диалоговом окне «Новый документ», мы можем сохранить наши пользовательские настройки в качестве новой предустановки. Чтобы создать новый стиль, нажмите кнопку « Сохранить стиль …» :
Откроется диалоговое окно « Новый стиль документа ». Дайте вашему новому пресету описательное имя. Я назову мой «Пейзаж, 11 х 14». Photoshop автоматически сохранит значения ширины и высоты в предустановке. Чтобы сохранить и другие настройки, такие как разрешение и фоновое содержимое, убедитесь, что те, которые вам нужны, выбраны (отмечены). По умолчанию выбран каждый параметр, поэтому, если у вас нет причин не включать конкретный параметр, все, что вам действительно нужно сделать, — это дать вашему пресету имя:
Если вам когда-либо потребуется удалить предустановку, сначала выберите предустановку в параметре «Тип документа», а затем нажмите кнопку « Удалить предустановку …» :
Со своим сохраненным пресетом я наконец-то нажму кнопку ОК в верхнем правом углу:
Это закрывает диалоговое окно «Новый документ» и открывает мой новый документ в Photoshop:
Переключение обратно на диалоговое окно измененного нового документа
Если после того, как вы попробовали устаревшее диалоговое окно «Новый документ», вы решили, что вам больше понравилась измененная версия, просто вернитесь в Общие настройки Photoshop, перейдя в меню « Редактировать (Win) / Photoshop CC (Mac)», выбрав « Настройки» , и затем выбрав General . Вы также можете открыть Общие настройки, используя сочетание клавиш Ctrl + K (Победа) / Command + K (Mac):
Затем, чтобы вернуться к измененной версии, снимите флажок Использовать устаревший интерфейс «Новый документ» :
И там у нас это есть! Вот как можно легко переключаться между измененным и устаревшим диалоговым окном «Новый документ», а также создавать новые документы с использованием устаревшей версии в Photoshop CC 2017! Одна большая особенность измененного диалогового окна «Новый документ», которая недоступна в прежней версии, — это шаблоны . Новое в Photoshop CC 2017, теперь мы можем создавать новые документы из шаблонов, которые позволяют нам добавлять собственные изображения в готовые макеты и эффекты. Чтобы использовать функцию шаблонов, вам понадобится переработанное диалоговое окно «Новый документ» . Я расскажу, как использовать шаблоны в отдельном руководстве.
В этом уроке по Photoshop мы узнаем все о новом стартовом экране и панели «Последние файлы» , которые впервые были представлены Photoshop CC в обновлениях Creative Cloud от ноября 2015 года.
Независимо от того, что мы планируем делать с Photoshop, первый шаг всегда один и тот же; мы либо открываем существующее изображение или документ для работы, либо создаем новый документ с нуля. В последней версии Photoshop CC компания Adobe сделала этот первый шаг более простым и интуитивно понятным, представив новый стартовый экран и новую панель «Последние файлы».
Начальный экран дает нам быстрый доступ к нашим недавно открытым файлам, а также позволяет открывать другие файлы, создавать новые документы и многое другое. Он появляется каждый раз, когда мы запускаем Photoshop, и каждый раз, когда мы закрываем какой-либо документ (другие документы на экране все еще не открыты). Панель «Последние файлы» предлагает многие из тех же параметров, что и на начальном экране, но без необходимости закрывать документ. Посмотрим, как они работают.
Новый стартовый экран
Если вы некоторое время использовали Photoshop, включая более ранние версии Photoshop CC, новый экран «Пуск» может сначала показаться немного запутанным не из-за того, что вы видите, а из-за того, чего вы не видите. Традиционно при открытии Photoshop нас приветствовала знакомая панель «Инструменты» слева и большой столбец панелей справа:
Теперь, когда мы запускаем Photoshop, все эти панели отсутствуют; нет панели инструментов, нет панели слоев, ничего. На их месте находится список недавно открытых файлов в центре экрана. Это новый стартовый экран Photoshop:
Поскольку экран «Пуск» эффективно меняет макет интерфейса Photoshop, Adobe сохранила его как новое рабочее пространство . Вы найдете его уже выбранным в разделе « Рабочая область» в правом верхнем углу экрана. Как я уже упоминал, Photoshop теперь по умолчанию переключается на это новое рабочее пространство Start каждый раз, когда мы запускаем Photoshop, и всякий раз, когда мы закрываем документ (если нет других открытых документов). Мы узнаем, как изменить это поведение по умолчанию чуть позже:
Если вам требуется подтверждение того, что панель «Инструменты», панель «Слои» и другие панели никуда не делись, вы можете щелкнуть слово «Пуск» и переключиться на любое другое рабочее пространство Photoshop, выбрав одно из меню, включая рабочее пространство Essentials (одно из них). большинство людей знакомы с)
Это закрывает экран «Пуск» и возвращает традиционный макет Photoshop:
Чтобы переключиться обратно в рабочее пространство «Пуск», просто повторно выберите его в меню «Рабочее пространство»:
Это снова возвращает нас к начальному экрану:
Список последних файлов
Давайте подробнее рассмотрим, что может предложить экран «Пуск». Внизу экрана «Пуск» находится коллекция карточек, на которые можно нажать, чтобы узнать больше о том, что нового в Photoshop, просмотреть различные учебные пособия, добавить бесплатные ресурсы в библиотеки Creative Cloud и многое другое. Также есть удобное окно поиска для поиска стоковых изображений и графики без роялти в Adobe Stock (новый сервис изображений Adobe).
Но главной особенностью нового начального экрана является его список последних файлов , в котором отображается список недавно открытых изображений и документов. В зависимости от количества файлов в списке, вам может понадобиться использовать полосу прокрутки в правой части списка, чтобы просмотреть ее:
По умолчанию файлы отображаются в виде текстового списка, показывая только имена файлов, но мы также можем просматривать их в виде миниатюр. Если вы посмотрите прямо над столбцом имен файлов, вы увидите две иконки. Нажав на иконку слева, вы выберете вид списка (текстовое представление, которое мы уже видим). Нажмите на значок справа (как я собираюсь сделать), чтобы переключиться в режим просмотра миниатюр :
А теперь мои недавно открытые файлы отображаются в виде миниатюр. Обратите внимание, что если вы не видите некоторые (или какие-либо) ваши эскизы, это потому, что вам сначала нужно открыть файл в этой последней версии Photoshop, чтобы появился его эскиз:
Если искомый файл не найден нигде в списке последних файлов, нажмите кнопку « Открыть» слева от списка, чтобы перейти к файлу на жестком диске. Это то же самое, что выбрать « Открыть» в меню « Файл» в верхней части экрана:
Чтобы открыть изображение или документ из списка «Последние файлы», просто нажмите на его миниатюру (или на его имя в представлении списка). Я открою первое изображение в моем списке:
Photoshop закрывает экран «Пуск» и открывает изображение в привычном макете интерфейса с панелью «Инструменты» слева и другими панелями справа:
Узнайте, как добавить лучи солнечного света на ваши фотографии
Когда вы закончите работу и закроете документ, Photoshop вернет вас на начальный экран. Я закрою свой документ, зайдя в меню « Файл» в верхней части экрана и выбрав « Закрыть» :
А теперь я снова вижу стартовый экран:
Создание нового документа
Наряду с открытием последних файлов, мы также можем создавать новые документы на начальном экране. Один из способов сделать это, нажав на слово PRESETS в левом верхнем углу:
Откроется список предустановленных размеров документов, которые мы можем выбрать, включая общие размеры для печати, Интернета, мобильных устройств и т. Д. Чтобы выбрать один, выберите его из списка. Если ни один из этих предустановленных размеров не будет работать, выберите Custom Document в нижней части списка (как я собираюсь сделать):
Откроется диалоговое окно «Новый» в Photoshop, где вы сможете ввести нужные вам размеры. Когда вы нажмете ОК, Photoshop закроет начальный экран и откроет ваш новый документ. Когда вы закончите работать с новым документом и закроете его, вы снова вернетесь к начальному экрану. В моем случае я не хочу открывать новый документ, поэтому я нажму кнопку « Отмена» , чтобы закрыть диалоговое окно:
Если вам нужно создать новый документ Photoshop и вы уже знаете, что ни один из предустановленных размеров не будет работать, вы можете полностью пропустить список предустановок и перейти прямо к диалоговому окну New, нажав кнопку New . Это то же самое, что выбрать New в меню File в верхней части экрана:
Чтобы вернуться к списку недавно открытых файлов, нажмите на слова « ПОСЛЕДНИЕ ФАЙЛЫ» :
Это вернет вас в список последних файлов. Возможно, вы заметили, что наряду с опциями «ПОСЛЕДНИЕ ФАЙЛЫ» и «ПРЕДУСТАНОВКИ» есть также опция БИБЛИОТЕКИ. Эта опция позволяет вам управлять своими библиотеками Creative Cloud с начального экрана. Библиотеки немного выходят за рамки этого урока, поэтому мы рассмотрим их в отдельном уроке:
Включение и выключение начального экрана
Новый экран «Пуск» в Photoshop — это удобная функция, но если вы не хотите его видеть, вы можете указать Photoshop не отображать экран «Пуск», используя новый параметр, который можно найти в настройках. Чтобы перейти к настройкам, на ПК с Windows перейдите в меню « Правка» в верхней части экрана, выберите « Настройки» внизу списка, а затем выберите « Общие» . На Mac перейдите в меню Photoshop , выберите « Настройки» , а затем выберите « Общие» :
Здесь вы найдете новую опцию, которая показывает «Показать» рабочее пространство, когда нет открытых документов . По умолчанию эта опция выбрана (отмечена). Если вы не хотите, чтобы появлялся экран «Пуск», просто снимите этот флажок. Если позже вы решите, что хотите снова включить его, вы можете вернуться в «Настройки» и повторно выбрать его. Обратите внимание, что вам нужно выйти и перезапустить Photoshop, чтобы изменения вступили в силу:
Панель «Новые недавние файлы»
Наряду с новым начальным экраном, Photoshop CC 2015 также представляет новую панель «Последние файлы», которая дает нам доступ к большинству функций начального экрана, но без необходимости закрывать наш документ. По умолчанию панель «Недавние файлы» отключена, поэтому давайте на мгновение отключим ее и посмотрим, как все традиционно работает без нее. Я снова открою свой документ, еще раз щелкнув его миниатюру на начальном экране:
Как мы узнали ранее, это закрывает начальный экран и открывает файл:
С этим первым открытым документом, скажем, мне нужно открыть и второй. Для этого я бы поднялся в меню « Файл» вверху экрана и выбрал « Открыть» :
Я собираюсь просто отменить это окно, чтобы мы могли увидеть, как работает новая панель «Недавние файлы». Как я уже говорил, по умолчанию панель «Последние файлы» отключена. Чтобы включить его, все, что нам нужно сделать, это включить его в настройках Photoshop. Чтобы перейти к настройкам, еще раз перейдите в « Редактирование» > « Установки» > « Общие» (Win) / « Фотошоп» > « Установки» > « Общие» (Mac). Затем найдите новый параметр «Рабочее пространство« Последние файлы »» при открытии файла » . Вы найдете его прямо под новой опцией «Показать« Запуск »рабочей области», которую мы рассматривали недавно. Выберите опцию, щелкнув внутри ее флажок:
Обратите внимание, что вам нужно выйти и перезапустить Photoshop, чтобы изменения вступили в силу. Я перейду дальше и перезапущу свою копию Photoshop, а затем, когда мой документ также снова откроется, я снова зайду в меню « Файл» и выберу « Открыть» :
При более внимательном рассмотрении панели мы видим тот же список последних файлов, который мы видели на начальном экране, что дает нам быстрый доступ к любому изображению или документу, который мы недавно открыли:
Одинаковый список последних файлов отображается как на начальном экране, так и на панели «Последние файлы».
Также, как и на начальном экране, мы можем переключаться между простым списком имен или миниатюр, используя значки списка и эскизов в верхней части:
Мы можем получить доступ к файлам, которых нет в списке «Последние файлы», нажав кнопку « Открыть» , или создать новые документы Photoshop, нажав кнопку « Новый» , которые находятся в верхней части панели:
Открытие файла (или создание нового документа) на панели «Последние файлы» автоматически закроет панель, но если вы хотите закрыть панель без открытия или создания файла, просто нажмите слово « Закрыть» :
Как и на начальном экране, Adobe сохранила панель «Недавние файлы» как новое рабочее пространство в Photoshop. Это означает, что наряду с переходом в меню «Файл» и выбором «Открыть» мы также можем открыть ее, щелкнув параметр « Рабочее пространство» в верхней части. в правом углу интерфейса (здесь установлено рабочее пространство Essentials по умолчанию ):
Затем выберите Недавние файлы из списка рабочих пространств в меню. Обратите внимание, что «Последние файлы» будут доступны только в качестве рабочего пространства, если в «Предпочтениях» выбран параметр «Показывать рабочее пространство« Последние файлы »при открытии файла» »:
Когда вы закончите работу и закроете все открытые документы, Photoshop вернет вас на начальный экран еще раз:
Куда пойти дальше …
И там у нас это есть! Это наш взгляд на совершенно новый стартовый экран и панель «Последние файлы», недавно представленную в Photoshop CC в обновлениях Creative Cloud от ноября 2015 года! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!
Стили слоя (layer styles) Photoshop являются популярным способом для добавления эффектов, таких как тени (drop shadows) и так называемая обводка/контур (strokes), без изменений самого слоя. При правильном знание и опыте, можно достичь практически любого эффекта. Для достижения этих эффектов, однако, вы должны понимать, что делает каждый параметр и как они могут быть объединены, чтобы создать определенный вид. В этой статье мы с вами разберемся с особенностями стиля слоя Photoshop – Stroke, и покажем вам, как раскрыть свой потенциал.
Как правильно добавить Stroke с помощью Photoshop Layer Styles
Использование Stroke
В этой статье, как правильно добавить обводку с помощью стилей слоев Photoshop, мы рассмотрим все параметры Stroke и варианты как его можно использовать для создания различных эффектов. Давайте начнем.
Диалоговое окно Layer Styles – Stroke
Stroke – является одним из самых простых эффектов для работы, потому что почти все параметры говорят сами за себя. При изменении любого из параметров, можно очень легко увидеть разницу на холсте.
Есть несколько трюков когда мы применяем Stroke эффект. Давайте выясним, какие же они.
Size / Размер
Ползунок ‘размеры’ просто устанавливает ширину вашего контура от 1px до 250px.
В следующем примере можно увидеть, как увеличение размера Stroke дает нам более толстую рамку вокруг нашего текста.
Position / положение
Position состоит из выпадающего списка вариантов, таких как – Outside, Inside, и Center (снаружи, внутри, и по центру). Этот параметр определяет выравнивание Вашей обводки относительно слоя и он применяется в следующих способах:
Снаружи: Ваш контур будет создан относительно края фигуры и будет расти наружу, дальше от объекта.
Внутри: Ваш контур будет создан относительно края фигуры и будет расти внутрь, к центру вашего объекта.
По центру: Ваш контур будет создан относительно края фигуры и будет расти как внутрь и наружу.
Выбор различных параметров позиции является полезным тогда, когда вы объединяете ваше Stroke эффект с другими настройками стиля слоя.
В следующем примере можно увидеть, чем позиция Inside отличается от Outside. Вы также заметите, что если Stroke установлен в Inside или Center, то часть контура, которая перекрывает оригинальную форму будет также приобретать эффекты, которые применяются к слою. В данном примере – небольшой скос и тиснение (Bevel & Emboss.).
Blend Mode / Режим наложения
Режим наложения / Blend Mode – позволяет задать режим наложения для вашего контура.
В зависимости от положений настроек которые вы используете, Blend Mode повлияет на слой который вы используете, или на слой под ним.
Если вы не знакомы с различными вариантами режимов наложения, я настоятельно рекомендую почитать об этом.
В следующем примере можно увидеть, как меняется режим смешивания с нормального на Overlay и придает контуру совершенно другой вид, как он взаимодействует с другими элементами дизайна.
Opacity / непрозрачность
Ползунок ‘непрозрачность’ контролирует, какая прозрачность будет у нашего контура.
Меньшее число делает контур более прозрачным, в то время как большее число более непрозрачным.
Совет: Если вы установите ползунок непрозрачности до 0%, то она будет действовать в качестве маски и скрыть области слоя где она применяется.
В следующем примере, вы можете увидеть, что установка непрозрачность до 0% создает маску.
Fill Type / тип заливки
Тип заливки позволяет вам контролировать то, чем заполнить ваш Stroke.
Это может быть цвет, градиент, или даже Pattern.
Каждый выбор дает нам дополнительные опции:
В следующем примере можно увидеть, как меняется тип заливки из Color в Градиент что позволяет создавать более правдоподобный металлический эффект.
Saving and Loading Default Settings
Вы можете сохранять и загружать настройки по умолчанию для каждого эффекта в диалоговом окне Layer Styles. Нажав на кнопку “Использовать по умолчанию”, Photoshop будет хранить все настройки активные в настоящее время, как новые по умолчанию для этого эффекта.
Нажав на кнопку “Восстановить настройки по умолчанию”, Photoshop будет загружать все настройки которые были ранее сохранены. Это позволит вам экспериментировать с данным эффектом и если вы захотите начать все сначала, просто перезагрузите пользовательские настройки по умолчанию.
На посошок
Здесь вы можете попробовать один из вариантов применения эффекта Stroke. Файл PSD покажет вам, как объединить Stroke эффект с другими параметрами для создания классного стиля взрыва в комиксах. Будет очень здорово, если вы поделитесь своими вариантами настроек, дающих оригинальные эффекты!
6755_Используем усовершенствованную панель Свойства в Фотошоп
Вы узнаете все о новых опциях, добавленных на усовершенствованную панель Properties (Свойства) в версии Photoshop CC 2020, и почему панель Properties (Свойства) становится универсальным местом хранения всех нужных опций!
Сложность урока: Легкий
Узнайте все о новых опциях, добавленных на усовершенствованную панель Properties (Свойства) в версии Photoshop CC 2020, и почему панель Properties (Свойства) становится универсальным местом хранения всех нужных опций!
Всякий раз, как Adobe выпускает обновленную версию программы Photoshop, пользователи обращают внимание на новые свойства и элементы, в то время как улучшение текущих опций часто проходит незаметно. Однако если для вас важны такие параметры, как скорость, эффективность и простота использования, то вам определенно стоит познакомиться с изменениями, которые коснулись панели Свойства в СС 2020.
На панели Properties (Свойства) вы можете найти опции и параметры для каждого из выбранных слоев на панели слоев. И в зависимости от типа слоя опции будут отличаться. До недавнего времени перечень опций на панели свойств был ограничен, но в версии программы Photoshop CC 2020 панель свойств значительно расширилась, и может показаться, что другие элементы, такие как, например, панель задач, скоро могут быть исключены за ненадобностью.
Что нового появилось на панели Свойства
Одним из наиболее ярких нововведений для панели Properties (Свойства)в СС 2020 является раздел опций для текста. Выберите текстовый слой на панели слоев, и все опции, которые раньше были доступны только на панелях Character (Символ) и Paragraph (Абзац), теперь появятся на панели Свойства.
Кратко говоря, при выборе слоя заднего фона и пиксельного слоя также появились новые опции, включая добавление раздела Quick Actions (Быстрые действия). Этот раздел позволяет нам быстро изменить размер изображения, выбрать инструмент Crop Tool (Рамка), обрезать или повернуть холст и даже получить доступ к командам Photoshop Выделить предмет и Удалить фон, и всё это в пределах одной панели. У текстовых слоев также появился раздел Быстрые действия, где можно мгновенно преобразовать текст в кадр или фигуру. Давайте изучим это подробнее!
Для дальнейшей работы вам потребуется версия программы Photoshop CC 2020 или более поздняя.
Сравниваем панель Свойства в СС 2020 и СС 2019
Для того чтобы понять, какие изменения коснулись панели Свойства в версии программы CC 2020, мы сравним два варианта панели — в версии СС 2020 и CC 2019 на примере трех типов слоев — слоя заднего фона, пиксельного и текстового слоя. Вы можете использовать любое изображение. Я скачаю фотографию с сайта Adobe Stock:
Исходное изображение. Источник: Adobe Stock
Где найти панель Свойства
Панель Свойства является частью стандартной рабочей среды программы, известной как Essentials (Основная рабочая среда). Поэтому если вы все еще ее используете, то панель Свойства должна отображаться на вашем экране.
Если же ее нет, то вы можете открыть данную панель, перейдя в раздел Window (Окно) на панели настроек и выбрав Properties (Свойства). Галочка около названия панели означает, что панель уже открыта, и повторное нажатие по названию панели ее закроет:
Выбираем Окно — Свойства
Опции слоя заднего фона на панели свойств
Давайте начнем рассматривать доступные опции на панели Свойства при выбранном слое заднего фона.
Слой заднего фона является задним фоном для нашего документа. Когда мы открываем в программе изображение, оно становится задним фоном и появляется на слое заднего фона. Поэтому, возможно, вы будете ожидать, что при выбранном слое заднего фона на панели Свойства отобразятся опции, связанные с самим документом:
Выбираем слой заднего фона
Панель Свойства для документа в СС 2019
В Photoshop CC 2019 панель Свойства не отображала вообще никаких опций для слоя заднего фона. Все, что вы могли видеть, это немного информации о документе, такой как его размеры (ширина, высота) и разрешение. Изменить эту информацию вы также не могли, по крайней мере на самой панели Свойства:
Панель Свойства для слоя заднего фона в СС 2019
Панель Свойства для документа в СС 2020
Однако в версии Photoshop CC 2020 всё внезапно изменилось, и панель Свойства стала невероятно полезной. В действительности, при выборе слоя заднего фона, теперь можно делать с документом столько всего полезного прямо на панели Свойства, что опции разделились на группы.
Образовались разделы Canvas (Холст), Rulers & Grids (Линейки и сетки) и Guides (Направляющие). Также появился новый раздел Quick Actions (Быстрые действия). Для просмотра содержимого группы вы можете развернуть ее, нажав на стрелку слева от ее названия.
Я разделил опции панели Свойства на два столбца, чтобы вы могли их видеть все за раз. Хочется отметить, что ни одна из опций панели Свойства не является уникальной только для данной панели. По крайне мере, это касается тех типов слоев, которые мы будем рассматривать в данном уроке. Каждую опцию можно встретить в программе где-то еще. Преимущество панели Свойства заключается в том, что она одна отображает наиболее полезные опции различных панелей и диалоговых окон. Это помогает сэкономить время и силы при работе с программой:
Панель Свойства для слоя заднего фона в СС 2020
Холст
- Используйте параметры группы Canvas (Холст), чтобы изменить height (высоту) и width (ширину) документа.
- Кликните по кнопке Landscape (Альбомная) или Portrait (Портретная) ориентация, чтобы изменить ориентацию документа, но не забывайте о том, что в некоторых случаях часть изображения может быть отрезана.
- Вы также при необходимости можете изменить colormode (режим) и bitdepth (глубину цвета).
- И если ваш задний фон залит сплошным цветом, а не представляет собой какое-либо изображение, вы можете изменить fillcolor (заливку).
Линейки и сетки
- Эта группа параметров включает в себя кнопки для отображения и скрытия линеек и сетки, а также кнопку, которая позволяет открыть диалоговое окно Preferences (Установки) с параметрами прозрачности и цветового охвата.
- Помимо этого, вы можете изменить единицу измерения для линеек (пиксели, дюймы, проценты и т.д.).
Направляющие
- Щелкните по значкам просмотра направляющих, их блокировки или переключения на Smart Guides (Быстрые направляющие).
- Или измените внешний вид направляющих со сплошной линии на пунктирную
Быстрые действия
- Quick Actions (Быстрые действия) — это новый раздел, который добавлен на панель Свойства в версию программы Photoshop CC 2020.
- При выбранном слое заднего фона, раздел Быстрые действия включает в себя следующие кнопки: открытия диалогового окна Image Size (Размер изображения), выбора инструмента CropTool (Рамка), открытия диалогового окна Trim (Тримминг), и поворота холста.
- Как мы с вами вскоре изучим, содержимое раздела Быстрые действия в зависимости от типа выбранного слоя может меняться.
Oпции для пиксельных слоев на панели Свойства
Далее, давайте рассмотрим опции для пиксельных слоев на панели Свойства в Photoshop CC 2020.
Преобразуем слой заднего фона в пиксельный слой
На панели слоев, я преобразую слой заднего фона в обычный слой, кликнув по иконке замочка:
Разблокируем слой заднего фона
Программа переименует слой на Слой 0, иконка замочка пропадет, и у нас получится обычный пиксельный слой:
Слой заднего фона стал обычным слоем
Свойства для пиксельного слоя в СС 2019
В Photoshop CC 2019 панель Свойства для пиксельных слоев была чуть информативнее, чем для слоя заднего фона. Вместо отображения общей информации о слое, она включала в себя опции для изменения ширины и высоты содержимого слоя, а также для изменения местоположения содержимого слоя при помощи ввода новых значений параметров x и y:
Свойства для пиксельного слоя в СС 2019
Свойства для пиксельного слоя в СС 2020
Давайте вновь вернемся к версии Photoshop CC 2020, где произошли большие изменения. И снова — на панели Свойства для пиксельных слоев появилось столько новых параметров, что программа разделила их на группы. На панели появились группы Transform (Перспектива), Align and Distribute (Выровнять и распределить) и группа Quick Actions (Быстрые действия), которую мы уже видели на панели, когда был выбран слой заднего фона:
Свойства для пиксельного слоя в СС 2020
Расширяем группу Выровнять и распределить
В действительности, для пиксельных слоев доступно еще больше опций, чем мы видим изначально. В группе Выровнять и распределить по умолчанию отображены только опции Align (Выровнять). Но если вы кликните по значку многоточия (в виде трех точек):
Кликните по значку многоточия, чтобы отобразить дополнительные опции
То вы расширите группу и увидите скрытые опции Distribute (Распределить):
Расширенная группа Выровнять и распределить
Перспектива
- Группа Transform (Перспектива) включает в себя те же самые опции изменения ширины (width), высоты (height) и расположения (position) содержимого слоя, что и в версии программы СС 2019.
- Из нововведений можно отметить опцию поворота содержимого слоя, а также кнопки отражения содержимого по вертикали или горизонтали.
Выровнять и распределить
- Воспользуйтесь параметром Align (Выровнять), чтобы выровнять два или более слоев по горизонтали или по вертикали. Для того чтобы опции Выровнять были доступны, нужно выбрать по крайней мере два слоя на панели слоев.
- Или если вы кликните по значку многоточия, чтобы расширить группу, и измените значение параметра Alignto (Выровнять по) с Selection (Выделение) на Canvas (Холст), то сможете выровнять отдельный слой относительно самого холста по вертикали или горизонтали.
- Используйте опции Distribute (Распределить) и Distribute Spacing (Распределить между объектами) (доступны, когда выбраны три и более слоев), чтобы создать равное расстояние между содержимым каждого слоя.
Быстрые действия
- Так же, как и в случае со слоем заднего фона, при выбранном пиксельном слое на панели Свойства появляется раздел Quick Actions (Быстрые действия). Но параметры там теперь другие.
- Нажмите на кнопку Select Subject (Выделить предмет), чтобы программа автоматически определила и выделила основной предмет на изображении.
- Или нажмите кнопку RemoveBackground (Удалить фон), чтобы одновременно выделить предмет и удалить задний фон.
Опции для текстовых слоев на панели Свойства
Итак, мы с вами рассмотрели, что панель Свойства в Photoshop CC 2020 включает в себя больше опций для слоя заднего фона и пиксельного слоя, чем это было в прежних версиях. Но наибольшие изменения произошли при выборе текстовых слоев.
Пойдем дальше и добавим на наше изображение немного слов с помощью инструмента Type Tool (Текст). После этого выберем на панели слоев текстовый слой, кликнув по нему:
Выбираем текстовый слой
Свойства для текстового слоя в CC 2019
В версии программы Photoshop CC 2019, панель Свойства включала в себя основные текстовые параметры такие как выбор шрифта, размера и цвета текста, определение межбуквенных интервалов, выравнивание строки. Для расширения списка опций необходимо было нажать на кнопку Advanced (Дополнительно):
Нажимаем на кнопку Дополнительно на панели свойств в СС 2019
Панели Символ и Абзац
После нажатия на кнопку Дополнительно открывались отдельные панели Character (Символ) и Paragraph (Абзац). На панели Символ появлялись дополнительные опции — кернинг, смещение базовой линии, горизонтальное и вертикальное масштабирование и варианты начертания ( Faux Bold (Псевдожирный), Faux Italic (Псевдокурсив), All Caps (Все прописные)):
А на панели Абзац добавлялись параметры выравнивания и отступов, а также определения расстояния между абзацами:
Свойства для текстового слоя в CC 2020
В Photoshop CC 2020 все параметры панелей Символ и Абзац (которые также остались доступны) объединились на панели Свойства. И панель снова оказалась поделена на группы опций. Для текстовых слоев на панели свойств представлены группы Transform (Перспектива), Character (Символ), Paragraph (Абзац), Type Options (Параметры инструмента Текст) и Quick Actions (Быстрые действия).
Я разделил панель Свойства на два столбца, чтобы мы могли все опции за раз. Если некоторые из этих опций вам недоступны, кликните по значку многоточия в группах Символ, Абзац и Параметры инструмента Текст, чтобы расширить их:
Расширенная панель Свойства в СС 2020 для текстовых слоев
Перспектива
- Воспользуйтесь параметрами группы Transform (Перспектива), чтобы изменить ширину и высоту текста, хотя возможно, с помощью инструмента FreeTransform (Свободное трансформирование) это делать проще. Или измените положение текста, введя соответствующие значения параметров x и y.
- Новым в Photoshop CC 2020 стало то, что вы можете теперь поворачивать текст по часовой или против часовой стрелки, отображать его зеркально по вертикали или горизонтали прямо с панели Свойства
Символ
- Изначально в группе Символ мы можем выбрать шрифт, установить размер и цвет, задать значение кернинга (kerning) (расстояние между двумя символами), трекинга (tracking) (интервал между рядами символов) и интерлиньяжа (leading) (расстояние между строками текста).
- Нажмите на многоточие, чтобы расширить группу Символ и увидеть параметры, отвечающие за масштабирование (scaling) букв по вертикали и по горизонтали, смещение базовой линии (baseline shift), изменение языка текста (для проверки орфографии и переносов) и метода сглаживания (anti-aliasing).
Абзац
- Первоначально в группе Абзац отображены параметры выравнивания и отступов
- При нажатии на многоточие группа расширяется и включает в себя параметры отступа (левый край, правый край или первая строка) и интервалов между абзацами. Также здесь можно включить автоматическую расстановку переносов.
Параметры инструмента Текст
- Параметры инструмента Текст позволяют вам выбирать стили текста, такие как AllCaps (Все прописные буквы), SmallCaps (Все строчные), Superscript (Верхний индекс), Subscript (Нижний индекс). Обратите внимание, что параметры начертания FauxBold (Псевдожирный), FauxItalic (Псевдокурсив) не включены в эту группу. Но вы их сможете выбрать отдельно на панели Символ.
- Кликните по многоточию, чтобы расширить группу и изменить параметры Figure (Цифра) и Position (Положение) для формата шрифтов OpenType.
Быстрые действия
- И наконец в группе Быстрые действия кликните по кнопке Convert to Frame (Преобразовать в кадр), чтобы преобразовать текст в кадр (хотя есть и более удобный способпомещения изображения в текст)
- Или кликните по кнопке Convert to Shape (Преобразовать в фигуру), чтобы превратить текст в векторную фигуру.
Выводы
С каждой новой версией программы панель Свойства становится все более и более полезной, и версия CC 2020 тому подтверждение. На панели слоев выберите слой заднего фона, пиксельный или текстовый слой, и на панели Свойства тотчас отобразятся все необходимые опции. При работе с фигурами, корректирующими слоями, слой-масками и смарт-объектами панель Свойства также полезна. И в следующий раз, когда выйдет новая версия программы, не забудьте проверить панель Свойства. Никогда не знаешь, что нас может ожидать от разработчиков!
И вот мы закончили! Чтобы более подробно изучить интерфейс программы, перейдите к уроку Мое знакомство с Фотошопом. И не забывайте про другие уроки по работе с программой Photoshop!
В данном уроке мы рассмотрим, как создать веб-форму с логином и паролем в программе Фотошоп. Для нашей работы мы будем использовать темные тона, а на заднем плане мы разместим текстуру боке, чтобы добавить яркости и живости нашему творению.
А теперь давайте приступим к самому уроку!
Шаг 1
Создайте новый документ (Ctrl+N) с шириной 450 пикселей и высотой 300 пикселей.
Шаг 2
Возьмите изображение текстуры боке, сохраните его себе на компьютер (клик правой клавишей мыши - Сохранить). Откройте его у себя в программе Фотошоп и перетащите его в ваш созданный в прошлом шаге новый документ. Далее, идем в Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите для него значение 25,2%.
Вот так это должно у вас выглядеть. Теперь мы перейдем к созданию непосредственно самой формы.
Шаг 3
Шаг 4
Шаг 5
Шаг 6
Для слоя "header" применяем Параметры наложения. Для этого кликаем правой кнопкой мыши по слою и выбираем Параметры наложения (Blending Options). В диалоговом окне выбираем Градиент (Gradient), для него выставляем параметры, как показано на скриншоте ниже.
Так должна выглядеть ваша веб-форма на данный момент. Сейчас мы должны будем добавить еще одну деталь в виде линии.
Шаг 7
Примечание переводчика: линия будет выходить за пределы нашей формы, чтобы убрать выступающие края необходимо воспользоваться тем же приемом, что и в 5-ом шаге, а именно, стоя на слое с "white line", необходимо с зажатой клавишей Ctrl, кликнуть левой кнопкой мыши по миниатюре слоя "body", тем самым загрузив выделение вокруг нашей фигуры, далее мы нажимаем сочетание клавиш CTRL + Shift + I, это позволит инвертировать выделение, а затем нажимаем клавишу delete, что позволит отсечь лишние участки белой линии.
Шаг 8
Шаг 9
Активируйте инструмент Прямоугольник со скругленными углами (Rounded Rectangular Tool (U)), установите радиус 3 пикселя, нарисуйте фигуру, как на скриншоте ниже.
Шаг 10
Шаг 11
Теперь применим Наложение градиента (Gradient overlay) с параметрами, как на скриншоте ниже.
Шаг 12
Добавим Обводку (Stroke):
Здесь вы видите созданные нами поля для ввода. Чтобы сделать такое же поле для пароля (Password), которое мы сделали для имени (Name), просто продублируйте слой с помощью клавиш Ctrl+J, и передвиньте дубликат вниз, не забыв его выровнять с верхним полем.
Шаг 13
Создайте новый слой, назовите его "checkbox". Возьмите инструмент Прямоугольное выделение (rectangular marquee tool), создайте маленький квадрат ниже текста Password. Залейте этот квадрат черным цветом.
Шаг 14
Шаг 15
Шаг 16
Шаг 17
Шаг 18
Добавим Обводку (Stroke):
Шаг 19
Шаг 20
Далее добавим этому тексту параметр Тень (Drop shadow) с характеристиками, как показано на скриншоте ниже.
А вот и наш финальный результат.
Я надеюсь вы научились чему-то новому во время выполнения данного урока. Мы использовали красочный фон, чтобы придать живости нашему экрану веб-формы, а также светлые цвета для кнопки-призыва к действию, и сделали мы это все с помощью простых и понятных методов и техник.
Читайте также: