Вторник, 21.05.2024, 01:45

Приветствую Вас Гость | RSS

ГлавнаяРегистрацияВход





Меню сайта



Категории раздела
Уроки анимации [184]
Уроки по работе с текстом [53]
Уроки по работе с коллажами [32]
Уроки по работе с рамками [22]
Уроки эффектов в фотошоп [143]
Уроки по работе с волосами [9]
Уроки по работе с глазами [5]
Уроки по работе с носом [1]
Уроки по работе с губами [2]
Уроки по работе с зубами [2]
Уроки по работе с кожей [1]
Уроки по работе с фигурой человека [2]
Уроки по отделению/вырезанию объекта [14]
Уроки по реставрации фото [5]
Уроки по цветокоррекции [20]
Уроки по режимам наложения слоёв [6]
Уроки по работе с кистями [2]
Уроки по работе с масками [6]
Уроки по работе с пером [1]
Уроки по работе с шаблонами [4]
Уроки по работе с видео [3]
Уроки по виньетированию [1]
Уроки по созданию водяного знака [2]
Уроки по созданию плакатов/афиш/постеров/панорам/обложек [8]
Уроки по созданию кнопок [1]
Уроки по созданию календарей [2]
Уроки по созданию визиток [3]
Уроки по созданию штампов/печатей [3]
Уроки по созданию фото на документы [2]
Уроки 3D эффектов [7]
Уроки по созданию экшенов [3]
Уроки по созданию стилей, форм, градиентов, кистей и т.д. [7]
Уроки по работе с краями фото [3]
Уроки по работе с каналами [0]
Уроки по созданию сайтов в фотошопе [4]
Уроки по созданию полиптихов [3]
Уроки по созданию портфолио [2]
Уроки по смарт объекту [3]
Уроки по работе со скетчами [1]
Тренинг Милледи [55]
Тренинг Ольги Бор [33]
Тренинг FotoTrend [7]

