В этом уроке мы будем делать вот 

такую простенькую анимацию

 

Серия сообщений "Мои уроки по ФШ":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Урок по блестяшкам от MissKcu
...
Часть 34 - Анимация "Передвижение". Авторский урок от MissKcu
Часть 35 - Урок "Как сделать из фотографии рисунок в Фотошопе"
Часть 36 - Урок анимации с помощью инструмента "Осветлитель" от MissKcu

Серия сообщений "видео-уроки":

Часть 1 - Уроки фотошопа.
Часть 2 - Урок для новичков. Создать презентацию просто
...
Часть 43 - урок - вращение шара в Sothink SWF Quicker
Часть 44 - видеоуроки Corel PaintShop Pro X3+X4
Часть 45 - КАК СДЕЛАТЬ КРАСИВУЮ НАДПИСЬ В Ф/Ш
Часть 46 - Фотомонтаж: Замена лица в Photoshop CS5

Изучаем Adobe Photoshop CS5. Обучающий видеокурс (2010)...

с сайта © TeachVideo.ru 2012

Инструмент «Быстрое выделение»

← Инструмент «Волшебная палочка»                                                                                       Инструменты «Кисть» и «Каранда... →

 

 

Оглавление

Общий обзор Adobe® Photoshop® CS5
	1.	Новое в Adobe® Photoshop® CS5	2:08
	2.	Интерфейс Photoshop® CS5	4:05
	3.	Переключение рабочей среды	2:53
	4.	Работа с панелями	2:50
	5.	Панель «История»	1:42
Работа с файлами
	6.	Открытие файла	1:06
	7.	Создание нового файла	2:23
	8.	Сохранение изображения	1:35
	9.	Навигация по рабочему пространству	3:44
Первичная обработка изображений
	10.	Работа со слоями	4:35
	11.	Работа с масками	3:04
	12.	Работа с каналами	1:40
	13.	Работа с направляющими	2:13
	14.	Палитра «Цвет»	1:43
	15.	Изменение размеров изображения	2:00
	16.	Обрезка изображений	2:01
	17.	Трансформация изображения	2:28
	18.	Цветовые режимы	2:23
	19.	Корректирующие слои	2:01
	20.	Заливка с учетом содержимого	1:57
	21.	Марионеточная деформация	3:20
Инструменты выделения
	22.	Обзор панели инструментов	2:21
	23.	Магнитное Лассо - инструмент выделения	4:16
	24.	Инструмент «Волшебная палочка»	2:50
	25.	Инструмент «Быстрое выделение»	1:46
Инструменты рисования и заливки
	26.	Инструменты «Кисть» и «Карандаш»	4:31
	27.	Инструмент "Замена цвета"	2:43
	28.	Инструмент «Микс-кисть»	1:34
	29.	Инструмент «Ластик»	1:59
	30.	Инструменты «Градиент» и «Заливка»	2:29
Инструменты ретуширования
	31.	Инструмент «Восстанавливающая кисть»	2:30
	32.	Инструмент «Точечная восстанавливающая кисть»	1:41
	33.	Инструмент «Заплатка»	2:14
	34.	Устранение эффекта красных глаз	2:35
	35.	Инструмент «Штамп»	1:23
	36.	Инструменты «Размытие», «Резкость» и «Палец»	1:58
	37.	Инструменты "Осветлитель" и "Затемнитель"	2:24
	38.	Инструмент «Губка»	1:49
Фильтры
	39.	Стандартные фильтры	3:36
	40.	Галерея фильтров	2:48
	41.	Фильтр «Пластика»	2:32
	42.	Фильтры размытия изображения	3:56
Векторные объекты и текст
	43.	Инструменты для работы с векторными объектами	3:23
	44.	Работа с текстом	2:20
	45.	Стили	1:51
Работа с 3D-графикой
	46.	Создание 3D-слоя	3:13
	47.	Инструменты управления 3D моделью	3:21
	48.	Создание 3D-поверхностей	1:55
Конечная подготовка изображений для сохранения и печати
	49.	Подготовка изображения для публикации в Web	3:00
	50.	Сохранение и оптимизация изображения для Web	2:48
	51.	Печать изображений	1:23

Текст урока

Photoshop - Урок 12. Рисование - магнитное перо.

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

Для дальнейшей работы нам понадобится изображение какого-нибудь предмета, например, чашки. Мы будем рисовать ее контур. Для этого:

1. Выберите инструмент "Свободное перо" и поставьте флажок у "Магнитное". Теперь задайте параметры инструмента:

       -Погрешность - задает чувствительность к движениям мыши (от 0,5 до 10 пикселов).

       -Ширина - перо обнаруживает края только в пределах указанного расстояния от курсора (1-256 пикселов).

        -Контрастность - указывает контраст между пикселами области, наличие которого будет считаться признаком края. Для слабоконтрастных изображений используйте большее значение ( 0-100%).

        -Частота - указывает, как часто перо создает узловые точки (от 0 до 100).

2. Щелкните по изображению, чтобы установить первую точку привязки.

