Как создать диалоговое окно в фотошопе
В этом уроке мы рассмотрим различия между вкладками и плавающими окнами, научимся переключаться между этими способами отображения документов.
Сложность урока: Легкий
Программа Photoshop CS6 позволяет нам отображать документы на экране двумя способами по мере работы с ними. Мы можем открывать их во вкладках или в плавающих окнах.
В этом уроке мы рассмотрим различия между вкладками и плавающими окнами, научимся, как легко переключаться между этими способами отображения документов и как настроить программу таким образом, чтобы в будущем документы автоматически открывались в нужном нам виде.
Вкладки
По умолчанию, программа Photoshop CS6 открывает наши изображения в виде вкладок. Для того чтобы показать вам, что я имею в виду, я воспользуюсь программой Adobe Bridge для открытия папки с тремя изображениями. Я хочу открыть сразу все изображения в Photoshop, поэтому я нажму на эскизе изображения слева, чтобы его выбрать. Затем, удерживая нажатой клавишу Shift, я нажму на эскизе изображения справа. Это действие приведет к тому, что будут выбраны сразу три изображения (включая снимок посередине):
Выбираем три изображения в программе Adobe Bridge
Выбрав все изображения, я дважды кликну кнопкой мыши по одному из эскизов, чтобы быстро открыть все снимки в программе Photoshop. На первый взгляд может показаться, что что-то не так. Я открыл три изображения, но на экране видно только одно (изображение голубой бабочки-парусника из фотобанка Shutterstock):
Только одно из трех изображений кажется открытым на экране
Где же два другие изображения, которые я открыл? На самом деле, они тоже открыты. Просто в данный момент мы их не можем видеть, потому что программа представила нам открытые изображения в виде нескольких вкладок. Если мы посмотрим выше открытого на экране изображения, то увидим несколько вкладок. Каждая вкладка представляет одно из открытых изображений и содержит его имя наряду с другой информацией. Вкладка, которая в данный момент подсвечена, является активной, что означает отображение ее снимка на экране. Другие вкладки спрятаны за активной и в данный момент нам не видны:
Ряд вкладок в верхней части экрана. Каждое изображение имеет собственную вкладку. Подсвеченная вкладка в данный момент активна
Для того чтобы переключаться между открытыми изображениями, все, что нам нужно – нажимать на их вкладки. В настоящий момент, у меня открыто третье изображение (вкладка справа). Я нажму на вкладку посередине, чтобы ее выбрать:
Кликнем на вкладке посередине
И теперь мы видим на экране другое открытое изображение. По умолчанию, активна и видима может быть только одна вкладка за раз, поэтому изображение, которое было видно на экране до этого, сейчас отошло на задний план (изображение яркой бабочки из фотобанка Shutterstock):
Второе из трех открытых изображений сейчас видно на экране после выбора его вкладки
Я нажму на вкладку слева, чтобы ее выбрать и сделать активной:
Нажимаем на первую вкладку в ряду
И теперь видимым стало третье из трех открытых изображений, тогда как два других снимка спрятались за ним (изображение белой бабочки из фотобанка Shutterstock):
Третье изображение теперь видно на экране после выбора его вкладки
Переключение между вкладками с клавиатуры
Мы можем также переключаться между вкладками, используя клавишные комбинации. На компьютере с операционной системой Windows PC, нажмите сочетание клавиш Ctrl+Tab, чтобы переключиться с одной вкладки на другую. Для операционной системы Mac требуется нажать комбинацию Command+~.
Изменение порядка расположения вкладок
Мы можем изменить порядок расположения вкладок, просто нажав на одну из них, и, удерживая нажатой кнопку мыши, перетащить вкладку влево или вправо. Отпустите кнопку мыши, чтобы вкладка встала на новое место:
Переместите вкладку вправо, чтобы изменить порядок расположения изображений
Плавающие окна
Другим способом для просмотра открытых изображений в программе Photoshop CS6 является их отображение в плавающих окнах. Если у вас несколько снимков открыты во вкладках, как в моем случае, и вы хотите отобразить одно из них в плавающем окне, просто нажмите на заголовок вкладки изображения и, удерживая нажатой кнопку мыши, переместите вкладку вниз и в сторону от других вкладок:
Нажмите на вкладку и переместите ее в сторону от других вкладок
Отпустите кнопку мыши, и изображение появится перед остальными снимками в отдельном плавающем окне. Вы можете перемещать плавающее окно документа по всему экрану. Для этого необходимо нажать на заголовок изображения в верхней части окна, и удерживая кнопку мыши нажатой, подвигать мышкой:
Одно изображение появилось в плавающем окне
Если вы хотите преобразовать в плавающие окна все вкладки, вам необходимо перейти в раздел «Окно» (Window) в строке меню в верхней части экрана, затем выбрать «Упорядочить» (Arrange) и «Свободно перемещать все окна» (Float All in Windows):
Перейдите в раздел «Окно» > «Упорядочить» > «Свободно перемещать все окна» (Window > Arrange > Float All in Windows)
И теперь все три изображения открыты в плавающих окнах, одно из которых активно и размещено впереди остальных. Опять, мы можем перемещать окна по всему экрану, переставляя их, как нам удобно. Для этого надо нажать на заголовок окна и перетащить его в нужное место. Чтобы сделать активным другое окно и поместить его перед остальными окнами, просто нажмите на него:
Все три изображения теперь открыты в плавающих окнах
Просмотр перечня открытых изображений
Одно из главных преимуществ отображения наших снимков в плавающих окнах заключается в том, что мы можем одновременно просматривать более чем одно изображение. Но также это вызывает и некоторые неудобства. Если у нас за раз открыто слишком много плавающих окон, они могут сильно загромоздить экран, а некоторые окна могут полностью скрыть другие из вида. К счастью, есть простой способ выбора нужного изображения из открытых на экране плавающих окон.
Если вы обратитесь в раздел строки меню «Окно» (Window) в верхней части экрана и посмотрите в низ появившегося списка, то увидите перечень изображений, открытых в данный момент в программе, каждое из которых располагается под своим именем. Рядом с изображением, которое активно в данный момент, стоит галочка. Чтобы сделать нужное изображение активным и поместить его перед остальными снимками, просто нажмите на изображение в списке для его выбора:
Перечень всех изображений, открытых в данный момент в программе, расположен в самом низу раздела меню «Окно»
Преобразование плавающих окон во вкладки
Для того чтобы преобразовать плавающие окна во вкладки, перейдите в раздел «Окно» (Window) в строке меню в верхней части экрана, затем выберете «Упорядочить» (Arrange) и «Объединить все на вкладках» (Consolidate All to Tabs):
Перейдите в раздел «Окно» > «Упорядочить» > «Объединить все на вкладках» (Window > Arrange > Consolidate All to Tabs)
Теперь мои изображения снова стали открыты во вкладках с одним видимым снимком на экране:
Все плавающие окна преобразовались обратно во вкладки
Установка настроек программы Photoshop
Как только вы решите, в каком формате вы предпочитаете открывать документы (во вкладках или в плавающих окнах), вы можете настроить программу с помощью параметра в разделе «Установки» таким образом, чтобы в будущем все документы открывались в нужном виде. Для этого на компьютере с операционной системой Windows PC перейдите в раздел «Редактирование» (Edit) в верхней части экрана, далее выберите «Установки» (Preferences) (в самом низу предлагаемого перечня) и «Интерфейс» (Interface). Для операционной системы Mac перейдите в меню Photoshop, выберете раздел «Установки» (Preferences) и «Интерфейс» (Interface):
Открываем параметры раздела «Интерфейс» (Interface)
Это действие приведет к открытию диалогового окна параметров раздела «Интерфейс». Ближе к центру располагается параметр «Открывать документы во вкладках» (Open Documents as Tabs). По умолчанию, этот параметр отмечен галочкой, что означает открытие всех изображений во вкладках. Если вы хотите открывать изображения в плавающих окнах, уберите галочку с этого параметра:
Параметр «Открывать документы во вкладках» (Open Documents as Tabs)
Второй параметр, который расположен прямо под параметром «Открывать документы во вкладках», также важен. Возможно, его слишком трудно выговорить быстро, но, тем не менее, параметр «Включить закрепление окон незакрепленных документов» (Enable Floating Document Window Docking) отвечает за возможность наложения одного плавающего окна на другое, объединения окон вместе для создания вкладок внутри плавающего окна:
Параметр ««Включить закрепление окон незакрепленных документов» (Enable Floating Document Window Docking)
Чтобы наглядно показать вам, что имеется в виду, я открою два изображения в плавающих окнах и размещу их рядом. Я нажму на заголовок левого плавающего окна и начну перемещать его вправо, накладывая на второе окно. Как только левое окно начнет попадать на область правого окна, по контуру правого окна появится голубая рамка. Эта рамка говорит мне о том, что если я отпущу кнопку мыши в данный момент, программа объединит оба изображения вместе в одном плавающем окне:
Перемещение изображения из одного плавающего окна в другое
Я пойду дальше и отпущу кнопку мыши, в результате чего оба изображения объединятся как вкладки в одном плавающем окне, что может быть полезно при группировке на экране взаимосвязанных снимков. Как и при работе с обычными вкладками, я могу легко переключаться между объединенными изображениями, нажимая на их заголовки. Чтобы разделить изображения и разместить их обратно в отдельные плавающие окна, нужно просто нажать на один из заголовков и переместить изображение за пределы плавающего окна, после чего отпустить кнопку мыши:
Два изображения теперь объединены вместе внутри плавающего окна как вкладки
По умолчанию, параметр «Включить закрепление окон незакрепленных документов» нам доступен (отмечен галочкой), но если вы решите, что он вам не нужен, вы можете с легкостью его отключить, убрав галочку в разделе «Установки».
Закрытие вкладок и плавающих окон
И, наконец, чтобы закрыть отдельное изображение, открытое во вкладке, нажмите на маленький значок “x” на краю поля его заголовка:
Закрываем отдельную вкладку
Чтобы закрыть изображение, открытое в плавающем окне, нажмите на маленький значок “x”, расположенный в правом верхнем углу окна (для операционной системы Mac нажмите на красный значок “x” в левом верхнем углу):
Закрываем отдельное плавающее окно
Для того чтобы закрыть все открытые изображения, неважно, размещенные во вкладке или плавающем окне, перейдите в раздел меню «Файл» (File) в верхней части экрана и выберите пункт «Закрыть все» (Close All):
Выбираем раздел «Файл» > «Закрыть все» (File > Close All)
И вот мы закончили! Мы вкратце рассмотрели различия между открытием документов во вкладках и в плавающих окнах в программе Photoshop CS6! Посетите наш раздел «Основы Фотошоп» для дальнейшего изучения интерфейса программы, работы со слоями, выделениями и другими необходимыми инструментами! Или перейдите к последующим урокам, которые могут вас заинтересовать!
В предыдущем уроке мы узнали все о полностью переработанном диалоговом окне «Новый документ» в 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 эффект с другими параметрами для создания классного стиля взрыва в комиксах. Будет очень здорово, если вы поделитесь своими вариантами настроек, дающих оригинальные эффекты!
В данном уроке мы рассмотрим, как создать веб-форму с логином и паролем в программе Фотошоп. Для нашей работы мы будем использовать темные тона, а на заднем плане мы разместим текстуру боке, чтобы добавить яркости и живости нашему творению.
А теперь давайте приступим к самому уроку!
Шаг 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) с характеристиками, как показано на скриншоте ниже.
А вот и наш финальный результат.
Я надеюсь вы научились чему-то новому во время выполнения данного урока. Мы использовали красочный фон, чтобы придать живости нашему экрану веб-формы, а также светлые цвета для кнопки-призыва к действию, и сделали мы это все с помощью простых и понятных методов и техник.
Читайте также: