Для новичков важно знать
Словарь 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 Новый документ 150х150 рх с разрешением 72.
2 Заливаем фон чёрным.
- Новый слой (прозрачный).
3 Сейчас нужны хорошая фантазия, идеи и хороший набор кистей, чтобы эти самые идеи и воплотить. Главное, чтобы кисти были достаточно большими т.к. мелкое изображение не будет видно.
- Берём кисточку и ставим на прозрачном слое (Чётко) рисунок кисточки. У меня получилось вот так:

4 Самое главное: Layer - Layer Style - Blending Options:

P.S. Здесь вы можете эксперементировать, используя разные стили и настройки.

5 Этот пункт не обязателен. Мы сейчас будем делать полоску.
- Открываем новый документ 5х5 рх. Фон прозрачный.
- Берём инструмент Карандаш (Pencil). Размером 1 рх. Белый цвет.
- Делаем диагональную полоску. Можно рисовать по одному пикселю т.е. не одним движением, а пятью.
- После этого идём Edit - Define Pattern, и сохраняем.
- Переходим в наш документ с аватаркой.
- Новый слой и размещаем его между первым и вторым.
- Нажимаем Shift + F5 или Edit - Fill. Вверху выбираем Pattern (Палитра), а чуть ниже Custom pattern: ищем нашу диагональ. Ок.
- Непрозрачность слоя ставим 30-40%.

Текст
1 Я буду использовать шрифт Visitor, размер 13-14.
- Печатаем любой текст, фразу. Если это фраза: каждое слово размещается на отдельной строчке. ДЛЯ КАЖДОГО СЛОВА - ОТДЕЛЬНЫЙ СЛОЙ!
2 Layer - Layer Style - Blending Options:

- Ок.
3 Нажимаем правой кнопкой мыши слое, к которому мы только что применили опции. Выбираем Copy Layer Style.
- Нажимаем правой кнопкой мыши на другом слое с текстом (если он есть) и выбираем Paste Layer Style.
- Мы сделали обводку букв размером в один пиксель путём опций смешивания и копирования их для других слоёв.

P.S. Пример обводки могу привисти.

4 Сейчас мы слои с текстом перемещаем в влево (вы можете вправо, вниз, вверх...) таким образом, чтобы последнюю букву не было видно т.е перемещаем их за грани нашего фона. НО: последняя буква должна быть немного видна, если нажать в палитре слоёв на слой с текстом, а потом нажать стрелку вправо на вашей клавиатуре. Итак с каждым слоем. Проверьте, чтобы все слова не были видны, и были, если нажать стрелку вправо. Это очень важно.

Анимация
1 Открываем окно анимации Window - Animation.
2 Новый кадр. Каждый слой с текстом мы должны переместить таким макаром:
- Нажимаем на слое в палитре Layers.
- Теперь долбим клавишу стрелка вправо на вашей клаве примерно 50-60 раз.

P.S. Кол-во раз зависет от размеров вашего аватара, а также от желаемого результата и бкукв в слове.

3 В том же кадре мы проделываем пункт 2 для каждого слоя, НО прибавляем примерно 5-10 нажатий на стрелку.

P.S. Вообще суть в том, чтобы каждая строчка была длиннее или короче на пару пикселей. Это можно делать и мышкой, НО нужно это делать так, чтобы текст первого кадра оставался на одной линии с текстом другого кадра. Если будут какие-либо неровности - ничего страшного!

4 Палитра Animation:
- Жмём на первый кадр, зажимаем Shift, жмём на второй кадр.
- Нажимаем внизу палитры на кнопку:
- В меню вписываем число 10.

P.S. Число зависет от расстояния в начальной точке и конечной (пункт 2).

5 Копируем последний кадр.
- Строго на 10 или 15 увеличиваем расстояние вправо каждого слоя с текстом, путём нажатия клавиши вправо.
- Для каждого слоя с текстом поставьте значение непрозрачности (Opacity) на 0 в палитре Layers.
6 Выделяем последний и предпоследний кадры, путём зажатия клавиши Shift, и нажимаем на ту же кнопку.
- Выставляем значение равное количеству нажатий клавишей вправо. У меня это значение равно 13.
7 Для последнего кадра ставим 0,5 секунды.

Сохранение.
1 Жмём Ctrl + Shift + Alt + S и сохраняем с нужными для вас настройками. В моём случае я изменил только кол-во цветов. Оно равно 64.
Конечный результат.

Исходник.
__
Автор:RedLine

Категория: Уроки анимация | Добавил: gyli-77 (09.01.2009)
Просмотров: 1689 | Рейтинг: 5.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Воскресенье
05.05.2024
00:39
Категории каталога
Основы или Уроки для чайников [49]
Как установить кисти ,фильтры,экшен и многое другое..
Уроки Разные эффекты [97]
Уроки - Обработка фото [1465]
Уроки CorelDRAW [3]
Уроки-Работа с текстом [65]
Уроки анимация [106]
Уроки-Дизайн/Рисование [478]
Уроки - Вырезаем обьекты из фона [6]
Уроки-Фотомонтаж [335]
Форма входа

Поиск
Друзья сайта
     
      Зарабатывайте вместе с UcoZ! 
    Статистика

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