04.10.2010 00:38:39
Наипростейший урок создания графника.
И так начнём))
1. Создадим файл с параметрами допустим 120/50 (как показанно на рисунке)
[изображение]
2. Зальём его чёрным цветом (Ctrl+Backspace) для того что бы мы смогли посмотреть как наш графник будит выглядеть на чёрном фоне чата (в конце урока мы уберём фон).
3. Создадим новый слой.
[изображение]
4. Напишим ваш ник в этом слое как показанно на рисунке:
[изображение]
5. Тыкните по слою два раза левой кнопкой мышы(как показанно на рисунке)
откроется окно редактора стилей слоя. Выставите галочки как показанно на рисунке и выставите параметры тыкая на каждую категорию под галочка так что бы получилось примерно как на рисунке(это не сложно))).
[изображение]
6. Выберите слой с надпись (NICK) и сделайте копию этого слоя (ctrl+J)
Перенесите эту копию на слой ниже как показанно на рисунке, тыкните правой кнопкой мыши по этому слою и преобразуйте его сначало в смарт объект, а потом растрируйте его (см. рисунок)
[изображение]
7. Теперь сделаем отражение этого слоя так как будто надпись стоит на стекле:
для этого: трансформируем нашу копию по вертикале как показанно на рисунке:
[изображение]
и затем сдвинем этот слой вниз выбрав инструмент перемещение (кнопка V).
Получим вот такой результат:
[изображение]
8.Теперь сделаем так что бы наше отражение было похоже на отражение:
ДЛя этого:
1. сделаем его немного прозрачним
[изображение]
2. и немного сотрём
[изображение]
Вот мы и получили простой эффект отражения надписи на стекле.
9. Добавим теперь простой анимации.
Откроем окно с анимацией (см. рисунок)
[изображение]
10. Анимация у нас будит очень простая, а именно блёстки.
Создадим новый слой поверх остальных и кистью нарисуем несколько блёсток как показанно на рисунке:
[изображение]
сделаем эту операйию несколько раз... Блёстки при этом рисуем каждый раз разные... (рисунок сверху)
11. Теперь присвоим каждому кадру отдельный слой (см. рисунок):
(выбирая кадр ставьте маркер в виде глаза на слое)
[изображение]
Нажмите плей и вы авидете нашу анимацию.
12. Теперь уберём чёрный фон и сохраним таш ГРАФНИК.
Выберите первый кадр и снемите маркер в виде глаза с самого нижнего слой ( он у нас чёрный).
13. СОХРАНИМ НАШ файл.
Нажмине ФАЙЛ затем СОХРАНИТЬ ДЛЯ WEB.
Откроется вот такое окно:
[изображение]
выставите парамтры как показанно на рисунке и нажмите СОХРАНИТЬ.
Вот и всё))) ГРафник готов))) ;)
вот результат [изображение]
на чёрном фоне чата будит смотрется очень хорошо.
1. Создадим файл с параметрами допустим 120/50 (как показанно на рисунке)
[изображение]
2. Зальём его чёрным цветом (Ctrl+Backspace) для того что бы мы смогли посмотреть как наш графник будит выглядеть на чёрном фоне чата (в конце урока мы уберём фон).
3. Создадим новый слой.
[изображение]
4. Напишим ваш ник в этом слое как показанно на рисунке:
[изображение]
5. Тыкните по слою два раза левой кнопкой мышы(как показанно на рисунке)
откроется окно редактора стилей слоя. Выставите галочки как показанно на рисунке и выставите параметры тыкая на каждую категорию под галочка так что бы получилось примерно как на рисунке(это не сложно))).
[изображение]
6. Выберите слой с надпись (NICK) и сделайте копию этого слоя (ctrl+J)
Перенесите эту копию на слой ниже как показанно на рисунке, тыкните правой кнопкой мыши по этому слою и преобразуйте его сначало в смарт объект, а потом растрируйте его (см. рисунок)
[изображение]
7. Теперь сделаем отражение этого слоя так как будто надпись стоит на стекле:
для этого: трансформируем нашу копию по вертикале как показанно на рисунке:
[изображение]
и затем сдвинем этот слой вниз выбрав инструмент перемещение (кнопка V).
Получим вот такой результат:
[изображение]
8.Теперь сделаем так что бы наше отражение было похоже на отражение:
ДЛя этого:
1. сделаем его немного прозрачним
[изображение]
2. и немного сотрём
[изображение]
Вот мы и получили простой эффект отражения надписи на стекле.
9. Добавим теперь простой анимации.
Откроем окно с анимацией (см. рисунок)
[изображение]
10. Анимация у нас будит очень простая, а именно блёстки.
Создадим новый слой поверх остальных и кистью нарисуем несколько блёсток как показанно на рисунке:
[изображение]
сделаем эту операйию несколько раз... Блёстки при этом рисуем каждый раз разные... (рисунок сверху)
11. Теперь присвоим каждому кадру отдельный слой (см. рисунок):
(выбирая кадр ставьте маркер в виде глаза на слое)
[изображение]
Нажмите плей и вы авидете нашу анимацию.
12. Теперь уберём чёрный фон и сохраним таш ГРАФНИК.
Выберите первый кадр и снемите маркер в виде глаза с самого нижнего слой ( он у нас чёрный).
13. СОХРАНИМ НАШ файл.
Нажмине ФАЙЛ затем СОХРАНИТЬ ДЛЯ WEB.
Откроется вот такое окно:
[изображение]
выставите парамтры как показанно на рисунке и нажмите СОХРАНИТЬ.
Вот и всё))) ГРафник готов))) ;)
вот результат [изображение]
на чёрном фоне чата будит смотрется очень хорошо.