Главная Уроки PS Плагины Учебники Иконки и смайлы Красивые сайты
Форум Кисти Шрифты Статьи Украшение ПК Веб-дизайн
Стили Flash Макросы PSD

Текстуры

Союз мастеров Фотошоп (соц.сеть)
Урок Illustrator Градиенты Векторы Клипарты

Элементы дизайна

Логин:   Пароль: 


All For Photoshop - Всё для Фотошопа. Кисточки,градиенты,PSD,шрифты,уроки,учебники,макросы,иконки,стили,текстуры,PS,Фотошоп,Photoshop,форум » Уроки » Анимированный эффект вращающегося колеса



   

 
 

 



  Анимированный эффект вращающегося колеса
В разделе: Уроки
Размещена: 4 марта 2008
[1]- Первым делом открываем новый документ 450×450 pixels, разрешением 72 и цветовой моделью RGB.

Анимированный эффект вращающегося колеса


[2]- Затем Open New Layer (Открыть, создать Новый Слой), нажав Ctrl+Shift+N, и выбираем цвета FFFFFA для Forground (Переднего плана, Основной цвет) & 37379D для Background (Фон).

Теперь применяем фильтр Filter>Render>Clouds (Фильтры/ Рендеринг,Освещение /Облака) и ваше изображение будет выглядеть так, как показано ниже:

Анимированный эффект вращающегося колеса



[3]- Применим еще один фильтр Filter>Pixelate>Crystallize (Фильтры/Объединение пикселей/Кристаллизация), используя следующие настройки:

Анимированный эффект вращающегося колеса



[4]- Внизу палитры слоёв щелкаем по иконке ‘f’- Добавить стиль слоя, как показано ниже:


Анимированный эффект вращающегося колеса


[5]- Выбираем Inner shadow (Внутренняя тень) и используем настройки:


Анимированный эффект вращающегося колеса


[6]- Теперь выберите инструмент Custom Shape Tool (Произвольная форма), используйте эту форму и параметры:
(NS: Создать новый слой New Layer)

Анимированный эффект вращающегося колеса



[7]- Создайте форму с помощью Custom Shape Tool, а затем выбираем инструмент Pen Tool (Перо), щелкаем правой клавишей мыши и выбираем Make Selection (Создать выделение, Образовать выделенную область).

Анимированный эффект вращающегося колеса



[8]- Примените следующие настройки в диалоговом окне «Создать выделение»:


Анимированный эффект вращающегося колеса


[9]- Сейчас ваше изображение будет выглядеть так:


Анимированный эффект вращающегося колеса


[10]- Залейте выделение любым цветом, затем добавим Стиль слоя, щелкнув по иконке ‘f’.

Анимированный эффект вращающегося колеса



[11]- Выберите Inner Shadow (Внутренняя Тень) и установите следующие параметры:


Анимированный эффект вращающегося колеса


[12]- Теперь выберите Outer Glow (Внешнее Свечение) и используйте следующие настройки:

Анимированный эффект вращающегося колеса



[13]- Bevel & Emboss (Скос и Рельеф)

Анимированный эффект вращающегося колеса


[14]- Теперь Satin Structure (Глянец)

Анимированный эффект вращающегося колеса



[15]- Gradient Overlay (Перекрытие градиентом):

Анимированный эффект вращающегося колеса



[16]- А теперь выбираем Pattern Overlay (Перекрытие узором)


Анимированный эффект вращающегося колеса


[17]- Сейчас ваше изображение будет выглядеть примерно так:

Анимированный эффект вращающегося колеса



[18]- Теперь переходим в Image Ready, нажав Ctrl+Shift+M. Затем выбираем слой Layer2 (в палитре слоев) и Duplicate Layer (Дублируем слой) или нажимаем Ctrl+J. Немного повернем форму с помощью Свободного трансформирования, нажав Ctrl+T.

Анимированный эффект вращающегося колеса



[19]- Теперь опять дублируем слой, нажав Ctrl+J, и ваша палитра слоев будет выглядеть так:

Анимированный эффект вращающегося колеса



[20]- Нажав Ctrl+T, повернем немного и этот слой.


Анимированный эффект вращающегося колеса


[21]- Открываем панель Анимации WINDOW>ANIMATION, создаем 2 Дубликата Кадра (Duplicate Frame), дважды нажав на эту иконку:


Анимированный эффект вращающегося колеса


[22]- Теперь выберите Frame1 (Кадр 1) и скройте видимость других слоев:

Анимированный эффект вращающегося колеса



[23]- Ваше изображение будет выглядеть так:


Анимированный эффект вращающегося колеса


[24]- Выберите Frame2 и скройте следующие Слои:

Анимированный эффект вращающегося колеса



[25]- Сейчас изображение будет выглядеть, как показано ниже:

Анимированный эффект вращающегося колеса



[26]- Выберите Frame3 & скройте следующие Слои:

Анимированный эффект вращающегося колеса



[27]- Изображение выглядит так:

Анимированный эффект вращающегося колеса



[28]- Проиграйте анимацию, щелкнув по этой иконке:


Анимированный эффект вращающегося колеса


[29]- Осталось выбрать в меню FILE>SAVE OPTIMIZED AS (Файл/ Сохранить оптимизированный как..).
(NS: В Photoshop CS3 сохраняем Save for Web and Devices. Предварительно проверив (установив) GIF в окне Window > Optimize).

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


Перевод: NonSa

Источник: funphotoart.com
 (голосов: 0)
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:

  • Прыгающий анимированный шарик
  • Эффект кафельной плитки
  • Капли воды на листе
  • Текст в огне
  • Клевый пингвинчик

  • Запостил: admin, Комментов: 3, Просмотров: 1115 Напечатать

    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.




     
     
     
    ***
     

     
     
    Оцените работу движка

    Лучший из новостных
    Неплохой движок
    Устраивает ... но ...
    Встречал и получше
    Совсем не понравился