• ,

Учимся работать в Photoshop

Блок №4.


И снова ликбез:

Adobe Photoshop — многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop. В настоящее время Photoshop доступен на платформах Mac и Windows.

Рабочая среда)

Данный тутор будет по Adobe Photoshop CS6. Скачать его вы можете из Блока №2.

Дисклеймер

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

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


Рассмотрим их подробнее.

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


Левая панель инструментов.

В левой панели представлены различные инструменты для работы. У многих инструментов существует по несколько вариаций. Выбор нужного инструмента осуществляется кликом ЛКМ по нужному вам инструменту. Смена вариации — кликом ПКМ и выбором нужной из раскрывшегося чекбокса.
Расскажу про основные инструменты и некоторые их вариации:
  • Выделение области — позволяет выделять нужную вам определенную область заранее заданной формы (зажав ЛКМ и потянув)
  • Перемещение — позволяет перемещать нужные вам объекты (зажав ЛКМ и потянув), а также переключаться м/д слоями (нажав ПКМ раскроется свиток, где вы можете выбрать нужный вам слой)
  • Лассо — позволяет выделять нужную вам область той формы, которую вы хотите (нажав ЛКМ и потянув)
    В инструменте Лассо есть три вариации:

    • Обычное лассо — выделение производится так, как вы ведете мышь
    • Прямоугольное лассо — выделение также производится так, как вы хотите, однако только по прямым линиям м/д опорными точками (нажав ЛКМ вы зададите точку старта, каждый последующий клик ЛКМ создает опорную точку)
    • Магнитное лассо — выделение также производится так, как вы хотите, однако компьютер автоматически определяет линию выделения рядом с курсором (работает по контрасту + также можно задавать опорные точки)
  • Волшебная палочка — позволяет автоматически выделять нужную вам область по сходству цвета (нажав ЛКМ)
  • Раскройка — позволяет аккуратно и точно раскраивать изображение на фрагменты (зажав ЛКМ и потянув)
  • Пипетка — позволяет выбрать нужный вам цвет с изображения (нажав ЛКМ)
  • Восстанавливающая кисть — позволяет перемещать фрагмент изображения из заданной исходной точки (задание точки — Alt + ЛКМ) на нужную вам область (Зажав и потянув ЛКМ после выбора исходной точки)
  • Кисть — позволяет рисовать выбранным вами цветом (зажав ЛКМ и потянув)
    Кисть содержит следующие вариации:

    • Кисть — предназначен для прямого рисования цветом переднего плана (зажав ЛКМ и потянув)
    • Карандаш — похож на кисть, но созданные им линии имеют жесткие, резкие края (зажав ЛКМ и потянув)
    • Замена цвета — позволяет быстро и просто перекрашивать объекты любой сложности
    • Микс-кисть — имитирует рисование настоящей кистью с разной толщиной щетины и формы (с использование эффектов размытия и смешения цветов друг с другом.
  • Штамп — позволяет рисовать выбранным вами цветом через определенный трафарет (нажав ЛКМ)
  • Архивная кисть — позволяет производить восстановление того фрагмента изображения, по которому вы ей проведете до исходного (зажав ЛКМ и потянув)
  • Ластикколян обнуляет нули к нулям позволяет заменять выбранным фоновым вами цветом фрагмент изображения, т.е. «стирать» (зажав ЛКМ и потянув)
  • Заливка — позволяет автоматически заменять цвет (на предварительно вами выбранный) на нужной вам области по сходству цвета (нажав ЛКМ)
    У заливки 2 вариации:

    • Градиент — создает заливку с плавным переходом между двумя или несколькими предварительно заданными цветами.
    • Заливка — позволяет автоматически заменять цвет (на предварительно вами выбранный) на нужной вам области по сходству цвета (нажав ЛКМ)
  • Размытие — позволяет «размывать изображение» (зажав ЛКМ и потянув), т.е. уменьшать его резкость и контрастность, делать его менее четким
  • Губка — позволяет изменять насыщенность выбранного вами цвета в изображении (зажав ЛКМ и потянув) .
  • Перо — позволяет рисовать векторные фигуры с гладкими прямыми
  • Текст — позволяет писать тест нужного вам цвета, шрифта, фактуры и пр.
  • Стрелка — позволяет выделить каждую опорную точку контура и работать с ней независимо от других.
  • Векторная фигура — позволяет строить векторные фигуры из списка доступных
  • Рука — позволяет перемещаться по изображению (Зажав ЛКМ и потянув)
  • Масштаб — капитанить не хочу, думаю и сами догадаетесь
  • Редактирование в режиме «быстрая маска» — позволяет превращать контур выделения в маску.
  • Смена режима экранного отображения — это тоже очевидно

  • Цвет — управление основным и фоновым цветом

В инструменте Цвет сам цвет настраивается кликом ЛКМ по одной из картинок цветов (верхняя — основной цвет, нижняя — фоновый). При этом откроется окно, в к котором нужно выбрать нужный вам цвет из палитры или задать самому.
Окно выбора цвета
Окно выбора цвета
Кнопка переключает основной цвет на фоновый и наоборот. Кнопка заменяет основной и фоновый цвета на стандартные (основной — черный, фоновый — белый)

Правая панель инструментов
Правая панель инструментов

Рассмотрим некоторые кнопки и вкладки основной рабочей среды
  • Кнопка Рабочая среда позволяет переключать рабочую среду, подстраивая программу для более удобного управления при выполнении нужной задачи
  • Кнопка История позволяет просматривать произведенные вами действия и возвращаться назад, если вы хотите что-либо исправить.
  • Кнопка Свойства позволяет просматривать свойства выделенного фрагмента
  • Кнопка Информация позволяет просматривать информацию о выделенном фрагменте
  • Кнопка Источник клонов позволяет использовать до 5ти различный источников клонирования фрагментов изображения (используется в инструментах Клон/Штамп (Clone Stamp) или Восстанавливающая кисть (Healing Brush)), при этом можно редактировать различные параметры клонирования.
  • Вкладка Цвет позволяет самому задать нужный цвет, выбрав из палитры или задав его параметры
  • Вкладка Образцы позволяет задать нужный цвет, выбрав его из списка готовых
  • Вкладка Слои содержит слои изображения, с которыми вы работаете и позволяет их настраивать.
    Думаю, вы заметили, что у во вкладке Слои можно настроить дополнительные параметры слоев, однако я расскажу про параметр Закрепить. Этот параметр позволяет закреплять (сохранять) нужный нам слой, блокируя возможность совершения каких-либо манипуляций с ним.
    1. — запрет манипуляций с прозрачностью на выбранном слое
    2. — запрет манипуляций с цветом на выбранном слое
    3. — запрет перемещения выбранного слоя
    4. — запрет всего сразу
  • Вкладка Каналы содержит цветовые каналы изображения, с которыми вы работаете и позволяет их настраивать.

В самом низу содержатся кнопки панели инструментов, характерные для работы со Слоями/Каналами/Контурами:
  • Удалить — удаляет выбранный вами слой/канал/колнтур
  • Создать — создает новый, чистый слой/канал/контур
  • Создать группу — создает новую группу (применимо только для слоев)
  • — создает новый корректирующий слой или слой-заливу
  • Создать маску — создает слой/канал/контур-маску
  • — добавляет новый стиль слоя (применимо только для слоев)
  • — связывает слои (применимо только для слоев)


С панелями и основными инструментами мы разобрались, теперь приступим у управлению.

Управление
Как вы уже могли заметить, для применения на изображении выбранной вами операции/инструмента используется ЛКМ, а для настройки параметров — ПКМ


Выделяем Левой Кнопкой Мыши
Выделяем Левой Кнопкой Мыши
Открываем окно параметров Правой Кнопкой Мыши
Открываем окно параметров Правой Кнопкой Мыши

Вся работа в фотошоп строится на операциях со слоями (см вкладку Слои выше). Слоев может быть сколько угодно, на них может быть нарисовано что угодно и как вам вздумается. Слои могут располагаться в каком угодно порядке и иметь какие хочешь названия. На слои накладываются маски/фильтры/стили и пр.
Совет: используйте группы при работе со слоями, чтобы не возникало каши и путаницы при большом их количестве. Также хорошо давать слоям и группам запоминающиеся названия, характеризующие их (а не банальные «слой №1», «слой №2» и т.д.)


Понятие «слой» в программе Photoshop имеет точно такой же физический смысл как и в жизни — это прослойка или пласт, который является составной частью чего-то целого.
Давайте вспомним случаи, где нам встречается это понятие в реальной жизни?
  • Мы покрываем стены слоем краски.
  • Атмосфера Земли состоит из нескольких слоев.
  • Бутерброд состоит из слоя хлеба, слоя сыра, слоя колбасы и слоя огурца


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

Как это выглядит на изображении

Как это выглядит на изображении







Как это выглядит во вкладке Слои

Как это выглядит во вкладке Слои

Стоит заметить: чем выше слой во вкладке Слои, тем выше он и на изображении








На каждом слое мы можем создать свое изображение, которые вместе составят единую картину.
Настройки слоев
Стиль слоя
Кликом ПКМ на нужный нам слой во вкладке Слои мы откроем окно параметров слоев и возможных операций с ними. Там мы можем выбрать параметры наложения слоя на изображение (стиль слоя)

Окно параметров наложения
Окно параметров наложения


Маска слоя

Маска слоя представляет собой наложение непрозрачности на изображение, для этих целей используется градация цвета от белого к чёрному по типу градиента. Это означает, что она скрывает либо показывает область изображения слоя в зависимости от оттенка цвета. Во время применения слой-маски изображение становится чёрно-белым. Маска слоя использует белый, черный и все оттенки серого цвета между ними; белый означает, что площадь слоя под маской будет на 100% видимой, черный цвет означает, что область слоя под маской будет на 100% прозрачной. Таким образом, вы можете играть с этим черно-белым изображением для получения плавного эффекта перехода или эффектов полупрозрачности


Фильтры
Галерея фильтров
Увеличить


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


Бонус №1
И снова в качестве бонуса я прикладываю список горячих клавиш и клавиатурных комманд.
Он с другого портала (клик)

Бонус №2
Сам для себя открыл недавно, что в Photoshop CS6 можно редактировать ВИДЕО! Да-да, это не шутка!



  1. Теперь Вы можете открывать свои видео-файлы, снятые на камеру, как обычные фотографии, в основном окне. Для работы с этими файлами появилась новая панелька — Timeline.
  2. Свои видео ролики теперь можно урезать, передвигать, добавлять новые. Появилась возможность вставлять между видео переходы — Crossfade, Fade через черное, исчезание в белое или через цвет (всего 5 эффектов). Время перехода Вы можете установить сами(очень удобно)
  3. Монтаж ролика происходит через палитру слоев — тепрь там появились новые слои добавленного видео.
  4. Появилась возможность добавлять текстовые слои —Теперь Вы можете добавить текстовую информацию к своему ролику(где-то это уже было… где то в прошлом веке…)
  5. Для всех видео-слоев Вы можете устанавливать прозрачность и стиль. Правда сделано это неудобно.
  6. Добавлять можно не только видео-слои, но и аудио. Правда как регулировать громкость не очень понятно.
  7. Результат работы сохраняются в файлы *.psd, но это, для дальнейшего редактирования. Конечный ролик получается в *.mov.
  8. Экспорт видео делается с помощью контекстного меню.
  • +2

  • 1

21 комментарий

NKA
  • NKA
  • 0
Все или чего забыл?
scutosaurus
Вообще нужное… Но не владеть фотошопом… Надо быть полным ослом(теже фотки-их же надо редить в жизни, а не тупо печатать). Лучше поищи статьи про текстурирование. Или мекингОф типо такого:
www.render.ru/books/show_book.php?book_id=1284
NKA
Эм, что не так? Ты можешь что-то конкретное по улучшению статьи предложить?

Влад, говорю: пишу статьи для зеленых. Это «0 уровен», те кто фотошоп в первый раз видит. Они не должны все расжевывать, они должны учиться ориентироваться, и учить как нужно самому УЧИТЬСЯ. Ну и от некоторых «подводных камней» предохранять.

А мейкинг оф. можно будет на 4 этапе обучения дать.
Dimuch62
пффф, Паинтом пользовался и до сих пор пользуюсь! Хотя фотошопом все же больше.
NKA
Посмотрю, как ты текстуры в пеинте рисовать будешь.
scutosaurus
те кто фотошоп в первый раз видит
Таким я сорветую это
_________________________
/////////////////////////
— Чтобы знать фотошоп не нужно быть художником.моделлером… Это же как ворд, браузер или виртуалДаб)
NKA
Таким я сорветую это
_________________________
/////////////////////////

