Мир фотошопа от Алёнки ZZolotko (Весь материал взят с отк... Четверг, 02.05.2024, 21:13
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Фотошоп уроки [657]
Картинки на прозрачном фоне в формате PNG [172]
Уроки анимации [81]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Уроки анимации

Серия с анимироваными рамками
Всем приветик!!!!! Хочу продолжить разговор о фотошопе и анимации в инете!!!! С чего начнем?  Наверное с самого фотошопа. На сколько я уведомлена, последней версией является Adobe Photoshop CS4  У меня, по крайне мере, эта версия стоит. До этого я пользовалась просто CS. Разница между этими версиями большая, особенно что касается анимации. В CS4 делается всё на много легче и настроек для сохранения больше. Если у вас стоит CS, тогда вам придётся перейти в такую программу как ImageRead, она входит в пакет с фотошопом и устанавливается вместе с ним. 
   И так.... как туда пройти? Ну... во первых она стоит в меню и программах, а во вторых, если вы уже сделали коллаж в фотошопе и хотите его анимировать..... то всё просто. Никуда не надо выходить и сохранять свою работу. Просто в панели с инструментами, в самом низу, нажмите значок со стрелкой и Вы благополучно окажетесь в  ImageReady.
   А теперь о главном. Какой инструмент самый главный для работы с анимацией? Конечно это анимационные кадры. Если они у вас не высветились, тогда зайдите в меню Окно и поставьте галочку напротив слова анимация.  В CS4 никуда выходить не надо. Просто поставьте галочку там же и у вас появятся анимационные кадры внизу программы!
   Вот вроде и всё. Коротко о главном. А сейчас поговорим о моих шаблонах. Как ими пользоваться? Ну, во первых никакие кадры создавать не надо. Просто открываете их и все кадры уже высвечиваются. Как открыть? Это можно сделать несколькими способами. Первый... это, находясь уже в программе, открыть через менюшку. А второй..... нажать правой кнопку на шаблон и выбрать открыть с помощью ImageReady или Adobe Photoshop CS  Если Вы просто кликнете два раза, то окажетесь в обычном фотошопе и вам придётся переходить в другую прогу.
   И так.... вы открыли шаблон в нужной программе.  Обсудим первый шаблон. Это будет Водопад. Он, вроде, полегче других. Сразу обратите внимание, что открылись все кадры. Их у меня во всех шаблонах 12. Почему такое число? Это оптимальный вариант для такого формата. Сразу скажу.... чем больше кадров, тем плавнее выглядят движения, но и больше вес картинки, а от этого зависит как быстро она откроется у Вас на страничке!!! Так что хорошо следите за этим делом. Это один из важных моментов в анимации.
  Ну вот... шаблон открыт и кадры все тоже. Что делаем дальше? Конечно убираем мою фотографию. Как это сделать? Всё просто.... вкладка со слоями!!! Находим там миниатюру с моей рожицей, кликаем по ней и нажимаем делит(клавиша удаления на компьютере Del) Всё!!! Меня нет!!! К моей фотографии, так же относится слой с цветком и слой с бликами в глазах.Это самые верхние 37 и 38 слои. С ними надо проделать тоже. Всё!!!! Рамка готова для приёма вашей фотки. Откройте её и перетащите на шаблон. При этом строго следите, что бы у вас был выделен первый кадр анимации. Если это будет другой кадр, то картинка у вас начнёт прыгать. И вам придётся либо удалять слой, либо подгонять кадр. И ещё один не мало важный момент..... желательно чтобы слой вашего фота находится на месте слоя с моим фото. Или, в крайнем случае, поверх всех слоёв. Здесь это позволительно, а вот в последних шаблонах нет. Потому что этот слой перекрывают другие, например тигр или лев.  Так..... вы ставили свою фотографию!!! Теперь её надо подогнать по размеру. В меню Редактирование выбираем Свободное трансформирование, и потянув за один из угловых маркеров, подбираем размер. А что бы сохранить пропорции фотки, при этом удерживаем клавишу шифт. Вот и всё!!! Ваша рамка готова!!! Её можно просмотреть!! Для этого под кадрами есть маленький плеер. Нужно просто нажать стрелочку воспроизведения. Получилось? Молодцы!!!!
  А сейчас самый важный этап....    это сохранение!!! Заходим в меню Файл и нажимаем Сохранить для web устройств. Сразу скажу, что качество будет отличаться от того что мы видим в программе. Потому что в мире несколько миллионов цветов и оттенков, а в инете их всего  256. Поэтому некоторые пиксели заменяются подобными. Это вы можете ярко увидеть, на примере этой рамки. Просто посмотрите на цветы!!!! И от этого никуда не денешься.  Однако есть выход. Обрабатывать свои фотки с помощью фильтров. Но об этом мы поговорим в следующий раз.  И так..... сохранение!!!! После всех ранее описанных манипуляций, открывается окошко с множеством настроек!!! Не будем их сейчас все разбирать. Поговорим о главном!!!! А главное что бы у нас стоял формат GIF. А остальное можете сами попробовать методом научного тыка!!!! Потом же можно просто будет отказаться от настроек и повторить процедуру сохранения заново. Ну вот и всё!!!  Нажимаем сохранить Save , и выбираем тёплое местечко для своей рамки. А если что нить у вас не получилось.... есть простой вариант!!! Просто сохранить без изменения и начать всё сначала!!!!
И, так...... Первая рамка под названием "Водопад"
Водопад.
 
Сразу скажу, это моя первая работа, мне в ней не всё нравится, но это, как раз разберём позже.
 Вторая рамка, это " Осень".

  Рамка получилась по настоящему осенней!!! Это единственная рамка, где присутствует не моя фотография. Просто я обожаю холодные тона. И не могла выбрать ни одну фотографию с тёплыми оттенками!!!
 Третья рамка, это " Зима". Так как я родилась перед Новым годом, эта тема мне ближе.


 Как Вы видите здесь уже появилось анимированое небо, а так же присутствует анимация с моей фоткой. Вам это делать не обязательно, но если Вы пожелаете, то я расскажу как это делается.
 "День и ночь"....... название следующей рамки.

  Только заметила...... похожа на вампира:-)). Надо бы клыки подрисовать!!!!! Зато в тему!!!!:-D Ух.... жуть.... аж самой страшно!!!! Люди!!! Не вздумайте сюда делать такую же фотографию!!!!! А я ,может исправлю!!!!
 Следующая рамка, это рамка под названием "Дождливые улицы".

  Как Вы, наверно, уже заметили, на всех моих работах присутствует подвижная вода. Поэтому и улица получилась такой мокрой!!!! А моя фотография была обработана с помощью фильтров в фотошопе.
 Далее у нас идут две рамки с животными, и первая из них это "Тропики".

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

  Нуууу.... это, по каш то, вершина моего творчества!!! Желаю, что бы и Вы смогли себе сделать такие же картинки!!!! Если Вам будет что то непонятно...... просто задайте мне вопрос, а я постараюсь Вам на него более или менее доступно ответить.
 А сейчас быстро скачивайте понравившиеся Вам файлы( ссылки приведены ниже)
Полезные ссылки:
 Водопад......................http://files.mail.ru/OI7VTO
 Осень.........................http://files.mail.ru/SYGXRB
 Зима...........................http://files.mail.ru/XAD3W0
 Дождливые улицы........http://files.mail.ru/7F75HW
 День и ночь.................http://files.mail.ru/09IO52
 Тропики......................http://files.mail.ru/DPOC8R
 Белый тигр..................http://files.mail.ru/QYA2LY
Категория: Уроки анимации | Добавил: ZZolotko (11.11.2009)
Просмотров: 1323 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2024
    Сделать бесплатный сайт с uCoz