3. Теперь ведите мышкой вдоль границы контура, периодически магнитное перо будет добавлять к границе точки привязки. Начинаем с внешнего контура.

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

            -Если допущена ошибка, нажмите клавишу "Delete" для удаления последней точки привязки.

             -Перетаскивание курсора при нажатой клавише "Alt" позволяет нарисовать контур от руки.

             -Щелчок мыши при нажатой клавише "Alt" позволяет рисовать прямые.

4. Дважды щелкните мышью, чтобы замкнуть контур.

5. Теперь на панели параметров щелкните по иконке "Вычесть из области контура" и проделайте шаги 2-4 для вычерчивания контура внутри ручки.

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


С этим выделением можно делать всё что угодно. Можно скопировать и перенести в другое изображение, можно и маску создать, можно просто фон удалить/залить нужным цветом, можно применить какой-либо эффект и т.д.

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

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

Photoshop - Урок 14. Инструменты коррекции изображений.

К инструменам коррекции изображений относят:



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

Размытие.

• Размытие - смягчает четкие края и уменьшает детализацию изображения. Чем больше данный инструмент применяется к области, тем более размытой становится эта область. Например, нарисуйте бабочку инструментом "Кисть":
  
  
  
  Теперь возьмите инструмент "Размытие", задайте параметры размера кисти, режима и интенсивности на панели параметров и проведите мышкой по бабочке:
  
  



• Резкость - усиливает контрастность вдоль краев, повышая видимую резкость. Чем больше данный инструмент применяется к области, тем более резкой она становится. Будьте осторожны, если этот инструмент несколько раз подряд применить к одному участку изображения, могут появиться просто цветные точки, никак не соответствующие содержимому изображения.

Вообще резкость и размытие изображений или их частей лучше регулировать соответствующими фильтрами в меню "Фильтр".

• Палец - имитирует эффект размазывания свежей краски пальцем. Инструмент определяет цвет в точке, где начинается движение пальца, и "размазывает" его в направлении движения. Воьзмем для примера, вот такое изображение:
  
  
  Теперь возьмем инструмент "Палец", выберем на панели параметров: кисть - 13, режим - нормальный, интенсивность - 40 и проведем мышкой по каждому лепестку ромашки:
  
  
  Флажок у "Рисование пальцем" на панели параметров в корне меняет действие инструмента. Со снятым флажком размазывается уже имеющееся изображение. С установленным флажком начинается рисование основным цветом.

Осветлитель.

• Осветлитель - осветляет область изображения.


• Затемнитель - затемняет область изображения.

У этих двух инструментов одинаковые параметры. На рисунке ниже показана работа инструмента "Осветлитель" с разными параметрами.



• Губка - изменяет насыщенность цвета обрабатываемой области. На панели параметров этого инструмента необходимо выбрать режим: увеличить насыщенность или уменьшить насыщенность.

         Принцип работы у всех инструментов одинаков:выбираем инструмент,задаем                     параметры на панели параметров и проводим мышкой по необходимым областям.

Photoshop - Урок 8. Архивная кисть и панель "История"

Сначала рассмотрим подробнее панель "История". Если вы не видите ее в главном окне программы, то выберите в меню: Окно -> История. Сама панель выглядит так:



В ней перечислены все операции, выполненные с момента открытия файла, последняя команда списка является активной (подсвечена синим цветом).

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

ДАЛЕЕ

Photoshop - Урок 9. Рисование - фигуры.

Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.

Создайте новый файл для тренировки.

Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:

Продолжение урока

Photoshop - Урок 7. Рисование - кисть и карандаш.

В первом уроке мы с вами учились заливать области нужным цветом или узором. Сегодня познакомимся с другими инструментами рисования. К ним относятся:



С инструментом -заливка- мы познакомились в первом уроке. Сегодня рассмотрим традиционные инструменты рисования - кисть и карандаш. Нажмите левой клавишей мыши на инструмент -кисть-, откроется окно выбора инструмента:

• кисть - предназначен для прямого рисования цветом переднего плана.


• карандаш - похож на кисть, но созданные им линии имеют жесткие, резкие края.


• замена цвета - позволяет быстро и просто перекрашивать объекты любой сложности.

ДАЛЕЕ

Photoshop - Урок 6. Транcформация

Итак, рассмотрим подробнее возможности трансформирования изображений. Транcформирование можно применять к целому изображению, к отдельному слою этого изображения или к части слоя. Для начала нужно выделить объект, который будем трансформировать:

• Чтобы трансформировать весь слой, сделайте его активным (щелкните по нему на панели "Слои") и убедитесь, что на изображении нет выделенных областей.


• Чтобы трансформировать часть слоя, выделите на нем нужную часть изображения.


• Чтобы трансформировать несколько слоев, выберите их, удерживая клавишу "Ctrl". На панели "Слои" они станут активными (т.е. синими).


• Чтобы трансформировать все изображение, выполните сначала его сведение (Слой (Layer) -> Выполнить сведение (Flatten Image)).

