Для новичков важно знать
Словарь Photoshop

Инструменты Photoshop

 Горячие клавиши photoshop.

 Таблица «безопасных» цветов
Основы программы Adobe Photoshop.
Новые кисти и др .

BIG Photoshop Pack 2019 

Клипарты png - Пиво 

Красивые png - Игрушечные самолеты 

Растровый клипарт - Кольца и перстни 

Фотошоп прозрачный - Подснежники 

Красивые png - Куча пауков 

Клипарты png - Велосипеды 
Adobe Photoshop CS3
Скачать Adobe Photoshop CS3 v10 Lite RUS
Новые Уроки Photoshop

Vue Advanced Продвинутый курс по разработке SPA (2021) 

Автоматизация тестирования REST API на Python (2021) 

Асинхронная архитектура (2021) 

Unreal Engine 5: быстрый старт (2021) 

CI/CD для JavaScript-разработчика (2021) 

Selenium Python - Автоматизация браузера и парсинг данных (2020) 

Формула акрила (2021) 

Тайны Photoshop

Каталог статей

Главная » Статьи » Уроки анимация

Урок-Вращающаяся объемная кнопка
Шаг 1: Создайте новое изображение размером 200х200 пикселей и нарисуйте трехмерную кнопку. Как это делается я уже описывал. Если все таки возникли с этим проблемы, скачайте исходник. В этом шаге я опишу только некоторые детали необходимые для аккуратного выполнения урока. Создайте горизонтальную и вертикальную направляющие(View>New Guide...) с координатоми 100 пикселей. Желтый овал рисуйте по середине полученного перекрестия.
Шаг 2: Можно добавить блик используя эффект градиента. В этом, я думаю, Вы тоже разберетесь самостоятельно. Только расположите этот блик поверх всех остальных слоев. Знак «осторожно радиация» будет находится под ним.
Шаг 3: Приступаем к рисованию самого знака. Создайте папочку между папкой с кнопкой и бликом. Создайте новый прозрачный слой. Выберите инструмент Elliptical Marquee Tool(M). Подведите курсор к перекрестию направляющих, зажмите левую клавишу мыши и зажав клавиши Alt+Shift сместите курсор. Залейте выделенное черным цветом(Alt+BackSpace), уменьшайте выделенное на 1 пиксел(Select>Modify>Contract...), удалите выделенное(клавиша Delete). У Вас должна получиться окружность толщиной в 1 пиксел. Эта окружность вспомогательная и нужна будет для правильного поворота знака. Затем мы ее будем удалять.
Шаг 4: На том же слое нарисуйте вот такую баранку(см. рисунок слева). Уверен, что с этим Вы справитесь. Замете, что Диаметр круга чуть меньше ширины овала.
Шаг 5:Ну а теперь еще один кружок по центру. Рисуем его все на том же слое.
Шаг 6:Создайте новую папку, в ней новый слой и нарисуйте кранный прямоугольник. Для этого выберите инструмент Rectangular Marquee Tool(M). Подведите курсор к перекрестию направляющих, зажмите левую клавишу мыши и зажав клавишу Alt сместите курсор. Снимите выделение(Ctrl+D).
Шаг 7:Два раза продублируйте слой и поверните один на 60, а другой на -60 градусов. Чтобы это сделать просто выделите нужный слой и примените сочетание клавиш Ctrl+T. На верхней панели в поле set rotation укажите нужный угол.
Шаг 8:Теперь выделите эти полоски(Ctrl+щелчок левой клавиши мыши по каждому из трех слоев). Сделайте невидимой папочку с полосками, выберите инструмент Eraser Tool(E) с режимом «карандаш» (mode=pencil) и диаметром около 20 пикселей. Теперь сотрите некоторые области чтобы у Вас получился рисунок как у меня(см. рисунок справа).
Шаг 9:В ручную сотрите три не нужных уголка. Знак готов!
Шаг 10:Создайте папку «1» внутри папочки со знаком. «1» потому что это будет первый кадр нашей анимации. Продублируйте слой со знаком перетащив его на кнопку в окне слоев. Оригинал делаем невидимым. н нам еще понадобится для других кадров, а дубликат уменьшаем по вертикали. Для этого сделайте активным нужный слой и нажмите Ctrl+T. Вверху в поле Set vericale scale введите 88%. С помощью инструмента овального выделения Elliptical Marquee Tool(M) удалите не нужный круг как показано на рисунке(хотя Вы можете это сделать вручную с помощью ластика Eraser Tool(E)). Перетащите в папку «1» и продублируйте полученный слой.
Шаг 11:Итак у нас два слоя в папке «1». К верхнему примените эффект:
Blending Options:
Fill Opacity: 0%
Drop Shadow:
Blend Mode: Normal
Цвет: черный
Opacity: 100%
Angle: 90
Distance: 1
Size: 0
Inner Shadow:
Blend Mode: Normal
Цвет: черный
Opacity: 100%
Angle: -90
Distance: 1
Size: 0
Gradient Overlay:
Blend Mode: Normal
Opacity: 25%
Gradient: от черного к белому
Style: Linear
Angle: 90

К нижнему:
Stroke
Size: 3
Position: Inside
Blend Mode: Normal
Opacity: 100%
Fill Type: Gradient
Gradient:
Style: Linear
Angle: 90
Шаг 12:Приступаем к анимации. Сделайте невидимой папку «1» чтобы она нам не мешала. Выберите слой с оригинальным знаком и продублируйте его. Оригинал опять делаем невидимым, а дубликат поворочиваем на 10 градусов. Для этого делаем активным нужный слой и нажимаем Ctrl+T. На верху в поле Set Rotation указываем 6 градусов. Нажмите Enter для окончания работы с трансформацией слоя. Теперь произведите те же операции с этим слоем что и в 10 и 11 шагах, только в этот раз создайте папку «2».
Шаг 13:Продолжайте в том же духе. А именно создавайте папки с нумерацией и поворачивайте знак на 20, 30, 40,…, 110 градусов. Если Вы делали все правильно, то у Вас должно получиться 12 папочек. Переходим в Image Ready(нажмите кнопку в окне инструментов). В окне Animation создайте 12 кадров. На каждом должны быть видимыми папка с кнопкой и блик. А знак для каждого кадра свой. То есть для первого кадра видима только папка «1», для второго – «2» и т.д. Ну вот и все. Чтобы анимация была плавне можно уменьшить угол поворота знака, но тогда увеличится число кадров и времени Вам придется потратить побольше.
Категория: Уроки анимация | Добавил: gyli-77 (19.01.2009)
Просмотров: 1300 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вторник
08.07.2025
06:25
Категории каталога
Основы или Уроки для чайников [49]
Как установить кисти ,фильтры,экшен и многое другое..
Уроки Разные эффекты [97]
Уроки - Обработка фото [1465]
Уроки CorelDRAW [3]
Уроки-Работа с текстом [65]
Уроки анимация [106]
Уроки-Дизайн/Рисование [478]
Уроки - Вырезаем обьекты из фона [6]
Уроки-Фотомонтаж [335]
Форма входа
Поиск
Друзья сайта
     
      Зарабатывайте вместе с UcoZ! 
    Статистика

    На сайте : 1
    Гостей: 1
    Пользователей: 0
    Наш опрос
    Оцените мой сайт
    Всего ответов: 368
    Мини-чат