четверг, 27 ноября 2014 г.

Занятие 8. Восстановление старых фото

Итак, мы уже умеем рисовать свои картинки (занятия 1, 2,...) и оживлять чужие. Сегодня мы научимся достаточно полезной работе - восстановлению старых фото.

Работу мы будем выполнять на этом фото.

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


Откройте изображение в фотошопе. Для начала нужно настроить контрастность, потому как изображение выглядит слишком светлым. Для этого лучше использовать корректирующий слой Levels (Уровни). Запомните, что для цветокоррекции использование корректирующих слоев намного предпочтительнее использования меню Adjustments (Коррекция). Дело в том, что использование слоя позволяет корректировать цвета в любое время. Помимо гибкости работы вы так же можете удалить корректирующий слой и тем самым вернуть изначальные настройки.

Итак,  применим корректирующий слой Levels (Уровни). Что бы его применить нажмите на пиктограмму Creat new fill or adjustments Layer (Создать новый корректирующий слой), которая находится в палитре Layers (Слои):


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

Теперь необходимо избавиться от швов, пыли и грязи. Для очистки таких дефектов можно воспользоваться инструментом  Healing Brush Tool (Восстанавливающая кисть) (Горячая клавиша J):

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

Затем отпустите клавишу Alt и пройдитесь по шву, щелкая левой кнопкой мыши:

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

  • Size — размер кисти
  • Hardness — жесткость краев. Чем жестче края, тем четче будет граница смешивания.
  • Spacing - интервалы. Можно задать интервалы кисти.


     Исправить дефект на санях получится только при помощи инструмента Stamp:



  Этот инструмент работает следующим образом: он "фотографирует" участок, по которому вы      щелкнули левой кнопкой мыши, зажав Alt, и при отпущенном Alt вставляет его в то место  изображения, где вы щелкаете левой кнопкой мыши. Чтобы устранить шов, при помощи Alt  выберите «подходящий участок» и затем закрасьте им шов. Я рекомендую взять такой размер  кисти, чтоб он был примерно диаметром с планку санок. Или диаметром в две планки - там, где  надо восстановить отверстие между планками.

 Теперь, пользуясь изученными инструментами, устраните все дефекты на фото. Например, так:



 Уже значительно лучше, чем было, но нет предела совершенству и мы еще сделаем фото    немного четче. Для этого сделайте дубликат основного слоя (Ctrl+J) и выберите Filter — Other — High Pass:



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

Нажмите OK. Поменяйте режим наложения этого слоя на Overlay:

Теперь наш снимок стал четче и контрастней. Работа с фото закончена!





четверг, 13 ноября 2014 г.

Занятие 7. Ребята, надо верить в чудеса...

ПарусникМаяк - это картинки, которые вам понадобятся для этого урока.

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

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


  1. Открываем файл "Маяк"
  2. Создаем копии имеющегося слоя, нажимая комбинацию <Ctrl>+<J> 4 раза.
  3. В результате получаем в панели слоев такое изображение:

   4. Отключаем видимость трех верхних слоев (убираем глазики слева от Слой 1 (копия) 3,  Слой 1 (копия) 2,  Слой 1 (копия)).

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

6. Вы заметили, что на этом слое мы поставили яркость 40%? На следующем слое ставим 60%, потом 80% на предпоследнем, и 150% и финальную вспышку на самом последнем слое.

Подробно о фокусах со вспышками, напоминаю, можно почитать в этом уроке.

7. Теперь нажимаем Файл - Открыть и открываем картинку с Парусником. Давайте перенесем его к нашему маяку. 

8. Нажимаем комбинации клавиш: 
  • <Ctrl>+<A> - выделить весь рисунок с парусником
  • <Ctrl>+<С> - скопировать выделение в буфер обмена (такой специальный кусок памяти компьютера)
  • Перейти в файл с маяком. Вот этот момент может вызвать сложности, если каждый из ваших открытых файлов разворачивается на весь экран. Что делать, если вы не видите маяк? 
  • Нажимаем клавишу <F> или щелкаем мышкой по самой нижней картинке на панели инструментов, пока не увидим окно с маяком. Щелкаем мышкой по заголовку окна маяка.
  • Выбираем самый верхний слой из набора слоев маяка.
  • Нажимаем комбинацию <Ctrl>+<V> и в нашем файле с маяком появляется еще один слой - с корабликом.
