Как работать с фотошопом сс: Блог об интернет-маркетинге и воронке продаж

Фотошоп СС. Изучаем панель инструментов Photoshop CC.

Все инструменты Photoshop находятся в вертикальной панели инструментов с левой стороны экрана. Однако хотя в панели инструментов число инструментов весьма велико (по сравнению лишь с шестью инструментами в Lightroom), по этому поводу не стоит нервничать, потому что многие из них мы никогда не используем. Кроме того, как только вы поймете, как организована работа с инструментами в Photoshop, то убедитесь, что работать с ними легче, чем кажется на первый взгляд. Здесь рассказывается о самых важных вещах, которые следует знать в панели инструментов Photoshop.

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

Доступ к другим инструментам фотошопа

Инструменты, которые видны на панели ин­струментов Photoshop, это те, которые, по предположению Adobe, используются чаще всего. Но если в нижнем правом углу кноп­ки инструмента есть маленький треугольник, это означает, что под этим инстру­ментом находятся другие, вложенные (скры­тые) инструменты. Щелкните и держите нажатой клавишу мыши на таком инструменте, и появится небольшое меню, показывающее другие («вложенные») инструменты. Например, если щелкнуть и держать нажатой клавишу мыши на инструменте Dodge (Осветлитель), появляются инструмент Burn (Затемнитель) и инструмент Sponge (Губка) (для уменьшения насыщенности). В примере, показанном здесь, если щелкнуть и держать нажатой клавишу мыши на инструменте Quick Selection (Быстрое выделение), появляется его кузен, инструмент Magic Wand (Волшебная палочка).

Клавиши быстрого вызова

Большинству инструментов назначена одна клавиша быстрого вызова (или быстрая клавиша).

Некоторые из них являются первой буквой названия инструмента, как L для вызова инструмента Lasso (Лассо) или B для вызова инструмента Brush (Кисть), но есть некоторые, ассоциация с которыми не столь очевидна; так нажатие V вызывает инструмент Move (Перемещение). Такие однобуквенные быстрые клавиши очень удобны, но проблема состоит в том, что на 71 инструмент приходится только 26 букв алфавита. Для ее решения вложенные инструменты совместно используют одну и ту же быструю клавишу. Например, нажатие клавиши I вызывает инструмент Eyedropper (Пипетка), но под ним находятся пипетки еще двух видов, а также несколько других инструментов — все вложенные под инструмент Eyedropper (Пипетка), и они все используют совместно одну и ту же быструю клавишу. Чтобы переключиться через все вложенные инструменты, просто добавьте к быстрым клавишам клавишу Shift. Например, каждый раз при нажатии Shift+I активируется следующий вложенный инструмент, который при этом отображается в кнопке на панели инструментов.

У большинства инструментов фотошопа имеются опции

Когда вы щелкаете любой инструмент, наверху экрана в панели параметров появляются все функции или средства управления этим инструментом (здесь показана часть опций инструмента Magic Wand (Волшебная палочка)). Чтобы возвратить опции к их настройкам по умолчанию, щелкните правой клавишей мыши значок инструмента на левом конце панели параметров и из выпадающего меню выберите опцию Reset Tool (Восстановить инструмент).

Основной и фоновый цвета

В нижней части панели инструментов есть два больших цветовых образчика: верхний – Foreground color (Основной цвет) и нижний – Background color (Фоновый цвет). При закрашивании кистью образчик Foreground color (Основной цвет) покажет цвет, которым будет осуществляться закрашивание (в нашем примере слева, текущий Foreground color (Основной цвет) – черный цвет).

Образчик Background color (Фоновый цвет) показывает цвет при использовании инструмента Eraser (Ластик) (здесь этот цвет белый). Чтобы изменить цвета, щелкните один раз образчик, активируя селектор цвета Photoshop. Для выбора цвета щелкните узкую среднюю градиентную панель, затем выберите яркость цвета щелчком в большом квадрате слева. Чтобы возвратить цветные образчики к их установкам по умолчанию (черный/белый), нажмите клавишу D. Чтобы обменять между собой цвета Foreground/ Background (Основной / Фоновый), нажмите клавишу X.