• Масштабирование - увеличение или уменьшение размера объекта. Масштабировать можно по горизонтали или по вертикали, а также по горизонтали и по вертикали одновременно (так мы делали на прошлом уроке).
  
  
  • Чтобы произвести горизонтальное масштабирование, необходимо подвести курсор мыши к квадратикам на правой или левой сторонах рамки. Курсор примет вид горизонтальной стрелки. Удерживая нажатой левую кнопку мыши, двигайте рамку вправо или влево.
  
  
  
  • Чтобы произвести вертикальное масштабирование, необходимо подвести курсор мыши к квадратикам на верхней или нижней сторонах рамки. Курсор примет вид вертикальной стрелки. Удерживая нажатой левую кнопку мыши, двигайте рамку вверх или вниз.
  
  
  
  • Чтобы произвести одновременное вертикальное и горизонтальное масштабирование, необходимо подвести курсор мыши к квадратику на любой вершине рамки. Курсор примет вид диагональной двунаправленной стрелки. Удерживая нажатой левую кнопку мыши, двигайте рамку по диагонали вверх или вниз. Если хотите, чтобы сохранились пропорции изображения, удерживайте при этом нажатой клавишу Shift.
  
  
  
• 1 - оригинал
  2 - горизонтальное масштабирование
  3 - вертикальное масштабирование
  4 - одновременное масштабирование с сохранением пропорций



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



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

1 - оригинал
2 - поворот
3 - наклон


• Искажение - растягивание объекта по всем направлениям.



• Перспектива - к выбранному объекту применяется перспектива схождения в одной точке.



• Деформация - изменение формы объекта. На панели параметров можно выбрать стиль деформации.

1 - оригинал
2 - искажение
3 - перспектива
4 - деформация


• Поворот на 180°, на 90° по часовой стрелке, на 90° против часовой стрелки - поворачивает объект соответственно на 90° или 180°.



• Отразить по горизонтали - отражает объект в горизонтальной плоскости.



• Отразить по вертикали - отражает объект в вертикальной плоскости.

1 - оригинал
2 - горизонтальное отражение
3 - вертикальное отражение

Photoshop - Урок 3. Фильтры.

Создайте новый файл, размером 780 Х 150 пикселов. Раздвиньте окно, чтобы вокруг белого холста был виден серый фон.

Сделайте цвет переднего плана голубым, а фон - белым (цветные квадратики внизу панели инструментов). Возьмите инструмент -Ведро- и залейте им весь холст.

Теперь на панели меню щелкните по Фильтры (Filter) -> Render -> Clouds.



Вот так за 1 минуту мы сделали фоном нашей картинки облака. И помог нам в этом Фильтр.

Фильтры

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

Вы можете поэкспериментировать с разными фильтрами. Для этого создайте новый слой, залейте его краской или градиентом (на рисунке желто-синий градиент), далее Фильтры (Filter) -> Filter Gallery, откроется окно:



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

Попробуем на деле:

 

Photoshop - Урок 1. Простое выделение и заливка

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

Итак, вы установили и запустили программу Adobe Photoshop.



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

Список некоторых действий в фотошопе для новичков 2
 

Версия программы - русская.
Список не предусматривает клавиатурные сокращения.

12. Закрепить стиль слоя.

1) Создать новый слой под слоем со стилем.



На скрине я обвела символ,
которой обозначает стили слоя.

2) Перейти на слой со стилем.

 

В этом уроке я покажу как можно вырезать сложные объекты такие как деревья, волосы, шерсть до мельчайших деталей из фото, на примере дерева, используя каналы (Channels) и уровни (Levels).

Для начала откроем исходный файл в Фотошоп:

Читать далее

Серия сообщений "~ Фотошоп - Выделение обьектов":

Часть 1 - Фильтр Extract. Вырезать картинку, поместить картинку на прозрачный фон
Часть 2 - Фотошоп - урок от Альбины - стираем лишниее
...
Часть 25 - Урок по выделению и удалению объектов в CS5
Часть 26 - Как отделить объект от фона в Photoshop CS 5
Часть 27 - Вырезаем сложные объекты из фона, используя каналы (Channels) и уровни (Levels).
Часть 28 - Перо - инструмент очень полезный, и его многие недооценивают
Часть 29 - Выделение пушистого пера.
...
Часть 41 - Сложное выделение волос за 5 минут в Photoshop CS5.
Часть 42 - Урок: Выделяем объект с тенями
Часть 43 - Урок - Background eraser (Фоновый ластик)

Серия сообщений "Уроки Фотошоп для начинающих":
Часть 1 - Панель инструментов Adobe Photoshop Уроки фотошоп
Часть 2 - Разбираемся с режимами наложения (Blending Modes в фотошопе) (Уроки фотошоп)
...
Часть 12 - Уроки фотошоп. Аватар своими руками
Часть 13 - Уроки фотошоп. Замена фона
Часть 14 - Уроки фотошоп. Портрет в пузырьках
Часть 15 - Уроки фотошоп. Блеск глаз
Часть 16 - Уроки фотошоп. Рисуем молнию
...
Часть 39 - Уроки фотошоп. Основные принципы составления коллажеи "Золотое сечение"
Часть 40 - Уроки фотошоп. Свет-тень, придание реалистичности вашим коллажам.
Часть 41 - Фильтр "Пластика"- Liquify