Интересное в сети

  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz





  • Поиск

    Главная » Статьи » Уроки » Тренинг Ольги Бор

    Тренинг. Курс третий. Урок №3. Анимация карандашного рисунка.
    Третий урок третьего курса тренинга
    в сообществе "Фотошоп уроки, тренинг, объяснения"






    Анимация карандашного рисунка.
    Новая редакция урока.




    Урок написан в 2008 году и опубликован ЗДЕСЬ.

    Идея анимации карандашного рисунка принадлежит не мне,
    она придумана кем-то давно, за что большое спасибо автору.
    Я автор только данного урока и его первой версии.

    Итак, урок состоит из двух частей:
    1. Создание карандашного рисунка.
    2. Анимация карандашного рисунка.

    Создание карандашного рисунка.

    автор идеи - Стив Паттерсон.

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

    В уроке использовано сток фото
    источник - ссылка
    А скачать это изображение можно нажав на превьюшку ниже.


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


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



    2.Нам нужно обесцветить дубликат.
    Топаем в меню - изображение - коррекция - обесцветить.
    Получаем




    3.Создаём дубликат слоя без цвета
    и инвертируем его.
    Меню - изображение - коррекция - инверсия.
    Получаем.



    4. Меняем режим наложения этого слоя
    на "Линейный осветлитель"

    Режимы наложения слоёв находятся в панели слоёв.
    Чтобы сменить режим наложения нужно нажать на стрелочку,
    чтобы вызвать список режимов.





    После смены режима наложения
    изображение пропало.



    Так и должно быть.
    Сейчас мы будем создавать рисунок.

    5.Топаем в меню - фильтр - размытие - размытие по Гауссу.

    Радиус размытия устанавливаем 10 пикселей
    и видим, что у нас проявился рисунок.



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

    6. Добавим чёткость рисунку.

    1) Нам нужно объединить все слои, но сделать это так,
    чтобы в панели слоёв все слои остались,
    а к ним прибавился объединённый слой.

    Для этого зажимаем клавишу Alt и топаем в
    меню - слои - объединить видимые.
    Когда нажмёте на "слои" не отпускайте мышку,
    иначе список будет закрываться.



    Можно, конечно, всё сделать клавишами
    Alt+Shift+Ctrl+E,
    но у меня такие выкрутасы пальцами,
    хоть и с обеих рук, не очень проходят.

    В панели слоёв образовался новый слой
    с отпечатком видимых слоёв.



    2) Меняем режим наложения слоя на "умножение",
    непрозрачность - 50-60%



    7. В панели слоёв переносим оригинальный слой на самый верх,
    режим смешивания меняем на "цветность"
    непрозрачность 65%



    Объединяем все слои и
    карандашный рисунок готов.
    Если очень светлый, то можно снизить яркость.
    (меню - изображение - коррекция - яркость/контрастность)



    Анимация карандашного рисунка.

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

    В этой редакции урока я буду использовать не ластик, а архивную кисть.
    Многие знакомы с моим уроком
    "Анимация рисования архивной кистью" - ссылка
    Что-то подобное мы сделаем и в этом уроке.

    1) Активируем архивную кисть в панели инструментов.



    2) Определяем источник для архивной кисти.
    Для этого в панели "история" жмём около последнего действия.



    Для чего нужно определять источник для архивной кисти?
    Инструмент запомнит изображение,
    которое сохранено на этом действии
    (в моём случае - яркость/контрастность)
    и сможет воспроизвести (нарисовать)
    на любом другом слое.

    Давайте проверим, такая ли умная эта "архивная кисть"

    3) Создаём новый слой и заливаем его белым цветом.
    С его помощью мы увидим работу архивной кисти.



    4) Отключаем видимость слоя с заливкой,
    создаём новый слой и на нём проводим архивной кистью
    (размер кисти регулируете по своему изображению,
    а на счёт жёсткости кисти - я у мягкой поставила жёсткость 20%)



    по глазу , т.е. по тому месту, с чего бы рисовали лицо
    (точка,точка, запятая... помните, как рожицу рисовать)



    5) Открываем видимость слоя с заливкой
    и видим, что архивная кисть, действительно, умная.



    6)Создаём новый слой и рисуем архивной кистью
    следующую часть рисунка.

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

    Совет.
    Если вы нарисовали больше, чем хотели на каком-то слое,
    то можно стереть ластиком.

    Я остановилась на 62 слоях.
    С включённым слоём белой заливки получилось так.



    7) Инструментом "рамка" обрезаем документ
    по границам видимости рисунка.



    Жмём Enter для продолжения работы.

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

    а)Увеличиваем размер холста на 30 пикселей по ширине и высоте.
    б) Загружаем выделение слоя с рисунком
    и инвертируем выделение.
    в) Создаём новый слой, в панели слоёв располагаем поверх всех слоёв.
    г) Заливаем выделение цветом.

    Дальше я создала ещё один слой, поверх слоя с рамкой
    Сделала обводку в 2 пикселя внутри
    (меню редактирование - сделать обводку)
    Сняла выделение.
    Применила к слою с обводкой
    стандартный стиль программы "пунктирные штрихи.





    Объединила слой с рамкой и обводкой.

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




    9.Анимация.

    1) Открываем панель анимации.
    В панели слоёв закрываем видимость всех слоёв с рисованием.



    2) Создаём следующий кадр и открываем видимость первого слоя с рисованием.



    3) Создаём следующий кадр и добавляем видимость следующего слоя.



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

    У меня получилось 62 кадра.
    Задержку времени на 62 кадре с полным изображением рисунка
    я поставила 5 сек.
    На первом кадре с белым фоном - 1 сек.
    На остальных кадрах 0,1 сек.



    Вот и всё.
    Включайте просмотр и, если всё устраивает, сохраните в формате GIF.

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

    Подробнее о работоспособности фотошопа читайте ЗДЕСЬ.

    Автор уроков и ведущая курса Ольга Бор. 

    ================================================

    Вот, что по этому уроку получилось у меня:







    Источник: http://my.mail.ru/community/photoshoptrainig/5DBDBD1C85DB0A87.html
    Категория: Тренинг Ольги Бор | Добавил: Милледи (22.03.2012)
    Просмотров: 1410 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Сейчас на сайте

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0



    Элитный парфюм

    Компания Essens! Брендовая парфюмерия по доступным ценам. Купите свой любимый аромат, не переплачивая за брендовое имя!


    Стань партнёром компании Essens! Будь первым в своём городе!


    Подпишитесь!

    Введите Ваш e-mail:


    Наш баннер




    Друзья сайта

    <text size=


    <text size=


    <text size=


    <text size=







    Copyright MyCorp © 2024


    Яндекс цитирования


    При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
    Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своими знаками.