Adobe Photoshop CC 2014: что нового? / Хабр

Сегодня компания Adobe выпустила глобальное обновление для всех продуктов линейки Creative Cloud. И заодно сменился дизайн сайта www.adobe.com.

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

Вот как выглядят заставки при запуске у Photoshop CC 14. 2.1 и Photoshop CC 2014:

Немного поменяли вид в окне About:

А вот так выглядят «альтернативная» заставка у обеих версий, которая вызывается (на Mac) по Photoshop > About Photoshop… с зажатыми клавишами Alt и Cmd:

Иконка у приложения практически не поменялась.

Новый фотошоп загружается на моем компьютере где-то на 5-6 секунд быстрее, общее время запуска составляет 12 секунд. В работе новый фотошоп чуть более шустрый, чем предшественник, но особо сильно не ускорился. А вот памяти он кушает на 20-30 мегабайт больше.

Надо сказать, что теперь при выходе Photoshop CC (2014) на моем компьютере всякий раз выдает ошибку. Очевидно, этот баг исправят в следующем обновлении. Но не очень-то приятно.

Первым делом бросается в глаза небольшое изменение в стиле контролов у диалоговых окон. Кнопки и чекбоксы теперь выглядят несколько иначе. Вот как было в PS 14.2:

А вот так в новой версии:

Как видно, окна стали более компактными, расстояния между контролами чуть увеличились, текст слева стал крупнее, фон окон немного потемнел, а все кнопки и чекбоксы утратили голубой оттенок и стали более плоскими. Словно бы Adobe готовятся к выходу Yosemite, но не решились сделать полный «флэт», а осторожно убавили уровень градиентов. Поначалу такой вид немного напрягает, но потом быстро привыкаешь.

На всех панелях увеличили размер шрифтов, так что теперь не нужно напрягать зрение на больших мониторах:

Небольшие изменения коснулись окна New: теперь опции Advanced показаны всегда, их не нужно открывать дополнительным кликом, а в окне создания нового пресета переименовали некоторые пункты:

Окна открытия и записи документов, а также Save for Web особых изменений не претерпели.

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

Самое, пожалуй, главное нововведение, которое понравится многим — возможность динамически отслеживать расстояния до границ объектов и краев документа. Очевидно, что данная функция была позаимствована у программы Sketch, о чем я писал в своей недавней статье.

Теперь при копировании объекта с нажатой клавишей Alt динамически отображаются все расстояния от границ оригинала:

При зажатой клавише Cmd (Ctrl в Windows) и наведении до какого-либо объекта показывается расстояния до него. Причем это значение динамически меняется, если двигать объект стрелками на клавиатуре:

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

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

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

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

Кстати, о размерах. Теперь есть возможность импортировать гигантские PNG файлы с размером аж до 2 Гб.

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

Добавили поддержку TypeKit и поиск по шрифтам.

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

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

Для веб-разработчиков добавилась приятная мелочь: теперь в команду Copy CSS попадает так же эффект Inner Shadow.

Очень любопытно поступили с эффектами размытия. Теперь их несметное количество. И разделены они на Blur (Average, Blur, Blur More, Box Blur, Gaussian Blur, Lens Blur, Motion Blur, Radial Blur, Shape Blur, Smart Blur, Surface Blur) и Blur Gallery (Field Blur, Iris Blur, Tilt-Shift, Path Blur, Spin Blur). Всего 16 типов размытия! При этом напрочь отсутствует возможность размытия нижележащих слоев, как это сделано в Sketch. Да, без Background Blur дизайн приложений для iOS несколько затрудняется. Мне кажется, что не стоило плодить такую невообразимую когорту разнообразных блуров, а вполне можно было попробовать объединить их все в какой-то единый интерфейс и дать возможность выбирать тип размытия уже внутри. А еще лучше, если бы сделали размывку в виде эффекта, включаемого в стили, как это и сделано в Sketch.

Наибольшего внимания заслуживают типы размытия Path Blur и Spin Blur. Определенному кругу дизайнеров эти новшества покажутся очень удобными и полезными.