9. Теперь кораблик и маяк на одной картинке, но на маяке - ночь, а у кораблика - день. Выбираем слой кораблика и находим инструмент "Волшебный ластик".

10. Проверьте тонкую настройку инструмента: Допуск возьмите примерно 25, стоят галочки "Сглаживание" и "Смежные пиксели", а параметр "Непрозрачность" установлен в 100%.

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


12. Находясь на слое с корабликом, идем в Главное меню: Редактирование - Трансформирование - Масштабирование. Не забываем нажать на "Сохранение пропорций" - изображение цепочки между окошками с процентами высоты и ширины на панели тонкой настройки инструмента, и аккуратно уменьшаем наш кораблик до 15%. не забываем нажать клавишу <Enter> или галочку "Применить трансформирование" на панели инструментов.

13. С помощью инструмента "Перемещение" относим кораблик на стартовую точку. Место, где он будет появляться в начале анимации.

Отмечен инструмент "Перемещение"

А картинка должна получиться примерно такой:

14. Теперь мы будем несколько раз повторять один и тот же комплект действий:
  • Копируем слой с корабликом <Ctrl>+<J>
  • Главное меню - Редактирование - Трансформирование - Масштабирование - "Сохранение пропорций" на панели настройки инструмента - поменять высоту на 120 % (или ширину, во втором окошке значение поменяется автоматически). Внимание! Мы ВО ВСЕХ последующих слоях будем менять размер именно на 120 %. Дело в том, что 100% - это предыдущий слой, тот, который мы уже меняли на 120%. Таким образом, кораблик будет увеличиваться равномерно.
  • С помощью инструмента "Перемещение" сдвигаем увеличенный кораблик ближе к маяку.
  • Чем больше слоев с корабликом вы сделаете, тем естественней у вас будет анимация.
15. Кораблик не должен налетать на скалы. Для тех копий кораблика, которые накладываются на скалу и маяк, сотрите на соответствующих слоях те части кораблика, которые должны оказаться за скалой и маяком. Считаем, что он у нас заходит в бухту, вход в которую за скалой с маяком. У меня получилось примерно так:

16. Теперь - анимация. Создайте на панели анимации столько кадров, сколько у вас слоев с корабликом. И теперь очень аккуратно начинаем собирать мультик. 
  • На первом кадре у вас включена видимость ("глазики" рядом со слоями) у самого нижнего маяка и самого маленького кораблика. 
  • На втором кадре - второй маяк и второй кораблик.
  • На третьем - третьи маяк и кораблик.
  • Слои с маяком закончатся раньше, и мы начинаем подключать их в обратном порядке - сверху вниз.
  • Настройте время для каждого кадра. Последний кадр поставьте, например, 2 сек...
  • Не забудьте, что сохранять надо: Файл - Сохранить для Web и устройств, и...


Удачи и творческих успехов!




четверг, 6 ноября 2014 г.

Занятие 6. Заставим сердце биться!

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


Начнем с открытия программы Photoshop и создания нового файла с такими параметрами:

При помощи инструмента Заливка (Paint Bucket Tool) заливаем изображение черным цветом. Где найти инструмент "Заливка"? Как он выглядит? Выглядит "Заливка" как банка, из которой льется краска. Но на кнопке этого инструмента еще живет и инструмент "Градиент", которым могли пользоваться недавно... Если вы не видите банку с краской, щелкните правой кнопкой по "Градиенту" и выберите "Заливку".

Чтобы залить черным цветом, необходимо, чтоб рабочий цвет был выбран черным. Помните, у нас есть два квадрата: передний - рабочий цвет, задний - фоновый, в самом низу панели инструментов? Так вот, если передний квадратик у вас не черный, нажмите клавишу <D> на клавиатуре, и цвета квадратов станут по умолчанию: передний - черный, задний - белый. Или просто поменяйте цвет переднего квадрата, щелкнув по нему ЛКМ.