Что это?

Статья уже написана, зеленые новички радостно хлопают в ладошки, поэтому полемику разводить поздно.
Ты можешь что-то конкретное по улучшению статьи предложить?
scutosaurus
Это?) СТЕНА.
Ты можешь что-то конкретное по улучшению статьи предложить?
Попробую пояснить… Эх.
Ну представь-написал я статью для новичков, которые собрались модить. статью про выключение компьютера. ЧТО тут добавить?
Adobe Photoshop не знает только упоротый идиот, который садиться поиграть за компьютером и не более. Зачем про него что-то писать? Тогда нужно рассказать и про ворд, и как сообщения на форумах отправлять и т.д. Это все в помощь модеру).Да… именно так.
Нужны действительно статьи. Как например сделать текстуру контрастнее, ресче и т.д.
NKA
Это будет со 1го уровня
Slavik97
Adobe Photoshop не знает только упоротый идиот, который садиться поиграть за компьютером и не более.
я незнаю как пользоваться фотошопом только из а того что у меня раньше небыло причины и теперь я благодарен за этот туториалу и да этот туториал ешё не по модингу а по подготовке к нему но это всё обосновано ведь не каждый умеет пользоваться тридемаксом и фотошопом что сокращает время проведенное в интернете на поиск туториалов по пользованию этими програмами.
и вы обозвали всех не умеюшищх пользоваться фотошопом из а не надобности «упоротыми идиотами, которые садятся поиграть за компьютером и не более».
Slavik97
Включая меня.
Slavik97
И основной мой вопрос как переключить цвет интерфейса просто на админе у меня белого цвета интерфейс а на моём профиле тёмный.
Unwelcom
щито?
Slavik97
я не понял что за щито? я ГОВОРЮ ЧТО НА АДМИН ПРОФИЛЕ МОЕГО КОМПА у меня почемуто панели светлые а на моём рабочем темные.
NKA
Настроить фотошоп под себя вы можете нажав кнопку Редактировние на верхней панели и выбрав нужный пункт из раскрывшегося списка


