Форум Pawn-Wiki.Ru - Воплоти мечту в реальность!: [Урок] Прыгающие буквы - Форум Pawn-Wiki.Ru - Воплоти мечту в реальность!

Перейти к содержимому

Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

[Урок] Прыгающие буквы Оценка: -----

#1
Пользователь офлайн   AndAnd 

  • Прохожий
  • Вставить ник
  • Раскрыть информацию
Прыгающие буквы

Шаг 1. Перед вами довольно легкий урок. Для начала создадим новый документ размером 300х300 пикселей (pixels) с прозрачным (transparent) фоном (background content) и напишем любую букву, которая нам нравится.

Изображение

Шаг 2. Теперь делаем три копии этого слоя (три раза нажмите сочетание клавиш Ctrl+J).
Мы находимся на нижнем слое и переходим в меню Редактирование – Трансформация (Edit – Transform) или нажимаем сочетание клавиш Ctrl+T, а затем немного «сплющиваем» нашу букву.

Изображение

Шаг 3. На следующем этапе выделите средний слой из трех слоев, которые мы создали и подвиньте его немного повыше (прим. сделать это можно при помощи инструмента Перемещение (Move), при желании можете применить Ctrl+T).

Изображение

Шаг 4. Для этого слоя, который мы передвинули повыше, создайте еще два дубликата (две копии).

Изображение

И средний слой среди тех, что мы только что сделали, подвиньте чуть повыше и «растяните» с помощью команды Ctrl+T.

Изображение

Отлично, теперь у нас должно получиться все так, как показано на рисунке 6. Уберем со всех слоев иконки «глазика» (прим. для этого нужно просто один раз кликнуть по ней), оставим видимым только первый слой, который мы создали.
Теперь необходимо перейти в Image Ready (для версий до CS3)


Изображение

или в меню Окно-Анимация (Window-Animation) (в версиях от CS3 и выше).

Работа с анимацией будет очень легкой. В окне анимации в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию Создать рамки из слоев (Make Frames from layers). Затем выделим все рамки и выставим интервал на 0,1 секунду, а затем сохраните оптимизированный файл (File-Save optimized (Ctrl+Alt+S)) (для Image Ready) или Сохранить для веб - устройств (File-Saveforweb) (Shift+Alt+Ctrl+S) (для версий CS3 и выше).

Изображение

Прим. Не забывайте, что анимацию следует сохранять в формате GIF.

Результат:

Изображение

Другой пример:

Изображение

Помните – фантазия является основой дизайна.

Автор: chompiras
Перевод: Анцыперович Александра
8

#2
Пользователь офлайн   Cris_Pro 

  • Хочу создать серверок..
  • Вставить ник
  • Раскрыть информацию
Лови +
0

#3
Пользователь офлайн   BossCheat 

  • Новичок
  • Вставить ник
  • Раскрыть информацию
Класс спасибо.
0

#4
Пользователь офлайн   Krezi 

  • © Pawn-wiki.ru
  • Вставить ник
  • Раскрыть информацию
спс,+
0

#5
Пользователь офлайн   Mike 

  • Администратор
  • Вставить ник
  • Раскрыть информацию
неплохо

p.s. видел урок на фотошоп мастер :D
0

#6
Пользователь офлайн   DragoSFire 

  • Знаток
  • Вставить ник
  • Раскрыть информацию
прикольно, не знал про анимацию в фотошопе
0

Поделиться темой:


Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

1 человек читают эту тему
0 пользователей, 1 гостей, 0 скрытых пользователей


Яндекс.Метрика