О сообществе

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

Уроки фотошопа

Эффект мягкого фокуса

Мягкий фото-фокус

Этот урок покажет вам как, благодаря несложным действиям в программе Photoshop, можно добиться эффекта мягкого фокуса на фотографии.

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



 

Нажмите Ctrl+J чтобы дублировать слой
Затем нажмите Shift+Ctrl+U чтобы обесцветить изображение


Теперь выполните следующие действия
Image - Adjustments - Posterize (изображение*коррекция*постерицация)  и в диалоговом окне поставьте цифру 7

 


 

 


Теперь поменяйте blending mode (режим наложения) этого слоя с Normal на Overlay (на перекрытие).

 


Теперь обратитесь к Filter - Blur - Gaussian Blur ( фильтр*размытие*размытие по Гауссу)  и поставьте значение 5.2 в диалоговом окне.


 


 

 


 

Нажмите ОК и вот теперь у вас фотография с эффектом мягкого фокуса! Работа очень лёгкая и занимает примерно 1-2.

Голубиные пометки

В этом уроке Photoshop мы расcмотрим в действии замечательный инструмент, который называется Лечащая кисть (Healing Brush Tool)

Вот представьте себе такую ситуацию.
Идете вы с девушкой или парнем по парку, и с
Знамение с выше!

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

Ну, посмеялись и хватит. Футболку ведь стирать надо. В реальной жизни все понятно - взяли тазик с порошком и вперед, а вот в науке фотошопа есть свой рецепт!

Здесь нужно применить инструмент - лечащая кисть Кликните на этот значок в панеле инструментов.

Если что, то мы работаем вот с этим участком.


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

Итак, зажимаем клавишу Alt (появится курсор в виде цели) и кликаем по чистому участку футболки где-то рядом с пятном (нужно, чтобы оттенок футболки совпадал с тем местом, где находится пятно)

 


Кликнули и сразу отпустите Alt.

Теперь начинайте закрашивать. Установите кисть размером с пятно.
И потихоньку начинайте закрашивать пятно.

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

Вот посмотрите, что получилось! Теперь вам голуби не страшны!

 


Сверкающие глаза

1. Берем картинку. Желательно со зверем. Желательно с хищным.
Например, пусть будет этот лев:

Сверкающее око анимация в Adobe Photoshop 


2. Несколько раз копируем слой - пусть будет четыре раза.
Для этого можно 3 раза нажать Ctrl+J.
Копировать можно еще так - либо в окне слоев (если оно закрыто- жмите F7) просто перетаскиваем слой на значок нового слоя  , либо кликнуть правой кнопкой мыши на слое и выбрать
Duplicate Layer (Дублировать слой) 

3. На втором снизу слое применяем 
Filter-Render-Render-Lens Flare
 (Фильтр-Освещение-Блик)
 
Сверкающее око анимация в Adobe Photoshop

Сверкающее око анимация в Adobe Photoshop


Наводим блик на один глаз и устанавливаем такие нехитрые настройки:

Сверкающее око анимация в Adobe Photoshop 

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

4.  На третьем слое снизу делаем то же самое, только яркость блика ставим 60.
 
Сверкающее око анимация в Adobe Photoshop

Сверкающее око анимация в Adobe Photoshop 


 5. И на четвертом слое ставим яркость 80.
 
Сверкающее око анимация в Adobe Photoshop

Сверкающее око анимация в Adobe Photoshop 


6. Что у нас есть - нижний слой без блика, второй слой с бликом на одном глазу яркостью 40, третий слой с яркостью 60, и четвертый слой с яркостью блика 80.
Убираем видимость всех слоев кроме первого и второго:
 
Сверкающее око анимация в Adobe Photoshop
 
 
 и проделываем пункты 3-5 на втором глазу. Итог:

Сверкающее око анимация в Adobe Photoshop 


7. Теперь заключающая вспышка. В окне слоев выделяем верхний слой, где два блика яркостью 80. Делаем его копию:
Ctrl+J:
 
Сверкающее око анимация в Adobe Photoshop
 
Идем знакомой дорожкой:
Filter-Render-Render-Lens Flare
 (Фильтр-Освещение-Блик) и выбираем из оставшихся трех нижних бликов какой нравится. Ставим яркость побольше. Мне захотелось так:

Сверкающее око анимация в Adobe Photoshop


8. Со вторым глазом то же самое. Получаем что-то такое:

Сверкающее око анимация в Adobe Photoshop

Жуть, да?

9. Теперь переходим в ImageReady. Кто не знает - жмем на нижнюю кнопочку панели инструментов или просто
Ctrl+Shift+M

Сверкающее око анимация в Adobe Photoshop


Теперь нажимаем на стрелочку в правом углу палитры Animation и выбираем
Make Frames From Layers (Создать кадры из слоев).
Если у вас не открыто окно анимации, выберите
Windows-Animation (Окна-Анимация) 

Сверкающее око анимация в Adobe Photoshop

Соответственно, в панели анимации автоматически появляются 4 кадра, и в окне слоев каждому кадру соответствует только один видимый слой, что нам и надо.

10. Далее копируем четвертый кадр в палитре анимации:
Copy Frame (Копировать кадр),
кликнув сначала на треугольнике с опциями:

Сверкающее око анимация


Затем кликаем на этом же треугольнике и выбираем
Paste Frame (Вставить кадр)

Сверкающее око анимация


И в появившемся окне выбираем
Сверкающее око анимация

 а сам четвертый кадр переносим в конец. Для этого просто кликните на нем левой мышкой и перетяните его в правую сторону панели анимации, поставив его крайним правым.