Если вы все сделали верно, перед вами картина Малевича "Черный квадрат".

Теперь создаем новый слой. Это можно сделать несколькими способами. Выберите один из возможных.
  1. Нажать комбинацию <Shift>+<Ctrl>+<N>. Вот прямо три кнопки сразу. 
  2. В главном меню выбрать Слой - Новый - Слой
  3. В нижней части панели слоев нажать на кнопку "Создать новый слой". Вот такую:
Теперь на панели слоев у вас два слоя: "Черный квадрат" и "Квадрат в клеточку", потому, что созданный нами только что слой - прозрачный. Работать мы будем на этом новом, прозрачном слое. Убедитесь, что в панели слоев выделен именно он.

Выбираем инструмент "Кисть". Только я прошу вас - просто кисть, а не "Архивную кисть, которая на два инструмента ниже. Можно нажать просто кнопку <B> на клавиатуре.

Выберите рабочий цвет красный. Да, именно передний из квадратиков в нижней части панели инструментов должен стать красного цвета.

А теперь настроим кисть следующим образом:

Внимание! Если у вас нет МЯГКОЙ кисти размером 200 - (мягкая - это с размытыми краями, жесткая - с четко очерченным контуром), то вы берете ЛЮБУЮ круглую кисть, и ставите ползунок "Главный диаметр" в значение 200, а ползунок "Жесткость" в значение 0%. Мы можем сделать любую кисть сами!

Тыкаем инструментом "Кисть" с указанными настройками в центр нашего "Черного квадрата" на рабочем поле. Получаем примерно такую картинку:


СОЗДАЕМ НОВЫЙ СЛОЙ. Как это сделать было написано чуть выше. И теперь в панели слоев у нас Слой 1, Слой 2, Слой 3.

Выбираем инструмент "Произвольная фигура" с вот такими настройками:


Не можете найти инструмент? Пусть эта картинка вам поможет.


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


Если у вас не получилось растянуть ровное сердечко с первого раза, сразу отмените последнее действие через "Историю". Или удалите верхний слой, тот, на котором рисовали сердечко, и создайте его заново, опять растянув контур - с большим успехом, я надеюсь. Если вы оставите мусор в виде мелких контуров на этом слое - красивое сердечко в конце работы будет сопровождаться появлением каких-то неопознанных мерцающих объектов. Оно вам надо?

Выбираем инструмент Кисть (Brush Tool), выбираем кисть с жесткими краями, размером 9 пикселей. 

Устанавливаем рабочий цвет - белый.

Открываем окно настройки кисти. Для этого нажимаем кнопку <F5> и видим такое окно:

Поставьте все настройки, как на рисунке. О! Вы не видите ползунка "Интервалы? А вы щелкнули ЛКМ по словам "Форма отпечатка кисти"? Теперь все в порядке?

Закончили настройку? Нажмите кнопку  <F5> еще раз - окно спрячется.

Переходим на панель "Контуры". Если вы не видите ее в правой части экрана, сходите в меню Окно - Контуры. Нам нужно выполнить команду "Обвести по контуру", для этого достаточно нажать на выделенную на рисунке кнопку.


После нажатия на эту кнопку наше сердечко выглядит так:


Теперь найдем панель Стили. Если ее нет - идем в Главное меню - Окно - Стили и видим примерно такую картинку: 


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


Скорее всего, на вашем экране появится такое диалоговое окно, в котором я рекомендую нажать кнопку "Да".



Теперь ваше окно Стили выглядит примерно так, как на рисунке, и нам надо выбрать стиль "Crumble Metall" (Металлическая крошка), который выделен на рисунке красным квадратом.


Теперь ваше сердечко должно выглядеть примерно так:


Теперь все еще проще, чем было до этого.

  1. Создаем новый слой (ну правда же, вы знаете, как? Выше посмотрите, если что.)
  2. Главное меню - Редактирование - Трансформирование контура - Масштабирование



