Adobe Photoshop, уроки, кисти фотошоп, плагины, стили, макросы, градиенты, текстуры, шрифты, иконки
Ваш логин   Пароль
Забыли пароль?

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

4 марта 2008 | Пользователь NonSa

[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).

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

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


smile

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

Перевод: NonSa

Источник: funphotoart.com


Отзывов: 10 | Просмотров: 1565

Похожие новости:


  • Учимся создавать прыгающий анимированный шарик
  • Создайте анимированный баннер для Web-сайта
  • Как создать щупальце осьминога.
  • ШАР с букетом цветов.
  • Создайте эффект кирпичного текста - уроки фотошоп

  • каментыкомментарии


    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 4

    #1 Ответил Nickolka, 4 марта 2008 12:09

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

    Ура! Всё получилось! Спасибо, NonSa!!!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 9

    #2 Ответил Sarissa, 4 марта 2008 14:51

    Спасибо! Zto` такого способа не знала. champion

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 2

    #3 Ответил Lilith fon Darck, 4 марта 2008 18:13

    Интересно...я до этого и не знала, о том что можно создавать анимацию в Фотошопе))))
    Респект Автору)))

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 2

    #4 Ответил TWIN, 5 марта 2008 00:58

    хороший урок !!!!!!!только как я сделал анимацию я сам до сих пор не понял!методом тыка сделал!!!!!чет у меня кадры одинаковые получались!

    ответить

    ------------------------------------------------

    Аватар

    Группа: Гости

    Публикаций: 0

    Комментариев: 0

    #5 Ответил Вафля, 10 марта 2008 19:07

    а у меня почему то нельзя нажать на букву f,чтобы добавить стиль слоя!((

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #6 Ответил triela, 31 марта 2008 14:55

    Спасибо ^^ теперь я знаю как сохранять анимаию =3 champion

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #7 Ответил GAZON, 13 апреля 2008 19:30

    Спасибо огромное всем респект за такие уроки! clapping

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 11

    #8 Ответил TIGR, 20 апреля 2008 19:16

    я что-то немогу найти WINDOW>ANIMATION в CS 1 он есть воопще?

    ответить

    ------------------------------------------------

    Аватар

    Группа: Главный редактор

    Публикаций: 178

    Комментариев: 366

    #9 Ответил NonSa, 21 апреля 2008 16:26

    TIGR,
    Переходите в Image Ready (Ctrl+Shift+M).

    ответить

    ------------------------------------------------

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 11

    #10 Ответил TIGR, 24 апреля 2008 00:49

    спасибо помогло

    ответить

    ------------------------------------------------


    добавитьДобавить комментарий:


    Добавить комментарий как «Гость» (вход на сайт / регистрация)


    Включите эту картинку для отображения кода безопасности
    обновить код

    Символы на картинке:

     

    О сайте: ↓

    Всё об известнейшем графическом редакторе Adobe Photoshop. На сайте можно найти много интересных обучающих уроков, достойную коллекцию учебников от известных отечественных и зарубежных мастеров, а так же скачать кисти, плагины, шрифты, макросы, иконки. Так же у нас Вы можете скачать последню версию Adobe Photoshop CS3 и узнать историю происхождения этого грандиозного графического редактора!

    Скачать Adobe Photoshop CS3

     

     

    Adobe Photoshop CS3

    Статистика ↓

    Голосование ↓

    Какой версией Photoshop вы пользуетесь?
    7.0
    CS
    CS2
    CS3
    другой
    не пользуюсь pardon

    Онлайн учебник ↓

    подробнее

    Реклама↓

    История Adobe Photoshop

    История создания Adobe Photoshop

    Подробнее