Path Blur позволяет размывать объект вдоль редактируемой кривой, что может оказаться весьма полезным для создания шлейфа у движущегося объекта:

А Spin Blur придется как нельзя кстати для тех, кто хочет оживить колеса автомобилей, мотоциклов, велосипедов и т.п.:

Появилась возможность отделить находящееся в фокусе изображение от более размытого фона. Для этого появилась опция Select > Focus Area:

У инструментов и команд серии Content-Aware (Fill, Patch, Move, Extend) добавили опцию цветовой адаптации замещаемого участка, что позволяет добиться более реалистичного смешения границ:

Вот как выглядит Content-Aware Extend в предыдущей версии фотошопа (A) и в версии 2014 (B):

Причем, у инструментов Move, Extend и Patch добавилась регулировка уровня цветовой адаптации:

Также обновления коснулись Photoshop Generator, работы с 3D-объектами, синхронизации, улучшенной поддержки текстур и т.д.

Увы, кроме вышеупомянутого Background Blur до сих пор не сделали внятную работу со стилями, как это реализовано в Sketch, не добавили множественных заливок, теней и обводок, не внедрили субпиксельный рендеринг для шрифтов и не попытались хоть как-то оптимизировать workflow под более современные тренды.

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

Полный список нововведений и улучшений можно посмотреть здесь:

• О Photoshop 2014 на русском языке
• О Photoshop 2014 на английском языке

Полный обзор нововведений на английском можно посмотреть на этом видео:

Как использовать маски слоя Photoshop

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

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

Что такое маска слоя Photoshop?

— через A Plane Ride Away

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

Если использовать простую аналогию, маски слоя Photoshop работают аналогично маскам бала-маскарада. Эти маски скрывают одни области лица человека и открывают другие — часто глаза, нос и рот. Точно так же маски слоя Photoshop можно использовать для скрытия и отображения частей слоя.

Зачем использовать маски слоя?

Я имею в виду… нельзя ли просто использовать ластик для удаления частей изображения? Да! Однако, если вы это сделаете, эти части изображения будут потеряны навсегда. Этот метод заключается в том, что мы считаем деструктивным рабочим процессом.

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

Учебное пособие по слой-маске

—

Photoshop предоставляет полный набор функций для работы со слоями-масками. Давайте начнем с добавления маски слоя к слою.

Сначала выберите слой, который вы хотите замаскировать (в этом примере Слой 1 ), затем нажмите кнопку маски слоя, как выделено выше. Кроме того, вы можете перейти к Слою > Маска слоя> Показать все (мы вернемся к другим параметрам позже). Как видно из приведенного выше примера, справа от миниатюры изображения появляется белый прямоугольник.

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

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

Маска слоя, заполненная черным

Что произойдет, если мы заменим белые пиксели маски слоя черными пикселями? Просто щелкните миниатюру маски слоя, затем выберите Edit > Fill . Выбираем черный. Мгновенно мы видим, что миниатюра маски слоя становится черной, а соответствующий слой исчезает с холста — открывая облака в Layer 2 !

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

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

Слой-маска с градиентом

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

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

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

Слой-маска с фотографическим содержимым

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

Для начала давайте создадим маску слоя на слое «Fade». Затем скопируйте содержимое слоя гипса, щелкнув его миниатюру, а затем нажав 9.0036 Ctrl/Command + A , чтобы выделить все, затем Ctrl/Command + C , чтобы скопировать.

Чтобы вставить это изображение в маску слоя на слое штукатурки, нам нужно войти в «параллельную вселенную» маски слоя, и мы делаем это, удерживая alt/option , а затем щелкнув миниатюру маски слоя.

Теперь на холсте отображается содержимое маски слоя. Круто, да? Вставьте изображение гипса, нажав Ctrl/Command + V .

Чтобы покинуть эту «параллельную вселенную» (разве это не забавно?), просто щелкните миниатюру слоя (заглавная буква «T»). Большой! Теперь «Fade» имеет гипсовую текстуру, сквозь которую просвечивает часть цветного фона.

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

Звено цепи

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

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

Заключение

—

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

Как еще вы использовали маски слоя Photoshop? Комментарий ниже!

