Вы можете использовать Фотошоп для любой опции редактирования изображения, например, обработка фотографий, создания высококачественной графики и многое другое. В этом уроке, мы представим вам интерфейс Photoshop, в том числе расскажем о том, как открыть файл, работать с панелью инструментов, настраивать рабочее пространство и изменять размер изображения.
Фотошоп является комплексной программой, и, возможно, кажется немного пугающей для использования впервые. По этой причине мы рекомендуем изучить вместе следующие уроки, загрузив наш (щелкните правой кнопкой мыши по ссылке, чтобы сохранить ее). Чем больше у вас будет практического опыта работы в Photoshop, тем легче вам будет использовать эту программу.
Об этом уроке
В этом уроке для того чтобы показать вам возможности в Фотошоп, мы будем использовать . Если вы используете старую версию Photoshop, такую как Photoshop CS5 или более раннюю — некоторые функции могут работать немного по-другому, но вы все равно сможете понять о чем идет речь. Однако, важно отметить, что если вы используете Photoshop Elements, некоторые из функций, которые мы будем обсуждать, могут воовсе отсутствовать.
Открытие файлов
В большинстве случаев, Вы хотите начать работу с открытия существующей фотографии, не создавая новый пустой файл. Photoshop позволяет открывать и редактировать существующие графические файлы, такие как.jpg или.png файлы, а также.psd (Photoshop) файлы.
Чтобы открыть файл:
Если вы пока не открыли Фотошоп, вы можете найти и щелкнуть правой кнопкой мыши на файл на вашем компьютере, и выбрать Открыть с помощью Photoshop
, чтобы открыть этот файл.
Обзор интерфейса Фотошоп
Поскольку Фотошоп предназначен в первую очередь для профессионального использования, его интерфейс может показаться немного сложным и пугающим для начинающих. Даже если у вас есть некоторый опыт работы с другим программным обеспечением для редактирования изображений, Вам будет полезно ознакомиться с различными частями интерфейса Photoshop.
1. Строка меню. Это то место, где вы будете выполнять различные команды Фотошоп. Например, из меню «Файл» вы можете открывать и сохранять файлы. Меню «Изображение» позволяет выполнять различные настройки, такие как размер фотографии и т.д. Меню «Фильтр» дает вам доступ к более продвинутым инструментам и эффектам.
2. Панель управления. Здесь вы можете самостоятельно настроить параметры для выбранного инструмента. Например, если вы используете инструмент кисть, вы сможете изменять размер кисти, жесткость, и многое другое.
Это один из самых важных и основных мест в Photoshop — это то, где вы будете выбирать необходимые инструменты для редактирования и обработки фотографий. После того как вы выбрали инструмент, вы сможете применить его с текущему документу.
4. Инструменты выбора. Эти инструменты позволяют выбрать определенную область текущего документа. По умолчанию будет инструмент «Прямоугольная область».
Другие инструменты, такие как Лассо и Волшебная палочка позволят вам выбрать конкретные объекты без выбора фона.
5. Инструменты рисования. Эти инструменты подобно инструментам рисования в реальной жизни. Например, инструменты Кисть или Карандаш позволяют рисовать на изображении, а Ластик позволяет стереть части изображения. Например, если вы сотрете часть слоя, то в нем отобразиться то, что под этой части слоя находиться.
В приведенном ниже примере, мы стерли часть черно-белого слоя, что выше цветного слоя.
6. Инструменты ввода. Этот инструмент позволяет добавлять текст к текущему документу. К примеру, вы можете использовать его, чтобы создать свою собственную пригласительную открытку.
7. Инструмент Форма. Этот инструмент позволяет вставлять формы, такие как квадраты, линии, эллипсы и другие.
8. Инструмент Выбора цвета. Здесь вы можете выбрать цвета для различных инструментов, таких как Кисть, Градиент, Заливка и т.д.
9. Окно документа. При открытии файла изображения, оно появится в окне документа. В верхней части окна документа вы увидите имя файла вместе с текущим масштабом. В нашем примере просмотр фотографии в 20,2% от полного размера.
10. Панель Слои.
Здесь вы можете увидеть слои текущего документа. Вы можете включить слой или выключить, нажатием на значок глаза.
Работа с инструментами и другими панелями
Панель инструментов является одним из наиболее важных особенностей в Photoshop, здесь можно выбрать различные инструменты для редактирования изображений. После того как вы выбрали инструмент, вы можете использовать его в текущем документе. Курсор изменит свой вид в зависимости от выбранного инструмента.
Чтобы выбрать другой инструмент нажмите на него и удерживайте, или кликните по нему правой кнопкой мыши. Например, вы можете нажать и удерживать инструмент прямоугольник, чтобы выбрать другие формы, такие как эллипс, линия или пользовательские формы инструмента.
Отображение и скрытие панели: Вы можете также просматривать и изменять информацию о текущем документе с помощью других панелей в рабочем пространстве, например, вы можете просмотреть слои документа в панели Слои . Чтобы показать или скрыть любую панель, выберите в меню Окно , затем выберите нужную панель — видимые панели обозначены галочкой. На рисунке ниже, мы используем меню Окно, чтобы показать на рабочем пространстве панель истории:
Вы можете использовать двойные стрелки, чтобы развернуть или свернуть панели. Это может быть полезно, если вы хотите временно скрыть панель, не удаляя ее из рабочего пространства.
Также Вы можете нажать клавишу Tab на клавиатуре, чтобы показать или скрыть все активные панели.
Если вы хотите изменить расположение панели, вы можете переместить ее, перетащив панель в другую часть рабочего пространства.
Однако, если вы планируете проходить наши уроки, рекомендуем пока оставить панели в местах, в которых они расположены по умолчанию. Для установки панелей в своих позициях по умолчанию, выберите Окно > Рабочая среда > Сбросить Основная рабочая среда.
Обратите внимание, что это действие может отличаться в зависимости от версии Фотошоп, которую вы используете. Например, в Photoshop Elements надо выбрать команды Window — Reset Panels.
Настройка среды Photoshop
Если вы хотите настроить Фотошоп, вы можете настроить параметры приложений по умолчанию. Большинство из этих вариантов в большей степени технические, но мы хотели бы показать вам две основные настройки, которые возможно будут вам полезными.
Чтобы настроить единицы измерения по умолчанию:
По умолчанию, размеры документа измеряются в дюймах. Если вы не редактируете изображения главным образом для печати, мы рекомендуем изменить эту настройку на пиксели.
- Выберите Редактирование > Установки > Единицы измерения и линейки . Если вы используете Mac, выберите Photoshop > Preferences > Units&Rulers.
- Появится диалоговое окно. В блоке настроек Единицы измерения , нажмите на меню рядом с Линейки, выберите Пиксели, и нажмите кнопку ОК. Возможно вам потребуется перезапустить Фотошоп, чтобы изменения вступили в силу.
Чтобы изменить размер текста:
Если вы хотите увеличить или уменьшить текст интерфейса Фотошоп, вы можете настроить размер шрифта приложения.
- Выберите Редактирование > Установки > Интерфейс (или Photoshop-Preferences-Interface на Mac).
- В блоке настройки Текст , выберите меню рядом с Размер шрифта меню, а затем выберите нужный размер. Возможно вам потребуется перезапустить Photoshop, чтобы изменения вступили в силу.
Изменение масштаба
При редактировании изображений в Photoshop, вы часто будете просматривать его в масштабе меньше чем 100% от полного размера, т.к. большинство современных цифровых камер делают большие фотографии, с высоким разрешением. На самом деле эти изображения настолько большие, что большинство экранов компьютеров просто не могут отобразить сразу все пиксели в изображении. Это хорошо, т.к. во время редактирования изображения вы будете иметь дополнительные детали для работы.
Если вы хотите увеличить или уменьшить масштаб, просто нажмите Ctrl + или Ctrl- (удерживайте клавишу Ctrl и нажмите кнопку + или -). Если вы используете Mac нажмите Ctrl + или Command-.
В приведенном ниже примере, вы можете увидеть документ на 20,2% полного размера. Обратите внимание, что вы можете увидеть текущий уровень масштабирования в верхней части окна документа, а также в нижнем левом углу экрана.
В отличии от предыдущего, пример ниже показывает то же изображение при 100% (полный размер). Обратите внимание, что только часть изображения видна при этом уровне масштабирования. При желании, вы можете использовать горизонтальные и вертикальные полосы прокрутки для просмотра других частей изображения.
Для масштабирования изображения до размеров окна документа, нажмите Ctrl + 0 (удерживайте клавишу Ctrl, а затем нажмите клавишу ноль). Если вы используете Mac, нажмите Command + 0.
В зависимости от графической карты компьютера, некоторые уровни масштабирования (например 33.33% и 66.67%) могут привести к тому, что изображения могут показаться неровными. Если это произойдет, вы можете увеличить масштаб до 25% или до 50%.
Используйте сочетания клавиш выше, чтобы настроить уровень масштабирования файла примера.
После того, как вы познакомились с интерфейсом Фотошоп, вы готовы к редактированию изображений. На следующем уроке мы поговорим об основных настройках, которые вы можете применить, таких как обрезка, изменение размера и вращение.
Несмотря на то, что Фотошопом пользуюсь всё реже и реже, к нему иногда приходится возвращаться. Скетч слишком плохо работает с растром (фактически никак), поэтому графику подготавливаю в Фотошопе. В этом посте поделюсь своими настройками интерфейса.
Первое - установить в привычном английском интерфейсе. Если этот шаг пропустить, что я делаю с завидной регулярностью, то Фотошоп по умолчанию установится с русским.
Открываем Creative Cloud, выбираем шестеренку → «Установки…». Открываем таб Creative Cloud → Apps: Язык приложения → English. Теперь приложения будут ставиться с английским интерфейсом.
После установки размещаю панели. Вот как они выглядят последние 3 года.
Все панели размещаю справа (давным-давно подсмотрел у Бирмана).
В настройках панели слоёв убираю все три чекбокса внизу.
«Use Default Masks on Fill Layers» добавляет ненужную маску, когда заливаем слой через «Solid Color…» в панели слоёв, а «Expand New Effects» разворачивает под слоем список эффектов после применения. «Add ‘copy’ to Copied Layers and Groups» выключаю, чтобы при копировании слоя к нему не добавлялось «copy», «copy 2» и т.д.
Панель «Info»
Здесь выключаю всё лишнее. Оставляю только цвета RGB и HSB.
Для того, чтобы в процессе работы выбрать любой объект на артборде, зажимаем cmd (Ctrl на Windows) и кликаем по нужному объекту.
Переключаюсь на Pen Tool (P) и ставлю в выпадающем меню настройки чекбокс «Rubber Band».
Это супер-полезная фича при обтравке картинок. Между точками появляется соединяющая их кривая, показывающая путь, который вы видите до того как поставили точку. В общем, проще один раз попробовать:-)
Убеждаюсь, что включен правильный цветовой профиль в разделе «View» → «Proof Setup» → «Internet Standart RGB (sRGB)» и установлена «галка» на «View» → «Proof Colors»
Эти настройки заставляют Фотошоп отображать цвета в стандартном для веба sRGB режиме.
Последнее время перешёл на 8-ми пиксельную сетку при построении интерфейсов сайтов и мобильных. Поэтому, иду в «File» → «Preferences» (cmd + k), вкладка «Guides, Grids & Slices». Здесь, в поле «Grid» устанавливаю «Gridline Every: 80 pixels», «Subdivisions 10». В результате этого, при включенной сетке отображаются блоки 80 x 80 px внутри разбытые на 10 частей по 8 px.
Оказывается, в последних версиях фотошоп умеет строить сетки из коробки. Для этого нужно пройти в «View» → «New Guide Layout…»
А ещё, я обязательно переназначаю пару хоткеев. Делается это в «Edit» → «Keyboard Shortcuts…».
Устанавливаю сочетание Control+Opt+Comd+T для трансформации выделения («Select» → «Transform Selection») и Control+Opt+Comd+C для Кропа артборда («Image» → «Crop»).
Все описанные выше настройки интерфейса можно сохранить, для того чтобы после переустановки не пробегать опять по всем менюшкам. Экспорт и импорт настроек интерфейса лежит в «Edit» → «Presets» → «Export/Import Presets…». Только перед экспортом сохраните свой Воркспейс в «Windows» → «Workspace» → «New Workspace…»
О том какие плагины, экшены и трюки использую при работе с Фотошопом, если вам интересно, напишу в следующем посте. Спасибо за внимание!
Дизайнер проводит до 80% рабочего времени в фотошопе. Он является одним из его основных Но тормоза и глюки программы негативно сказываются и на сроках сдачи макетов, и на железных нервах дизайнеров.
Поэтому сейчас мы поговорим о том, как правильно настроить фотошоп, чтобы повысить его производительность в несколько раз.
Общие
Перейти в настройки можно через Edit > Preferences > General (Редактировать - Настройки - Основные), или Ctrl+K. Если у вас MacOS: Photoshop > Preferences > General, или Cmd+K.
Интерполяция изображений (Image Interpolation)
По умолчанию, интерполяция стоит как Bicubik (best for smooth gradients). Вам необходимо изменить ее на Bicubik Sharper (best for reduction).
Рассказывать, что такое интерполяция я не стану, об этом вы можете прочитать в Википедии. Однако, стоит заметить, что этот параметр сильно влияет на качество оптимизируемых изображений.
Экспорт в буфер обмена (Export Clipboard)
Суть работы данного параметра в следующем: При создании макета, вы можете скопировать его в буфер обмена и вставить в любую другую программу. С одной стороны удобно. Но, как известно, размер изображений может варьироваться до бесконечности…
Переключение инструментов при помощи клавиши Shift (Use Shift Key For Tool Switch)
Если включить данную опцию, то листать инструменты определенной категории можно при помощи Shift + горячая клавиша инструмента.
Если же опцию выключить, перемещение между инструментами определенной категории осуществляется несколькими нажатиями на одну и ту же горячую клавишу.
ZOOM
Если вы хотите изменять масштаб при помощи колесика мыши - поставьте галочку на против Zoom with scroll wheel. Галочка напротив параметра Zoom resizes windows позволит автоматически изменять размеры окна при изменении масштаба. Zoom clicked point to center - параметр, который отвечает за центрирование изображения в том месте, в котором вы нажали инструментом Zoom tool.
Интерфейс
Теперь давайте я покажу, как настроить интерфейс фотошопа, перейдя во вкладку Interface (интерфейс).
Граница рабочего поля
По умолчанию, к границе рабочего поля добавляется тень, или еле заметная рамка. На наш взгляд это не очень удобно и даже мешает комфортной разработке макетов. Отключить эти параметры возможно, выставив в столбце Border значение None.
Вкладки документа
По умолчанию, новые файлы всегда открываются во вкладках. Настройки фотошопа позволяют это изменить и открывать файлы в плавающих окнах. Для этого просто уберите галочку с параметра Open Documents as Tabs (Открывать документы во вкладках).
Чтобы иметь возможность состыковывать окна, поставьте галочку напротив Enable Floating Document Window Docking.
Размер шрифта интерфейса (UI Font Size)
Если у вас плохое зрение, вы легко можете увеличить размер шрифта интерфейса. Для этого выберите один из трех вариантов в UI FONT SIZE.
Обработка файлов (File Handling)
Переходим во вкладку File Handling.
Максимальная совместимость PSD и PSB файлов
Важный параметр, который отвечает за совместимость созданного вами файла с другими версиями фотошопа. С одной стороны совместимость - это здорово, а с другой? Размеры файлов при включенном параметре значительно раздуваются.
Однако, вы должны понимать, что убрав совместимость - вы рискуете потерять некоторые слои, при открытии устаревших файлов. Кстати, вы можете почитать о том, как правильно организовать слои в ваших макетах.
Список недавно открытых файлов
Просто измените параметр Recent File List, если 10 для вас мало/много.
Производительность (Performance)
Самые важные настройки фотошопа, которые непосредственно влияют на производительность находятся во вкладке Performance.
Использование памяти (Memory Usage)
В вопросе памяти фотошоп ненасытен как дикий зверь - он сожрет все, что вы сможете ему предложить. Если ваш компьютер не отличается высокими показателями RAM - нужно изменить параметр от 70% до 90%.
История и кэш (History & Cache)
Параметр позволяет задать допустимое количество шагов «назад». Он сильно влияет на количество расходуемой памяти, поэтому увлекаться не нужно.
Резервные Диски (Scratch Disks)
При выборе резервных дисков, желательно не выбирать тот, на котором установлена сама программа. Так же не рекомендуется использовать USB диски, из-за низкой скорости соединения.
Включить OpenGL
Если у вас современная видеокарта, то не лишним будет включить OpenGL. Для этого надо поставить специальные драйвера.
Единицы и правила (Units & Rules)
Правильно настроить единицы измерения линейки можно, перейдя во вкладку Units & Rulers.
Если вы работаете с вебом - ставьте pixels, если с полиграфией - ставьте cm, или mm.
В заключение
Настройка фотошопа не займет у вас много времени, но это важный шаг на пути ускорения рабочих процессов, особенно на слабых ПК, особенно для
В дисплеях HiDPI и Retina от Apple предусмотрена возможность отображать больше пикселей на экране. В результате на экран выводятся более четкие изображения, однако иногда они отображаются в меньшем размере. Если возникает такая проблема, просматривайте изображения в Photoshop в масштабе 200 % (выберите «Вид» > «200 %»).
Photoshop CC (только для Mac)
Что нового в Photoshop CC касательно поддержки HiDPI?
Дисплеи HiDPI теперь поддерживаются следующими функциями в Photoshop CC для Mac OS:
- «Пластика»
- «Сохранить для сети»
- «Объединить в HDR»
- DICOM
- JPEG 2000
- Исправление перспективы
- Галерея фильтров
- Camera Raw 8.1
- Bridge CC
Photoshop CS6 (только для Mac)
Поддержка HiDPI добавлена в Photoshop 13.1 (версия для подписки) и 13.0.2 для держателей бессрочной лицензии, работающих в Mac OS. Поддержка HiDPI также добавлен для Camera Raw 8.1 в Photoshop CS6.
Кроме повышения разрешения интерфейса пользователя и четкости выводимых на экран изображений, каких изменений еще следует ожидать?
Ниже описано несколько существенных изменений в командах, комбинациях клавиш, и режимах поведения:
Новые или измененные команды
- Реальный размер элементов теперь составляет 100 % в меню «Вид», на панели инструмента «Масштаб» и в диалоговом окне «Комбинации клавиш».
- Для меню «Вид» теперь предусмотрен масштаб 200 %.
Новые комбинации клавиш
- Cmd + двойной щелчок (Mac OS) или Ctrl + двойной щелчок (Windows) на знаке «Масштаб», чтобы увеличить масштаб окна до 200 %.
- Shift + Cmd + двойной щелчок (Mac OS) или Shift + Ctrl + двойной щелчок (Windows) на знаке «Масштаб», чтобы увеличить масштаб всех окон до 200 %.
- В контекстном меню «Холст» теперь предусмотрен масштаб 200 % при использовании инструмента «Масштаб» либо инструмента «Рука».
- Можно назначить пользовательское сочетание клавиш для команды «Вид» > «200%»: выберите меню «Правка» > «Комбинации клавиш», чтобы открыть диалоговое окно «Комбинации клавиш».
Новые режимы поведения
- В средах с нескольким мониторами при перетаскивании окна с экрана HiDPI на обычный экран масштаб автоматически корректируется до приемлемого значения. С помощью такого поведения можно избежать слишком больших окон и чрезмерной перерисовки.
В каких операционных системах Photoshop CS6 поддерживает оригинальные HiDPI-дисплеи?
В текущих версиях Mac OS поддерживается использование оборудования HiDPI, в том числе дисплеи Retina, представленные на новых MacBook Pro. Реализация поддержки HiDIPI предположительно будет доступна и на других операционных системах и устройствах.
Предусмотрена ли поддержка технологии HiDPI в версиях Photoshop, предшествующих Photoshop CS6?
Нет, поддержка технологии HiDPI в версиях Photoshop, предшествующих Photoshop CS6, не планируется.
Совместимо ли приложение Camera Raw с технологией HiDPI?
В Camera Raw 8.7 и более поздних версиях, если используется Photoshop CC 2014.2 и включен параметр для изменения масштаба интерфейса до 200 %, Camera Raw также масштабируется.
Обратитесь к сторонним поставщикам внешних модулей, чтобы получить обновления для совместимости их внешних модулей с технологией HiDPI.
Предусмотрена ли в Bridge поддержка технологии HiDPI?
В Bridge CC предусмотрена поддержка дисплеев HiDPI.
