«ADOBE PHOTOSHOP и Macromedia Flash»

Рис.9.

С помощью инструмента выделению прямоугольной областью выделите левую часть шара так, чтобы правая граница выделения проходила чуть левее центра изображения.

Рис.10.

С помощью инструмента перемещения переместите выделенный фрагмент влево. Для перемещения желательно использовать не мышку, а стрелки клавиатуры.

Аналогичные действия произведите с правой частью.

Рис.11.

Выделите центральную часть и с помощью трансформации «Редактирование/Произвольная трансформация» растяните центральную часть влево и вправо до соответствующих фрагментов.

Настройте цвет получившейся кнопки с помощью меню «Изображение/Регулировки/Оттенок насыщение». Не забудьте установить флажок «Цветоризация».

Измените передний цвет и напишите текст.

Сохраните в форматах psd (Файл/Сохранить) и png (Файл/Сохранение для Web). Для формата png выберите прозрачный фон.

Трехмерная кнопка №2. Стеклянная кнопка

Действие 1:

Автор статьи: Dan

Создайте новое изображение размером 100х100. Создайте новый слой. С помощью инструмента Эллиптическая область(Elliptical Marquee Tool) сделайте выделение в форме круга (удерживайте Shift). Установите темно-зеленый цвет как передний, а черный как задний.

Залейте выделение, как показано точками на рисунке. (Используйте градиент)

Действие 2:

Возьмите аэрозольный баллончик (воздушная кисть) airbrush. Установите кисть «попушистее» и сделайте белый блик в левой верхней части.

Действие 3:

Создайте новый слой. Поместите его под слой с кнопкой.

Действие 4:

Залейте зону выделения черным цветом. Снимите выделение (Ctrl+D). Немного сдвиньте данный слой вправо и вниз.

Действие 5:

Размойте нашу тень Фильтр: (Filter > Blur > Gaussian Blur).

Сохраните в форматах psd (Файл/Сохранить) и png (Файл/Сохранение для Web). Для формата png выберите прозрачный фон.

Трехмерная кнопка №3

Для изготовления кнопки создаем новое квадратное изображение к примеру 50x50 пикселей. Создаем выделение окружностью .

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

Командой Выделение/Модифицировать/Сжать (Select/Modify/Contract)+ уменьшаем выделенную окружность и заполняем ее теми же цветами только в обратном направлении.

А теперь можно что ни будь написать на кнопке и отбросить от нее тень.

Сохраните в форматах psd (Файл/Сохранить) и png (Файл/Сохранение для Web). Для формата png выберите прозрачный фон.

Задание 2. Рамка.

Порядок выполнения:

Откройте изображение. Создайте новый слой и активизируйте его. Выделите все (Выделение/Выделить все). Зайдите в быструю маску. Используйте один из фильтров группы «Texture», например «Mosaic Tiles». Подберите параметры. Выйдите из режима быстрой маски. Установите передний цвет для рамки. Залейте выделение («Редактирование/Залить»).

Текстура зальет все изображение.

Уберите выделение («Выделение/Убрать выделение»).

Выделите центральную часть с помощью инструменты выделения прямоугольной или эллиптической областью.

Перейдите в режим быстрой маски. Примените фильтр «Pixelate/Color HalfTone» или «Pixelate/Crystallize». Фильтр – специальные алгоритмы обработки изображений. Используются для создания спецэффектов. Параметры фильтров подберите по своему усмотрению.

Выйдите из режима быстрой маски. Вырежьте выделенную часть (нажмите «Delete»).

Установите рельефность рамки.

Для этого на панели «Слои» выберите слой с рамкой. Нажмите правой кнопкой мыши и в контекстном меню выберите пункт «Настройки смешивания». В появившемся окне поставьте галочку «Фаска и рельеф».

Результат:

Shape-twinning

На монтажном столе зафиксируйте Слой1 (знак замка). Добавьте новый слой.

Нарисуйте фигуру, которая должна менять форму. В моем примере это облако.

На линейке прокрутки (Timeline) добавьте ключевой кадр (или пустой ключевой кадр).

Перерисуйте данную фигуру.

На линейке выделите кадр между 2 ключевыми. Установите пару Shape.

На линейке в слое 2 должна появиться линия. Нажмите CTRL+Enter, чтобы просмотреть анимацию.

Motion-tweening

Зафиксируйте Слой 2. Добавьте новый слой. Нарисуйте элемент, который должен перемещаться по сцене. Это может быть человечек, животное, бабочка, авто, лодка и т.п. В нашем примере это птичка.

Motion-tweening применяется только к символам. Поэтому рисунок надо преобразовать в символ. Для этого выберите инструмент «Стрелка» и выделите объект. Затем нажмите правой кнопкой мыши и в контекстном меню выберите «Преобразовать в символ».

В появившемся окне выберите поведение «ролик».

На последнем кадре линейке в слое3 вставьте ключевой кадр.

Переместите объект в другое место. При этом можете развернуть его и изменить масштаб. На линейке в слое 3 выберите кадр между первым и последним и установите пару Motion.

Нажмите CTRL+Enter, чтобы просмотреть анимацию. Птичка перемещается из одного конца в другой.

Чтобы птичка двигалась не по прямой, а по ломаной траектории, добавьте несколько ключевых кадров на линейке в слое 3 между первым и последнем и переместите объект в каждом из ключевых кадров (а также измените масштаб).

Анимирование символа

Для того, чтобы объект в процессе перемещения махал крыльями, вращал колесами, греб веслами, топал ногами или производил другие подобные действия, требуется анимировать символ. Для этого дважды щелкните по объекту на первом кадре. Должно открыться новое окно.

Добавьте от одного до трех ключевых кадра и в конце один обычный (Всего кадров, включая не ключевые, должно быть 10-15) и перерисуйте объект в каждом новом ключевом кадре.

Нажмите CTRL+Enter, чтобы просмотреть анимацию. Птичка теперь при перемещении машет крыльями.