Содержание
Вы можете использовать Фотошоп для любой опции редактирования изображения, например, обработка фотографий, создания высококачественной графики и многое другое. В этом уроке, мы представим вам интерфейс Photoshop, в том числе расскажем о том, как открыть файл, работать с панелью инструментов, настраивать рабочее пространство и изменять размер изображения.
Фотошоп является комплексной программой, и, возможно, кажется немного пугающей для использования впервые. По этой причине мы рекомендуем изучить вместе следующие уроки, загрузив наш файл примера (щелкните правой кнопкой мыши по ссылке, чтобы сохранить ее). Чем больше у вас будет практического опыта работы в Photoshop, тем легче вам будет использовать эту программу.
Об этом уроке
В этом уроке для того чтобы показать вам возможности в Фотошоп, мы будем использовать Photoshop CS6. Если вы используете старую версию Photoshop, такую как Photoshop CS5 или более раннюю — некоторые функции могут работать немного по-другому, но вы все равно сможете понять о чем идет речь. Однако, важно отметить, что если вы используете Photoshop Elements, некоторые из функций, которые мы будем обсуждать, могут воовсе отсутствовать.
Открытие файлов
В большинстве случаев, Вы хотите начать работу с открытия существующей фотографии, не создавая новый пустой файл. Photoshop позволяет открывать и редактировать существующие графические файлы, такие как .jpg или .png файлы, а также .psd (Photoshop) файлы.
Чтобы открыть файл:
- Выберите Файл, далее Открыть.
- Появится диалоговое окно. Найдите и выберите файл на вашем компьютере, а затем нажмите кнопку Открыть.
- Файл откроется в Photoshop.
Если вы пока не открыли Фотошоп, вы можете найти и щелкнуть правой кнопкой мыши на файл на вашем компьютере, и выбрать Открыть с помощью Photoshop, чтобы открыть этот файл. 
Обзор интерфейса Фотошоп
Поскольку Фотошоп предназначен в первую очередь для профессионального использования, его интерфейс может показаться немного сложным и пугающим для начинающих. Даже если у вас есть некоторый опыт работы с другим программным обеспечением для редактирования изображений, Вам будет полезно ознакомиться с различными частями интерфейса Photoshop.
1. Строка меню. Это то место, где вы будете выполнять различные команды Фотошоп. Например, из меню «Файл» вы можете открывать и сохранять файлы. Меню «Изображение» позволяет выполнять различные настройки, такие как размер фотографии и т.д. Меню «Фильтр» дает вам доступ к более продвинутым инструментам и эффектам.
2. Панель управления. Здесь вы можете самостоятельно настроить параметры для выбранного инструмента. Например, если вы используете инструмент кисть, вы сможете изменять размер кисти, жесткость, и многое другое.
3. Панель инструментов. Это один из самых важных и основных мест в 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%.
Используйте сочетания клавиш выше, чтобы настроить уровень масштабирования файла примера.
После того, как вы познакомились с интерфейсом Фотошоп, вы готовы к редактированию изображений. На следующем уроке мы поговорим об основных настройках, которые вы можете применить, таких как обрезка, изменение размера и вращение.
Обучение нужно начать с самого первого этапа — знакомство с интерфейсом программы фотошоп. В этом уроке я покажу из каких основных частей состоит программа, как они называются и для чего нужны. В последующих статьях мы будем более детально говорить о каждой из них.
Какой бы версией фотошопа вы не пользовались, интерфейс, примерно, будет оставаться неизменным. Я буду показывать на примере Photoshop CS5.
Для большей наглядности, я записал видеоурок и продублировал его текстовой версией (кому как нравится):
Текстовая версия
На скриншоте ниже я отметил все основные части, из которых состоит программа.
Кликните, чтобы увеличить
Если вы посмотрите на верхнюю часть окна, то увидите Панель управления. Через нее осуществляется доступ к командам главного меню, а также управление интерфейсом. Для удобства пользователей, панель управления объединила в себе все части и элементы управления. Перечислять все команды я не буду. Мы будем планомерно в течении всего учебника по фотошопу обращаться к тем или иным командам, тем самым постепенно учиться в них ориентироваться.
Отмечу, что по сравнению со старыми версиями программы (до CS5), имеются определенные изменения, в частности появились кнопки запуска Adobe Bridge и ее укороченной версии, выполненной в виде дополнительного модуля — Mini Bridge. Очень полезная программа, рекомендую почитать мои обзоры о принципах работы.
Правее вы можете видеть другую кнопку – «Просмотреть вспомогательные элементы», при помощи нее на рабочей зоне фотошопа можно разместить сетки, линейки и направляющие. Эти инструменты играют немаловажную роль в облегчении работы с изображениями.
Далее, справа видим кнопку «Масштаб» — она, понятное дело, меняет размер изображения, находящегося в вашем рабочем пространстве. За ней идет кнопка «Упорядочить документы», нажав на нее, вы поменяете расположение изображений относительно рабочего пространства. Последняя кнопка – Режимы экрана. Она позволяет выбрать различные варианты для просмотра ваших изображений.
В данной версии программы также были внесены поправки и в окно для выбора Рабочей среды. Вы найдете специальные сборники инструментов по отдельным видам работ с изображениями. Ее предназначение – выбор наиболее частых параметров работы для определенного вида изображений для достижения более эффективных результатов как при работе обычными фотографиями, так и при создании анимации и 3D-графики. Для переключения между рабочими средами, достаточно нажать на кнопку и выбрать необходимый режим.
Чуть ниже панели управления находится Панель параметров (атрибутов). Тут все традиционно, т.е. содержимое панели зависит от того какой инструмент работы вы выбрали. С каждым новым инструментом состав панели параметров будет изменяться. Возьмете, например, инструмент «Текст», и в панели отобразятся такие параметры как: шрифт, размер шрифта, его местоположение, цвет и тд. Нажмете, например, инструмент «Кисть», панель покажет такие параметры кисти как: режим рисования, непрозрачность, нажим и тд.
Еще ниже, уже под панелью параметров, находится панель с вкладками. С помощью этих вкладок вы можете переключаться между загруженными фотографиями.
По центру находится Рабочая зона/рабочее пространство. Это та зона, про которую я уже упомянул выше. В данной зоне как раз и ведется работа с вашими изображениями. А слева от это зоны располагается Панель инструментов. В ней вы найдете все инструменты, которые можно применять для редактирования изображения. О каждом из них я расскажу отдельно.
Справа от рабочего пространства находится Область палитр. На данной панели находятся все элементы необходимые для различных манипуляций с изображениями. Все палитры, словно конструктор, можно собирать в отдельные блоки. По своему усмотрению, вы можете менять содержание этих блоков: можно поменять размер и местонахождение элементов на экране, скомпоновать эту панель на свой вкус и предпочтения.
Нажмите Tab чтобы скрыть все панели фотошопа и максимально освободить себе рабочее пространство. Выход из данного режима – повторное нажатие на Tab . А если нажать Shift+Tab , то можно скрыть только область панелей, при этом панель с инструментами, а также панель атрибутов останутся висеть. Выход из данного режима аналогичный.
И последнее, внизу под рабочей областью, маленькая полосочка – это Строка состояния. Она дает дополнительную информацию, которую также можно выбрать из выпадающего меню, кликнув по ней. Например, выберите «объем файла» и тогда можно следить за «весом» изображения.
Вот из таких основных частей состоит интерфейс фотошопа. Рекомендую внимательней посмотреть и все запомнить, потому что в последующих моих уроках, да, и уроках других авторов, используются эти же наименования. Вам нужно четко понимать о чем идет речь и куда смотреть.
Если ранее Вы использовали версии CS5 или более поздние версии этой программы, то при первом запуске интерфейс Photoshop CS6 покажется Вам несколько необычным. Рабочее окно нового Фотошопа выглядит значительно темнее, чем тот вид, к которому мы привыкли:
Интерфейс Photoshop CS6:
Причина Adobe для перехода на более темный интерфейс имеет смысл. При тёмной расцветке интерфейса он, то бишь интерфейс, как бы отступает на задний план, и нам становится легче сосредоточится на главном, т.е. на самом изображении. Для адаптации потребуется некоторое время, но, как только тёмный цвет окна станет для Вас привычным, то, скорее всего, Вы согласитесь, что Adobe сделали правильный выбор.
Но, тем не менее, Adobe даёт нам возможность изменения расцветки рабочего окна. Если всё-таки Вы решите, что интерфейс для Вас слишком темный и захотите вернуться к более привычной светло-серой расцветке, Вы сможете это сделать с помощью нажатия комбинации клавиш (Ctrl+F2 осветляет, Ctrl+F1 затемняет) или пройти по вкладке меню Редактирование —> Установки —> Интерфейс (Edit —> Preferences —> Interface)
Четыре вида рабочего окна интерфейса Photoshop CS6:
Также мы можем изменить цвет фона, окружающего непосредственно изображение, причём независимо от остальной части рабочего окна. Для этого зажмите клавишу Ctrl и просто щелкните правой кнопкой мыши в любом месте внутри этого пространства. При этом откроется меню со списком различных цветов:
Вы можете выбрать черный, темно-серый, средний серый или светло-серый цвета. Если Вы выбираете пункт "Заказной" (Custom), то фон приобретет заранее установленную расцветку. А установить заказную расцветку Вы сможете, кликнув по последнему пункту меню "Выбор иного цвета" (Select Custom Color), при этом откроется обычная палитра цветов, где Вы и сможете выбрать нужный колорит.
Однако, имейте в виду, что это выбрать иную расцветку, кроме нейтральной серой — не очень хорошая идея, так как при этом будет визуальное "вмешательство" цвета фона в изображение.
Горизонтальная регулировка размера палитр корректирующих слоёв
В Photoshop CS4 и CS5, также как и в новом CS6, корректирующие слои открывались в собственных палитрах, но эти палитры были слишком узкими для комфортной работы с регулировками. В CS6 этот недостаток устранён, появилась горизонтальная регулировка данных палитр. Производить изменения размера Вы можете, потянув за правый нижний угол диалогового окна палитры:
Увеличение размера предпросмотра шрифтов
Ещё одна новшество, которое порадует веб-мастеров и всех тех пользователей, кто часто работает с текстовым инструментом Фотошопа. В главном меню программы появился новый пункт — "Шрифт" (Type), который добавляет дополнительные настройки, напр., теперь можно увеличивать размер отображения шрифтов в окне выбора, добавляет новые палитры стилей символов и абзацев, и многое другое:
Новая панель свойств (Properties Panel)
Интересным дополнением к пользовательскому интерфейсу Photoshop CS6 является новая панель свойств (Properties). По существу, это динамическая панель, которая отображает изменения, основанные на типе слоя, который вы выбрали. По умолчанию она расположена справа в рабочем окне программы отображает информацию о масках, корректирующих слоях и 3D-свойства:
Пример панелей свойств, слева направо, панель свойств маски, свойства корректирующих слоёв, свойства 3D:
Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.
Преимущества: гибкие настройки. Вы можете задать в настройках, чтобы фонарик сразу включался при запуске приложения и автоматическое включение таймера при запуске приложения. Настройки позволяют отключить блокировку экрана и блокировку фонарика кнопкой включения телефона. Также вы можете самостоятельно установить время таймера.
Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.
Заранее благодарен, Дмитрий.
QR-код для установки:
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!