Аналогично копируем и вставляем третий кадр. Третий кадр аналогично отправляется в конец самым правым.

Копируем и вставляем второй кадр. Сам второй кадр тянем в правый конец.

Если затрудняетесь, то просто сохраните вот эту картинку, и затем откройте ее в Adobe ImageReady. Перед вами появятся все нужные кадры и слои, и вы сможете сами все изучить на примере.

Результат урока по анимации


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

Сверкающее око анимация



11. Теперь увеличиваем время первого кадра. На сколько, решать вам. Щелкаем по надписи 0 sec./0 сек. внизу кадра, выбираем.

Сверкающее око анимация в Adobe Photoshop
 
Нажимаем кнопочку
Play (Воспроизведение),
и наслаждаемся свежесозданной анимацией.

12. Сохранение делаем через
File-Save Optimized As
(Файл-Сохранить оптимизированно как)
(если сделать по-другому, анимация не сохранится):

Сверкающее око анимация в Adobe Photoshop 
 

Результат урока:

Сверкающее око анимация в Adobe Photoshop

Все. Может, излишне подробно, зато даже редкие пользователи Фотошопа смогут сделать такой глазик.

На самом деле эту штуку можно прицепить куда угодно.

Прикольный анимированный аватар

Сегодня создадим прикольный аватар, используя фильтр
Пластика (Liquify).

1. Возьмём подходящее изображение, у меня вот это:

Анимированный аватар в Фотошоп


Вырежем из него одного зайчонка для прикольного аватара. Для этого дублируем слой Ctrl+J.

2. Далее возьмём инструмент
Прямоугольная область (RectangularMarquee Tool) (М).

Чтобы точно вырезать квадрат размера аватара (100 на100 пкс. или 120 на 120 пкс.), зададим нашему инструменту этот размер в панели опций инструмента.

Анимированный аватар в Фотошопе


Устанавливаем
Стиль (Style)Заданный размер (Fixed Size),
Ширину (Width) и Высоту (Height) в пикселях.
У меня 120 на 120 пкс.Сейчас, когда вы щёлкните на изображении, появится рамка заданного размера и, передвигая ее, выберем нужный нам участок:

Анимированный аватар Фотошоп


Идём в
Анимированный аватар в Фотошоп – Кадрировать (Image – Crop),
снимаем выделение (Ctrl+D), вот и получилась заготовка для аватара:

Анимированный аватар в photoshop


3. Теперь будем прикалываться над зайчонком. Делаем дубликат слоя (Ctrl+J) и идём в
Фильтр – Пластика (Filter – Liquify)

и в панели инструментов выбираем инструмент
Вздутие (Blow):

Фотошоп - анимированный аватар


С правой стороны окна установим такие настройки, хотя для своего изображения вы подберёте их сами:

Анимированный аватар


И надуем зайчонку левую щёчку:

делаем анимированный аватар в Фотошоп


4. Дублируем слой (Ctrl+J) и опять идём в Пластику и надуваем зайчонку правую щёчку:

делаем анимированный аватар в Photoshop


5. Сейчас активируем нижний слой «Задний план», а два верхних погасим (Закроем иконку глаза на слое в панели Слои (Layers)(F7)):

аватар в Фотошоп


6. Сделаем дубликат этого слоя. Сейчас мы будем фильтром Пластика (Liquify) заставлять зайчонка водить носом. Идём в
Фильтр – Пластика(Filter – Liquify)

и выбираем инструмент Деформация (Warp):

аватар в photoshop


И задираем зайчонку нос кверху:

Анимированный аватар урок Фотошоп


7. Гасим этот слой, и переходим опять на нижний слой «Задний план», дублируем его и опять – Пластика – отводим нос вправо:

Анимированный аватар урок Фотошопа


8. Повторяем п.7, только отводим нос влево:

Анимированный аватар урок Photoshop


9. Ну и сделаем рамочку для нашего будущего аватара. Для рамочки я создала новый слой, нажав на иконку
Создаем анимированный аватар в Фотошоп
внизу окна слоёв (Layers)(F7) и выбрала простую рамочку. Слой с рамкой переносим на самый верх.

10. Сейчас будем делать анимацию. Не будем пока переходить в ImageReady, в Photoshop тоже есть окно анимации и, открыв его, мы сможем всё отредактировать. Итак, идём в
Окно – Анимация (Window – Animation).

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

Создаем анимированный аватар в Photoshop


Сейчас открываем глаз на слое с надутой левой щекой, а слой с задним планом гасим

Как сделать анимированный аватар в Фотошоп


Продолжая в таком духе, набираем кадры:

Как сделать анимированный аватар в Photoshop


11. Установим частоту смены кадра. Если нам нужна одинаковая частота на всех кадрах, то выделим все кадры, для этого выделим сначала первый кадр и, с нажатым Shift, щёлкаем на последнем кадре. Далее нажимаем на маленький треугольник внизу любого кадра и устанавливаем время в секундах:

Урок Фотошоп - Анимированный аватар


12. Время установили, сейчас проверим нашу анимацию, нажимаем треугольник
Воспроизведение (Play):

Урок по фотошопу - анимированный аватар


13. Ну что, всё понравилось? Теперь, чтобы сохранить наш аватар, переходим в Image Ready, для этого нажимаем на кнопку внизу
окна инструментов:

Анимированный аватар урок


В Image Ready откроется наш аватар с таким же окном анимации. Идём в
Файл – Сохранить оптимизированный как…(File-Save Optimized As).
Вот и всё:

Результат урока - анимированный аватар в Фотошоп