Воскресенье, 24.11.2024, 07:07


Главная
Регистрация
Вход
Всё о консольных играх Приветствую Вас Гость | RSS  
Категории раздела
Мои статьи [29]
ВХОД В РАЗДЕЛ СТАТЬИ [2]
ВХОД В РАЗДЕЛ СТАТЬИ
Lineage II [47]
СКРИПТЫ [25]
Скрипты для сайтов
MMORG другие [3]
ЖЕЛЕЗО [4]
Железоводство
КОНСОЛИ [3]
УРОКИ ВИДЕО [10]
УРОКИ ФОТО [14]
БИЗНЕС ИДЕИ [107]
Идеи малого бизнеса
ПРОГРАММЫ [1]
СВОЙ САЙТ [9]
САД, ОГОРОД [3]

Рекомендуем
оплата за показы

Наш опрос
Какая у вас консоль или какую вы бы хотели купить
Всего ответов: 140

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » Статьи » Мои статьи

Дизайн и анимация логотипа, Урок
Professional Logo Designing and Animation



Я покажу вам как создать профессиональный логотип в flash 8 без Action Script.
Вы также научитесь:
1. Конструировать логотип.
2. Анимировать его.
3. Использовать панель Color Mixer.
4. Использовать настройки Advanced color.


Шаг 1

Откройте новый документ Flash.

Шаг 2

Выберите Modify > document. В появившемся диалоговом окне Document Properties
установите Frame rate (скорость вашего мувика) равным 26 fps.
Установите Background color (цвет фона) #EAEAEA.
Установите ширину вашего документа 250pixels и высоту 100 pixels. Кликните ok.

Дизайн и анимация логотипа

Шаг 3

Выберите Oval tool (O). Заблокируйте цвет Stroke (обводки).
Выберите любой цвет для заливки Fill и нарисуйте круг размером 80х80 pixel на сцене.
Смотри картинку ниже.

Дизайн и анимация логотипа

Шаг 4

При выделенном круге, перейдите в панель Color Mixer (Window > Color Mixer).
Сделайте следующее
1. Кликните по иконке paint bucket, чтобы выделить цвет заливки.
2. В меню Type выберите опцию Radial.
3. Кликните по внутреннему цвету радиальной заливки (квадрат с левой стороны градиентного
бара) и введите код цвета #FFCD00.
4. Кликните по квадрату с правой стороны градиентного бара и введите код цвета #FF6300.

Дизайн и анимация логотипа

Теперь вы имеете это:

Дизайн и анимация логотипа

Шаг 5

Возвратитесь снова в панель Color Mixer и создайте 3 новых квадратика на градиентном баре и
установите их цвета и разместите их на позициях так, как показано на картинке ниже.

Дизайн и анимация логотипа

Теперь вы получили это:

Дизайн и анимация логотипа

Шаг 6

Дважды кликните по слою layer 1 и переименуйте его в logo.

Шаг 7

Создайте новый слой выше слоя logo и назовите его line.
Шаг 8

Выделите слой line, возьмите Line Tool (N), выберите белый цвет линии и выберите тип линии
Solid с шириной, равной 2.
Смотри картинку ниже.

Дизайн и анимация логотипа

Шаг 9

После этого нарисуйте 3 линии поверх logo, так как показано на картинке ниже.

Дизайн и анимация логотипа

Шаг 10

Создайте новый слой выше слоя line и назовите его text.

Шаг 11

Выделите слой Text, возьмите Text Tool (A) и перейдите в панель Properties (Ctrl+F3) ниже
сцены.
Затем выберите следующие опции:
1. Выберите поле Static Text.
2. Выберите фонт Trebuchet MS.
3. Выберите размер фонта равным 28.
4. Выберите цвет #35679A.
5. В опции рендеринга выберите Use device fonts (Применить шрифты устройства).

Дизайн и анимация логотипа

Затем напишите с правой стороны от логотипа "company".
Смотри картинку ниже.

Дизайн и анимация логотипа

Шаг 12

Возьмите снова Text Tool (A). Выберите цвет #FF6703 и выберите все другие опции из

предыдущего шага.
Затем напишите под company текст "name". Смотри картинку ниже.

Дизайн и анимация логотипа

Шаг 13

Теперь мы сконструировали аш профессиональный логотип.
Настало время для анимации.
Шаг 14

Кликните по фрейму 12 слоя text и нажмите F6.
После этого нажмите клавишу F6 9 раз. Затем кликните по каждому второму ключевому кадру и

нажмите клавишу delete.
Смотри картинку ниже.

Дизайн и анимация логотипа

Шаг 15

Кликните по фрейму 100 слоя text и нажмите F5.

Шаг 16

Заблокируйте слой text, разблокируйте слой logo, возьмите Selection Tool (V),
выделите лого (круг) и нажмите F8 (Convert to Symbol) чтобы конвертировать этот лого в мувик.

Дизайн и анимация логотипа

Дизайн и анимация логотипа

Шаг 17

Кликните в фрейме 8, 15 и 25 слоя logo и нажмите F6 (ключевой кадр).
После этого вернитесь в фрейм 15, возьмите Selection Tool (V), кликните один раз по лого
(мувику), чтобы выделить его и перейдите
в панель Properties ниже сцены. Справа вы увидите меню Color.
Выберите в нем Advanced, кликните по кнопке Settings и установите следующие опции:

Дизайн и анимация логотипа

Затем кликните ok.

Шаг 18

Сейчас вы получили это:

Дизайн и анимация логотипа

Шаг 19

Правой кнопкой мыши кликните в любом месте серой площадки между фреймами 8 и 15 и
фреймами 15 и 25 на временной шкале и выберите Create Motion Tween в появившемся меню.
Смотри картинку ниже.

Дизайн и анимация логотипа

Шаг 20

Кликните по фрейму 100 слоя logo и line и нажмите F5.
Протестируйте ваш мувик (Ctrl+Enter).

Удачи!
Перевод kedicik
Источник

Это сообщение отредактировал MOHCTEP - 10 Ноября 2008, 21:00

Присоединённые файлы
Присоединённый файл  ProfessionalLogodesignin.rar ( 5.1к )
Категория: Мои статьи | Добавил: Ardoz (18.11.2008)
Просмотров: 728 | Рейтинг: 5.0/1 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа

Поиск

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2024Хостинг от uCoz