3. На панели тонкой настройки инструмента не забываем нажать на изображение цепочки между окошками с процентами, затем в любом из двух окошек меняем значение 100% на 80%. Нажимаем "галочку" слева от надписи "Рабочая среда" или кнопку <Enter> чтоб применить трансформирование.

Получаем такой результат:

4. Теперь идем знакомой дорожкой: Контуры - Обводка контура - Стили - "Crumble Metall"... И получаем два красивых сердечка. Если "Обводка контура" не хочет нажиматься, проверьте, применили ли вы трансформирование.

Переходим на панель "Слои" и повторяем пункты 1-4 еще раз. Имеем три сердечка разных размеров.

После всех этих действий у нас есть: Слой 1 и Слой 2 - фон, Слой 3 - самое большое сердце, Слой 4 - среднее, Слой 5 - самое маленькое.

В нижней части экрана у нас есть панель анимации. Если нет - Главное меню - Окно - Анимация.

Как мы учились на прошлом уроке , создаем еще 3 кадра анимации с помощью кнопки "Создание копий выделенных кадров"



На первом кадре оставляем видимыми фон и самое большое сердце (убрать видимость - отключить изображение глаза - рядом со слоями Слой 4 и Слой 5)

На втором кадре оставляем видимыми фон и среднее сердце (убрать видимость - отключить изображение глаза - рядом со слоями Слой 3 и Слой 5)

На третьем кадре оставляем видимыми фон и самое маленькое сердце (убрать видимость - отключить изображение глаза - рядом со слоями Слой 3 и Слой 4)

На четвертом кадре оставляем видимыми фон и среднее сердце (убрать видимость - отключить изображение глаза - рядом со слоями Слой 3 и Слой 5)

Теперь под каждым кадром ставим длительность 0,2 сек, запускаем просмотр, и, если нас все устраивает, ПРАВИЛЬНО сохраняем файл:

Главное меню - Файл - Сохранить для Web и устройств - Сохранить - в нужную папку.

Сверните Photoshop и проверьте, работает ли сохраненное вами сердечко. Если все хорошо - разворачиваем и закрываем программу.

Удачи и творческих успехов!





вторник, 4 ноября 2014 г.

Занятие 5. Создаем анимацию.

Сегодня мы научимся работать с анимацией в фотошопе. Это совсем не сложно.
Для начала - откроем готовый файл. Лучше с хищным зверем. Например, с тигром. Например, с ЭТИМ.

Теперь проверяем, видим ли мы панель слоев справа. Если не видим - нажимаем в главном меню Окно - Слои.

Вы должны видеть примерно такую картинку:


Пока у нас только один слой с тигром. Но мы сейчас это исправим. Нажимаем комбинацию клавиш <Ctrl>+<J>. Добавляем таким образом еще 4 слоя.
Если вы нажимаете, а у вас ничего не происходит, проверьте следующие моменты:
  • стоит ли полосочка выделения на слое "Задний план"? Щелкните по слою ЛКМ. На всякий случай.
  • Нажимаете ли вы именно букву <J>? В английской раскладке клавиатуры? (На некоторых компьютерах раскладка важна).
  • Уверены ли вы, что ДЕЙСТВИТЕЛЬНО нажимаете ОДНОВРЕМЕННО? Слушайте, будьте проще. Зажмите клавишу <Ctrl>. Сама по себе она ничего не делает. Зажали? Держите. А теперь <J>...<J>...<J>...<J> - О! Получилось!
Теперь наша панель слоев выглядит так:


Стоит обратить внимание на изображение глаза слева на каждом слое. Это параметр видимости слоя. Если "глаз" есть - слой видим. Если по "глазу" щелкнуть ЛКМ, слой скроется, не будет отображаться, но при этом останется в составе файла. Кстати, все наши слои имеют 100% в параметре "Непрозрачность" - в верхней части панели слоев видна надпись Непрозр.: В этой работе нам надо, чтоб было именно так. Но учтите, что когда вы поверх измененного слоя будете включать следующий непрозрачный слой, изменения будут скрываться. Сейчас увидите.

