Главная | Регистрация | Вход Приветствую Вас Гость | Support community
     Гл.Меню
Главная страница Файлы Статьи Фотки Гостевуха Форум Инфор. о сайте Видео Cyberarena.tv (online) Купить игры Steam Повышение тИЦЦ И PR Скачать любое видео Наш ТОП Мониторинг серверов Заявки на мониторинг Баннеро-обмен C-V Prodactions Онлайн игры
     Мастерская
Распрыг Делаем из демки видео Понижаем пинг Настройка микрафона Настройка AMX MODA Установка плагинов Делаем Waypoint'ы Создание фона консоли Делаем цветное лого Настройка CS
     Всё для Сайта
Скрипты для UCOZ Шаблоны Иконки Шапки Замена значка сайта HTML цвета Раскрутка сайта Заработок Регистр.в поисковиках
     Всё для PhotoShop
Скачать PhotoShop CS4 Photo-Shop Online Всё для PhotoShop Кисти Шрифты Гридиенты Стили Уроки Видео Уроки
     Всё для CS
Скачать все версии CS Спрайты Прицелы Модели оружия Модели игроков Программы Плагины AMX Темы меню CS Боты для CS Flash игры для CS Готовые сервера Логотипы Патчи Тактика Прострелы Секретные места CS Скрипты для CS Триксы Читы и анти-читы Читы#2 Карты для CS Вейпоинты Web скрипты для CS Обои
     Другое
Софт Заработок Кряки Русификаторы Фильмы и мультики Игры на мобилку Музяка.mp3 Игры для ПК Игры для PSP Игры для X-Box Скины для WINAMP
     Услуги сайта
Изготовления лого Изготовления шапок Изготовления аватарок Изготовления баннеров Изготовления частей сайта Изготовления юзербаров
     Блок№1
Скачать Photoshop CS4 Скачать Nero 8 Скачать Fraps Скачать Sony Vegas 6 Скачать Team Speak 2 Скачать H-L Logo Creator Скачать CS 1.6 Non steam
     Разделы новостей
Анимация [52]
Фотокоррекция [10]
Эксклюзив [3]
Дизайн [5]
Спецэффекты [0]
Компьютерная графика [0]
Текстовые эффекты [0]
     Мини-чат
100
     Наш опрос
Пользуетесь ли вы читами?

Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 34
Обсудить опрос на форуме
Главная » Статьи » PhotoShop уроки » Анимация

Анимация
В этом Фотошоп уроке вы узнаете, как сделать анимацию для фона.


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


Шаг 1.


Создайте новый документ 350х350 px с белым фоном.

Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа.


Картинка должна быть меньше, чем сам документ.


уроки по фотошопу


Установите Линейки следующим образом (разделите на четыре равные части).

Чтобы сделать этот инструмент активным нажмите
CTRL+R или View ] Rulers (Просмотр - Линейки)


уроки по фотошопу


Шаг 2.



Возьмите инструмент уроки по фотошопу и создайте выделение вокруг левой верхней части картинки.


уроки по фотошопу


Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.

То же самое можно сделать Layer ] New ] Layer via Copy (Слой - Новый - скопировать на новый слой)


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


Шаг 3.



Каждому кусочку картинки примените такие стили:



Layer ] Layer Style ] Blending Options (Слой - Стиль слоя - Параметры наложения)


Тень:


уроки по фотошопу


Обводка:


уроки по фотошопу


Затем нажмите Ctrl+T или Edit ] Free Transform (Редактирование - свободная трансформация) и примените данный инструмент к каждому кусочку. Разверните их каким-нибудь уникальным образом.


уроки по фотошопу


Шаг 4.


Теперь оставьте видимым только один слой на фоне (здесь это layer 3)




уроки по фотошопу


Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady.



Там также как в Фотошоп будет рабочее окно, но кроме этого
вы увидите еще полоску для кадров.


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


Затем нажмите на кнопку уроки по фотошопу Duplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.


После чего перетащите картинку в рабочем окне снова на положенное место.


Выделите эти два кадра и нажмите на кнопку уроки по фотошопу Tween (Добавить промежуточные кадры).


уроки по фотошопу


В окне Tween установите такие настройки:


Начать с: Выделенный кадр

Добавить кадров: 8

Слои: Все слои




уроки по фотошопу


После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так:


уроки по фотошопу


Шаг 5.



Далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия. Так с каждым кусочком.


Когда у вас все будет готово, зайдите в меню File ] Save Optimized As... (Файл - Сохранить оптимизированный как...)


Вот и результат:


уроки по фотошопу


У Вас получилось?



Работа одного фотошоп-мастера:


уроки по фотошопу
Категория: Анимация | Добавил: SPAIDER (29.09.2009)
Просмотров: 361 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

     Форма входа
Привет: Гость

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
     Мы в ...

     Поиск
     Музыка
     Помощь
Яндекс деньги
 41001366606468

   WMZ
 Z313815764623

    WMR
 R328374170038
     Наш баннер
 Код Нашего баннера

     
     Реклама
Пройдитесть по одной
из этих ссылок
Мы будем вам Благодарны


  $$$ для web-мастеров $Аренда Серверов$
     Друзья и топы
Друзья

http://games-and-soft.ru/

GoldSoft56.ucoz.ru - ТОП раскрутка раскрутка сайтов.





//saymon-games.ucoz.ru/

mS Клан

Сайт клана Street.tm

Counter - Strike









Graffiti Decorations(R) Studio (TM) Site Promoter

регистрация сайта в каталогах

Топы

TOP

BIGwebs.ru-ТОП раскрутка раскрутка сайтов.

EN-TM TOP SITES

CS-TOP100.RU



Топ сайтов кс!

Топ100- Игры

CsFiles-Top 100 +WELCOME+

MGAME - Топ-рейтинг Counter-Strike сайтов.



TOP-GAMES

Счётчики

SteamBans.Ru, на счетчике показанно: Кол-во посетителей за сегодня, просмотров страниц за 24 часа и просмотров страниц всего.

Рейтинг@Mail.ru

Яндекс цитирования

     Статистика

Онлайн всего: 5
Бродяг: 5
Пользователей: 0



Зарег. на сайте
Всего: 224
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 0
Обычных юзеров: 223
Забаненных: 0



Dising by SPAIDER