Учебное пособие по редактированию фотографий с двойным видом в Photoshop

Автор сценария Стив Паттерсон.

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

Вы когда-нибудь обнаруживали, что приближаетесь к определенной области фотографии, возможно, осветляя чьи-то глаза или отбеливая зубы , или вы, возможно, панорамировали изображение в поисках незначительных пятен на коже или следов пыли на старинной фотографии, и у вас возникли проблемы с оценкой того, насколько эффективны ваши правки, потому что вы находитесь слишком близко к изображению? Разве не было бы здорово, если бы вы могли видеть всю фотографию во время работы, независимо от того, насколько вы увеличены? Конечно, вы всегда можете увеличить масштаб, чтобы внести несколько правок, уменьшить масштаб до 100% размера просмотра, чтобы оценить результаты, увеличить масштаб назад, чтобы внести еще несколько правок, уменьшить масштаб, вперед и назад, снова и снова, но кому это нужно? сделать это, особенно когда есть гораздо лучший и более простой способ! Просто откройте то же изображение во втором окне документа!

Вот фотография, которая сейчас открыта в Photoshop. Здесь я использую Photoshop CS4, но этот совет работает с любой версией:

Исходное изображение, открытое в Photoshop.

Допустим, я хотел поработать над глазами женщины, либо осветлить их, либо изменить их цвет. Мне нужно увеличить ее глаза, поэтому я возьму Zoom Tool из палитры Tools и выделю прямоугольное выделение вокруг ее глаз. Когда я отпускаю кнопку мыши, Photoshop увеличивает выбранную область:

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

Проблема в том, что я все еще хотел бы иметь возможность видеть остальную часть фотографии во время работы, чтобы я мог лучше понять, как вносимые мной изменения влияют на общее изображение. Как я уже упоминал, я мог увеличивать и уменьшать масштаб во время работы, но гораздо лучшим решением было бы открыть второе представление изображения в отдельном окне документа. Для этого просто зайдите в меню Window в верхней части экрана и выберите Упорядочить . Вы увидите параметр Новое окно для , за которым следует имя изображения, которое вы в данный момент открытое. В моем случае имя моего изображения — «knitted_cap.jpg», поэтому мой вариант отображается как «Новое окно для связанного_cap.jpg»:

Перейдите в меню «Окно» > «Упорядочить» > «Новое окно для» (вставьте здесь название вашего изображения).

Это открывает точно такое же изображение во втором окне документа. Если вы работаете в Photoshop CS4 , как я здесь, поведение Photoshop CS4 по умолчанию заключается в открытии новых окон в виде серии из документы с вкладками . Поднимитесь на новую панель приложений в верхней части экрана, щелкните значок Упорядочить документы , затем щелкните макет документа 2 Up с двумя столбцами:

В Photoshop CS4 выберите макет из двух столбцов «2 вверх» в параметре «Упорядочить документы».

В Photoshop CS3 и более ранних версиях выбор «Окно > Упорядочить > Новое окно для (имя вашего изображения)» открывает изображение во втором плавающем окне документа. Чтобы разместить окна документов рядом друг с другом, просто щелкните область вкладок в верхней части окон документов и перетащите их на место. Или поднимитесь на Окно меню, выберите Упорядочить , а затем выберите Мозаика по вертикали :

В Photoshop CS3 или более ранней версии выберите «Окно» > «Упорядочить» > «Мозаика по вертикали».

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

Два вида одной и той же фотографии с двумя разными уровнями увеличения.

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

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

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

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

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

Просто для удовольствия я возьму Photoshop History Brush из палитры инструментов (я также могу нажать букву Y на клавиатуре, чтобы выбрать ее с помощью ярлыка):

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

Историческая кисть похожа на версию машины времени в Photoshop, позволяя нам рисовать предыдущие состояния истории обратно в изображение. Например, я могу восстановить первоначальный цвет кепки женщины, закрашивая ее с помощью Исторической кисти. Я выберу окно документа слева (увеличенное изображение) и начну закрашивать ее кепку кистью. Несмотря на то, что я рисую в окне документа слева, оба окна документа показывают результаты того, что я делаю:

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

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