keyown = 0
17th October 2015  /  19 11

Как создать анимированный баннер

Как создать анимированный баннер

Урок о том, как создать анимированный баннер в программе Photoshop CS5 для новичков, не владеющих инструментами редактора. Достаточно уметь открывать в нем графические файлы. Мне, как раз, необходимо создать реальный баннер партнерского хостинга. Его размер будет 468 х 60 px - это один из стандартных размеров (готовый баннер внизу страницы).
1. В основном меню программы жмем «Файл - Создать» (Ctrl+N):

В окне необходимо задать Имя, размеры и выбрать Прозрачный фон - остальные параметры трогать не надо, жмем OK. Если у вас другая версия Photoshop - не страшно, все действия и инструменты будут такие же. На пустой баннер я поместил изображение серверов, а вам нужно открыть своё: «Файл - Открыть» (Ctrl+O).
Высота нашего баннера 60 px, подгоните по размеру своё: «Изображение - Размер изображения» (Alt+Ctrl+I).
2. Выделите его инструментом «Прямоугольная область» (1), или его часть, затем «Редактирование - Скопировать» (Ctrl+C). Теперь на пустом баннере выделите примерную область вставки и далее: «Редактирование - Вставить» (Ctrl+V). Подправьте его расположение инструментом Перемещение (2):
3. Инструментом Заливка (3) кликните на пустом месте баннера. Если ваше изображение было в формате JPG, то останется его фон, покликайте по нему - может не получиться, закрасится полезная область. В идеале лучше иметь изображение в формате PNG, без фона, и вставить его уже на залитый баннер. У меня получилось сносно:
Заливка
Чтобы установить цвет, кликните по квадрату (5), а в открывшейся «Палитре цветов» выберите нужный, у меня желтый: #f9f100 - его можно просто ввести в поле, внизу палитры:
Палитра цветов
4. Выделите инструментом (1) прямоугольник в средней части баннера, выберите в палитре (5) белый цвет: #ffffff и залейте область инструментом (3). Для отмены любых действий используйте «Редактирование - Шаг назад» (Alt+Ctrl+Z). Теперь будем работать с инструментом Текст (4):


Link

WWW+Programming






The basic of programming
The basic of WWW programming.
Studying and teaching
Program producing
Site, forum
Geo:Russia & other NIS

Work out

Нажмите, чтобы вернуться на головную страницу
Нажмите, чтобы перейти к анализу по темам