Убираем три верхних глазика (отключаем видимость слоев Слой 1 (копия) 3, Слой 1 (копия) 2, Слой 1 (копия) 1) и щелкаем ЛКМ по Слою 1, оставив ему глазик слева.


Дальше будет интересно. Вот у вас - какой Photoshop? Кроме версии программы есть еще версии переводов. Вот нам сейчас нужны Фильтры. Слово Фильтр во всех версиях Фотошопа легко найти в Главном меню.
А дальше - интересней. В английском варианте идите таким путем:

Filter Render Lens Flare

В русском варианте может быть или

Фильтр - Освещение - Блик     или    Фильтр - Рендеринг - Блик

Если вам удалось найти нужный фильтр, у вас откроется такое окно:


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

После нажатия кнопки ОК у тигра загорелся один глаз...

Включаем глазик на третьем снизу слое, том, который называется Слой 1 (копия) 1. Глаз у тигра потух, но это потому, что слои у нас непрозрачные. Выбираем этот слой, щелкнув по нему ЛКМ. Повторяем операцию: 

Фильтр - Рендеринг - Блик

Только теперь мы не меняем ничего, кроме яркости. Ставим 60%.

Теперь то же самое с слоем Слой 1 (копия) 2. Яркость ставим 80%.

Отключаем видимость всех слоев кроме двух самых нижних. Теперь абсолютно аналогично занимаемся вторым глазом тигра: 40%, 60%, 80%...

Мы не задействовали самый верхний слой. Теперь, когда у нашего тигра одинаково горят два глаза, сделаем финальную вспышку. Переходим на самый верхний слой. Выбираем его ЛКМ. Включаем видимость слоя.

Для финальной вспышки мы ставим яркость 150% и выбираем один из трех вариантов:


Вариант переключателя в нижней части окна "35 мм" - это как фара автомобиля в режиме "Ближний свет".


Вариант "105 мм" - это как "Дальний свет" у автомобиля.


Вариант "Начало ролика" - это такой гламур-гламур... Выбирайте, что вам больше нравится. И ставьте сначала на один глаз. Нажмите ОК. А потом на этом же слое на второй глаз. Нажмите ОК.

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


Теперь открываем еще одно окно. Для этого нажимаем в Главном меню: Окно - Анимация. У нас открывается окно, обычно, в нижней части экрана:



Нажимаем на панели анимации на кнопочку, выделенную красным кружком, чтоб получить 9 кадров.


Становимся на кадр 1. Отключаем все глазики видимости слоев, кроме самого нижнего. 
Становимся на кадр 2. Включаем глазики на двух нижних слоях.
Становимся на кадр 3. Включаем глазики на трех слоях.
Становимся на кадр 4. Включаем глазики на четырех слоях.
Становимся на кадр 5. Включаем глазики на пяти слоях.
Становимся на кадр 6. Начинаем идти в обратную сторону - включаем глазики на четырех слоях.
Становимся на кадр 7. Включаем глазики на трех слоях.
Становимся на кадр 8. Включаем глазики на двух слоях.
Становимся на кадр 9. Включаем глазик на самом нижнем слое.

Теперь установим время для каждого кадра. У вас по умолчанию под каждым кадром 0 сек. Поменяйте на всех кадрах кроме 5 на 0,2, а на пятом кадре поставьте 0,5.

Теперь нажмите на выделенную  на рисунке кнопочку. Нравится?

Теперь самое главное: надо правильно сохранить файл. Чтобы анимация сохранилась, мы идем таким путем:

Файл - Сохранить для Web и устройств 

У вас откроется такое окно:


Нажмите на кнопку "Сохранить", выделенную кружком. 
Прежде, чем закрывать файл в фотошопе, сверните окно фотошопа и проверьте в папке, в которой вы сохраняли свой файл, работает ли анимация.
Анимация работает не во всех просмоторщиках графики. Обычно в стандартном "Просмотре фотографий Windows" все хорошо, но в крайнем случае вы можете спокойно открыть файл с помощью Internet Explorer и будет вам счастье. Примерно такое:




Удачи и творческих успехов!