Я специально даже там картинку добавил
scutosaurus
NKA, слушай выложи на сусе www.redsys.ru/forum/index.php?showforum=42 Абрамс. Он развернут(кроме траков), 1706 трисов. Делал для портфолито но времени нет совсем(.
webfile.ru/6581373
NKA
ок, только почему ты не пользуешься ЛС?
scutosaurus
Тут есть личка Оо? Прогресс. Но нет времени. Короче я получил права на модб -я админ. Снес Юниверс Детроита pixs.ru/showimage/Bezimeni1j_5324783_8314891.jpg и Революшин Ивана pixs.ru/showimage/Bezimeni1j_9537713_8314893.jpg Нужно запостить это в тему выходки Егорова. ЭТО ДОЛЖЕН видить Хасан во избежания сноса др. проектов.
NKA
А почему ты сам не запостишь? Левые акки на сусе есть.
И как тебе там во 2ой раз админку дали?
scutosaurus
Ну и где продолжение статей?.. Мог бы на ютуб мой тутор залить вместо ср-а на сусе). Вообще порядок должен быть такой.
1. Грамотные материалы по геометрии.
2.Развертка не через…
3. Рисование текстур.
NKA
Пишу. Я еще и уже написанные статьи дополняю, если заметил. Да, и я нигде не говорил, что я буду писать туторы по порядку))

Если бы кто помог, дело шло бы быстрее...

+ у меня инет отключали на 4ро суток, а с телефона особо статей не попишешь...


ДА, и пиши лучше в личку, а то я отписался от комментов, мне оповещения не приходят.

Оставить комментарий