Меню сайта
категории
начало работы [5]
ретуширование фотографий [4]
украшаем фотографию [1]
замена фона [4]
общие уроки [5]
анимация [7]
Форма входа
облако теговфутбол горы графика дома сакура город Здания небоскрёбы озеро цветы подсолнухи природа бабочка растения фантастика Закат прирда Туман сок цитрусовые девушки красотки hayden penattierri хайден животные пушистики
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Rambler's Top100 www.popularsite.ru Каталог популярных сайтов

    Четверг, 14.12.2017, 10:49ГлавнаяРегистрацияВход
    уроки фотошоп
    Приветствую Вас Гость | RSS
    Главная » Статьи » анимация

    анимированый смайлик в фотошоп
    Здравствуйте! В этом уроке мы будем создавать анимированный смайлик в Photoshop CS3. Открываем Photoshop и создаем новое изображение (File->New). Я назову его "Смайлик", размер будет 400 на 400 пикселей, фон прозрачный.

    анимация в фотошоп CS3

    Возьмем инструмент Elliptical Marquee (овальное выделение) и, держа нажатой клавишу Shift, выделим круг на, пока еще, пустом изображении. Инструмент Elliptical Marquee можно выбрать на панели инструментов или клавишей M.

    анимация в фотошоп CS3

    Нажмем Shift + F5 или Edit->Fill и зальем наш круг цветом ffd200.

    анимация в фотошоп CS3

    Чтобы придать нашему смайлику объемность, добавим стиль слою (не снимая выделения). Начнем с внутренних теней. На панели слоев внизу нажимаем fx->Inner Shadow.

    анимация в фотошоп CS3

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

    анимация в фотошоп CS3

    Должно получиться следующее.

    анимация в фотошоп CS3

    Также добавим свечение, Inner Glow со следующими настройками.

    анимация в фотошоп CS3

    Выделение можно снять. Вот такой у нас вышел колобок.

    анимация в фотошоп CS3

    Создадим новый слой (Shift + Ctrl + N – OK) и объединим его с нашим колобком. Для этого левой клавишей мыши выбираем один слой, затем нажимаем клавишу Ctrl и нажимаем на второй слой. После чего правой кнопкой нажимаем на один из выбранных слоев и выбираем Merge Layers. Это нужно сделать для того, чтобы в дальнейшем стиль слоя не менялся, когда мы будем работать над новыми деталями. Снова создаем новый слой, сделаем на нем (пока один) глаз. Лучше делать каждую деталь глаза на новом слое. Пожалуй, мой смайлик будет женского пола. Снова выбираем инструмент Elliptical Marquee и, уже не нажимая клавишу Shift, обозначаем выделением будущий глаз. Затем заливаем его белым цветом (Shift + F5 или Edit->Fill).

    анимация в фотошоп CS3

    Не снимая выделения, снова применим стиль слоя, а именно Inner Shadow. Я выставила следующие настройки.

    анимация в фотошоп CS3

    Можно снять выделение и объединить стилизованный слой с пустым новым слоем.

    анимация в фотошоп CS3

    Снова зажимаем клавишу Shift и обозначаем выделением радужную оболочку глаза. Заливаем ее выбранным цветом. Так же сделаем зрачок. Инструментом Brush (его можно выбрать клавишей B) с Opacity 80% нарисуем блик.

    анимация в фотошоп CS3

    Поскольку это дама, нарисуем ей верхнее веко с наложенными тенями. Оно должно немного прикрывать глаз. И еще нарисуем ресницы кистью с мягкими краями (Opacity 100%).

    анимация в фотошоп CS3

    Теперь сделаем второй глаз. Если Вы делали каждую деталь на новом слое, можете продублировать их (Ctrl + J), переместить и повернуть.

    анимация в фотошоп CS3

    На новом слое нарисуем губы. Сначала светлым цветом - сами губы, а затем более темным - контур и разделение между ними.

    анимация в фотошоп CS3

    Кистью с мягкими краями и прозрачностью 15% нарисуем румяна.

    анимация в фотошоп CS3

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

    анимация в фотошоп CS3

    На шляпку добавим букетик. Для этого я использовала настоящие цветы и листья, вырезанные из фотографии инструментом Magnetic Lasso (клавиша L). Лишь подкорректировала насыщенность и яркость цвета (Ctrl + U или Image->Adjustments->Hue/Saturation).

    анимация в фотошоп CS3

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

    анимация в фотошоп CS3

    Запомните это хорошо, потому что выключение и включение слоев будет необходимо для создания анимации. Вернем все на свои места. Отключите слой с закрытыми глазами и включите с открытыми. Теперь создадим новый слой и нарисуем блик на цветке. Рисовать будем белым цветом, кистью с мягкими краями. Регулируйте прозрачность и диаметр кисти. После окончания прорисовки, можно применить фильтр Gaussian Blur (Filter->Blur->Gaussian Blur).

    анимация в фотошоп CS3

    Дважды продублируем слой с бликом и пока выключим дубликаты. Нажимаем Window->Animation. Открылось окно с кадрами анимации. Первый кадр будет таким, как на рисунке выше. Чтобы создать второй кадр, нажимаем на кнопку Duplicates selected frames, которая показана ниже.

    анимация в фотошоп CS3

    После создания нового кадра, отключаем слой с открытыми глазами и включаем с закрытыми. Также выключим блик и включим один из его дубликатов. Первый кадр будет длиться 1 секунду, продолжительность второго кадра мы изменим. Для этого левой кнопкой мыши нажмите внизу кадра на обозначение времени. Я выставлю время моргания 0.1 сек.

    анимация в фотошоп CS3

    Создаем новый кадр. Отключаем слой с закрытыми глазами и включаем с открытыми. Отключаем блик и включаем один из его дубликатов. Время пусть остается таким же (0.1 сек.).

    анимация в фотошоп CS3

    Сделаем еще пару кадров, меняя блики. Чтобы посмотреть анимацию, нажимаем кнопку Plays animations.

    анимация в фотошоп CS3

    Если Вы довольны результатом, нажимаем File->Save for Web & Devices – OK. Вот что вышло у меня.

    Категория: анимация | Добавил: flash (22.05.2009)
    Просмотров: 4761 | Рейтинг: 4.0/4 |
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Бесплатный хостинг uCozCopyright MyCorp © 2017