-Метки

PNG backgrounds flash gif html jpeg liveinternet photoshop анимации анимашки анимированные открытки блестяшки блоги букеты видео видео животные видео с собаками видео юмор видеоприколы вопросы графика группа дети для photoshop для дневника дневники живопись животные задорнов задорнов видео иллюстрации картинки картины клип клипарт концерт концертная запись котята кошки кошки видео лиру любовь михаил задорнов музыка музыкальное видео музыкальный клип мультфильм мысли новый год обои обои на рабочий стол онлайн открытки пасха пейзажи песня питер поздравления посты поэзия праздники приколы с животными природа птицы рамки растровый клипарт розы рок русский рок скачать смешное смешное видео смешное фото смешные картинки смешные собаки смотреть смотреть онлайн собаки собаки видео собаки юмор собачьи игры стихи тальков творчество текстуры уроки флеш фоны фото фото юмор фотографии фотоприколы фотошоп футбол художники цветы щенки щенки видео щенок юмор

 -Стена

Inmira Inmira написал 09.11.2010 19:49:04:
ЛюдоМилка , привет))) где-то так) да еще и винт пустой, собираю все потихоньку)))
ЛюдоМилка ЛюдоМилка написал 27.10.2010 18:51:25:
привет солнышко ! как жизня ?что т тебя не слышу, ты там в новом фотоШопе утонула ?
ostrpov ostrpov написал 24.10.2010 21:18:19:
У вас не только глаза разбагаются, но и так увлекательно, что страничку не хочется закрывать. Спасибо!
Ludiko Ludiko написал 13.10.2010 18:57:43:
Большое спасибо! Вы - молодец! Так много всего интересного! Удачи и успеха!
lud09 lud09 написал 10.10.2010 21:02:20:
Inmira,спасибо за нужный материал.Я еще ничего не умею,но ,возможно, научусь,т.к.очень хотелось бы.Всего доброго Вам.

 -Поиск по дневнику

Поиск сообщений в Inmira

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 26.02.2009
Записей:
Комментариев:
Написано: 41360


Анимация. Урок photoshop. Вращаем, уменьшаем, передвигаем :-)

Вторник, 12 Января 2010 г. 15:16 + в цитатник
Делала под диктовку сына ему баннер, этот:
Legion, обучение,уроки
Под диктовку - в смысле, что он видел то, что хочет получить, а я пыталась это изобразить в фотошопе. Верите - весьма сложно было:-))) Ибо диктовал он примерно так "Должны буквы выплыть, ну примерно, как в Гарри Поттере газетная статья выплывает, помнишь?".
Я, естественно, не помню.. и начинается объяснение, как примерно должны буквы выплывать. В общем возились мы долго :-)))
Фон для баннера я рисовала в иллюстраторе переходами и кругами, но об этом - после)) Очень люблю бленды-переходы, обязательно расскажу:-)))
Сейчас расскажу, как мы делали первую часть баннера. Анимацию с вращением. С мечом все просто, как мне кажется. :-) Хотя и с вращением - очень просто, а результаты очень интересные получаются.

Делать мы будем не сразу баннер, - просто будем учиться анимировать. Ибо для создания баннеров - нужно писать длинную теоретическую часть о размерах, основных правилах и пр., пр.

Приступим)



Часть первая:

Анимация вращения.



Шаг первый:
Создаем новый файл (настройки 300-300 пкс, фон прозрачный):
photoshop, уроки

Берем инструмент "горизонтальный текст":
текст, photoshop

Настройки у меня:
анимация, вращения

Пишем текст:
работа с текстом

Растрируем текст (можно правой клавишей по файлу и выбрать в выпавшем окне - "растрировать слой":
растрируем текст

применяем к нему стили слоя, например (это по желанию, можно не применять :-) )
стили слоя

Все, подготовительный этап закончен, - переходим к трансформации, - вращению.
Шаг второй:
Нажимаем сочетание клавиш Ctrl +Alt +T (Переходим в режим свободной трансформации и копируем слой. Расклад клавиатуры - англ.! )

Вокруг текста появилась рамка трансформации:
трансформация

Теперь решаем на какой угол мы хотим повернуть наш текст. (360 градусов должно делиться на этот угол без остатка, если мы хотим, чтобы вращение было равномерным). Допустим - на 30 градусов за один кадр. Вводим число 30 сюда смотрим вверху программы):
поворот в photoshop

Как видим, у нас образовался новый слой с текстом, текст , в свою очередь, повернулся на 30 градусов:
поворот в photoshop

Жмем клавишу Enter для выхода из режима трансформации.

Теперь - мои любимые кнопочки :-)))
Нажимаем сочетание клавиш Ctrl + Alt + Shift + T ((Удобнее - с зажатыми клавишами Ctrl+Alt+Shift просто тыкать на клавишу T). Происходит примерно такое (я добавила фон, - не люблю обводку у гифок):
вращение

360:30=12, значит мы жмем сочетание Ctrl + Alt + Shift + T 10 раз, ибо 2 слоя у нас есть уже, а надо - 12. В результате, у нас образуется 12 слоев:
трансформация

Все, - еще один этап позади. Осталось - анимировать. Советую создать какой-то фоновый слой, нижним, иначе - обводка эта(((

Шаг третий.
(У кого версия photoshop ниже CS 2 - переходим в имадж реди). Мы же открываем палитру анимации:
анимация

Отключаем все слои кроме первого (и фонового, если Вы его создали):
photoshop, уроки анимации

В панели анимации, сразу проставляем время кадра и "Forever- всегда":
photoshop, уроки анимации

Кликом сюда (по стрелке) создаем новый кадр в панели анимации:
photoshop, уроки анимации

В палитре слоев включаем второй текстовый слой и отключаем первый:
photoshop, уроки анимации

Снова, - новый кадр в панели анимации:
photoshop, уроки анимации

Снова включаем следующий текстовый слой и отключаем предыдущий:
photoshop, уроки анимации

Аналогично поступаем со всеми остальными слоями.
У нас должно получится 12 кадров в панели анимации. У первого кадра тыкаем по стрелке:
photoshop, уроки анимации

И ставим длительность кадра, допустим, - 2 секунды:
photoshop, уроки анимации

Все, сохраняем файл как gif- анимацию. Вышло (я подрезала):
photoshop, уроки анимации
Можно ускорить, - уменьшить время кадров.


Часть вторая:

Анимация вращения и уменьшения (увеличения).


Повторяем наш Шаг первый: из первой части урока. Опять повторяем это:
Нажимаем сочетание клавиш Ctrl +Alt +T (Переходим в режим свободной трансформации и копируем слой. Расклад клавиатуры - англ.! )

Вокруг текста появилась рамка трансформации:
трансформация
Проставляем, как в первой части урока угол , допустим 30 градусов и включаем цепочку соблюдения пропорций (по стрелке):
 трансформация

И выбираем на сколько процентов мы хотим уменьшать. Допустим - 10, значит - ставим размер 90 процентов:
 трансформация

Дальше все повторяем, как в первой части урока... нажимаем Enter, потом - сочетание клавиш Ctrl + Alt + Shift + T столько раз, сколько посчитаем нужным, - смотрим, чтобы картинка уменьшилась до нужного нам размера. Происходит такое (я опять добавила фоновый слой):
  трансформация

Анимируем, как в первой части урока. Я начала включать слои, начиная с самого маленького (верхнего слоя), и самым длительным сделала нижний текстовый слой (и подрезала):
 уроки photoshop


Часть третья:

Анимация вращения, уменьшения (увеличения) и перемещения. (трансформация вручную).


Еще немного. Возьмем любую картинку в png:


Снова откроем новый в фотошопе и затащим на него нашу картинку (фоновый слой я залила черным цветом). Встаем на слой с картинкой:
 уроки photoshop

Снова - Нажимаем сочетание клавиш Ctrl +Alt +T. С зажатой клавишей Shift немного уменьшаем картинку, отпускаем Shift, затем - немного поворачиваем, и немного передвигаем влево и вниз:
уроки photoshop

Дальше все по первой части урока:
Жмем клавишу Enter, Нажимаем сочетание клавиш Ctrl + Alt + Shift + T столько раз, сколько посчитаем нужным (все зависит от нашего замысла) и анимируем:
уроки photoshop

Пока все)) Теперь все зависит только от вашей фантазии и идей. Я рассказала только основной механизм работы. Можно двигать снежинки, звездочки, тексты, уменьшать и пр, пр. Всем удачи и творческого вдохновения : -)
Рубрики:  Photoshop. Уроки, советы.
Метки:  

Процитировано 334 раз
Понравилось: 18 пользователям

lyudmilakedinova   обратиться по имени Вторник, 12 Января 2010 г. 15:22 (ссылка)
спасибо
3c2c29c10541 (128x134, 25Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 12 Января 2010 г. 15:23ссылка
lyudmilakedinova, всегда пожалуйста)))
Дарина423   обратиться по имени Вторник, 12 Января 2010 г. 15:25 (ссылка)
Спасибо, Инночка!!! Остаётся только сделать!!!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 12 Января 2010 г. 15:28ссылка
Дарина423, удачи, солнышко)) все очень просо) все получится))))
azazela502   обратиться по имени Вторник, 12 Января 2010 г. 15:53 (ссылка)
Даже не предполагала , что это так интересно ! Тоже ОЧЕНЬ ХОЧУ НАУЧИТЬСЯ , если мозгов хватит...
СПАСИБО, возьму ссылочку ! ( Если потребуется помощь ,можно обратиться ?)
53546935___65533 (440x380, 125Kb)

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 12 Января 2010 г. 16:19ссылка
azazela502, конечно, - можно и нужно)) удачи)))
Фима-Собак   обратиться по имени Вторник, 12 Января 2010 г. 16:13 (ссылка)
Спасибо за интересный урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 12 Января 2010 г. 16:21ссылка
Фима-Собак, всегда пожалуйста, солнце)) а вообще, спасибо сыну)) не его бы идея с баннером, - не было бы и урока)))
Людмила_Малюта   обратиться по имени Вторник, 12 Января 2010 г. 16:54 (ссылка)
У вас все очень просто получается. Я попытаюсь... Очень нравятся такие штучки. Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 12 Января 2010 г. 17:05ссылка
Людмила_Малюта, всегда пожалуйста) удачи)))
Skarbnychka   обратиться по имени Вторник, 12 Января 2010 г. 16:54 (ссылка)
Спасибо за урок!:give_rose
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 12 Января 2010 г. 17:05ссылка
Орина, пожалуйста))) успехов)
Kapitoshka_N   обратиться по имени Вторник, 12 Января 2010 г. 16:57 (ссылка)
Добрый день, Иннуличка:) Спасибо за очередной урок :) Забрала себе!!!!Чмокаю, лап:))))
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 12 Января 2010 г. 17:07ссылка
Kapitoshka_N, привет, солнце)))) всегда пожалуйста) очень рада, что пригодился)))
целую, прекрасного настроения тебе)))
Перейти к дневнику

Вторник, 12 Января 2010 г. 17:25ссылка
Inmira, спасибо,лапулечка:))))) Взаимно!!!!
Антэя   обратиться по имени Вторник, 12 Января 2010 г. 17:28 (ссылка)
Попробую.
Ответить С цитатой В цитатник
Нина_Гуревич   обратиться по имени Вторник, 12 Января 2010 г. 18:06 (ссылка)
Инночка. спасибо
 (208x131, 27Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 12 Января 2010 г. 18:29ссылка
Нина_Гуревич, уря)))))))))))))))))))))))) получилось))
Ledy_OlgA   обратиться по имени Вторник, 12 Января 2010 г. 20:23 (ссылка)
Иннуля, привет! зашла пожелать тебе доброго вечера и чмокнуть тебя нежно!
сейчас разберу почту и буду делать - отчитаюсь и буду ждать твоей оценки)))!!!
Обнимаю , дорогая!
(что-то мы деловые какие стали - совсем ни на что времени не хватает)))))
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 13 Января 2010 г. 01:35ссылка
Ledy_OlgA, ой, Олечка, как хорошо, что ты забжала))) чмоккк)) у мну к тебе дело на миллион)) я тебе в личку чичас напишу)) прочитай, пожалуйста)))
еще не хватало передо мной отчитываться)) не смеши)) ты в анимации - ас)) это мне перед тобой отчитываться надо)) я года полтора не анимирую, все забыла(
чудесного настроения, солнце)))
LebWohl   обратиться по имени Вторник, 12 Января 2010 г. 21:08 (ссылка)
Иннуль приветик, спасибо за урок, а особенно за твои навыки, с нами делишься, попозже сделаю
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:44ссылка
Kisska67, всегда пожалуйста)
auwa   обратиться по имени Вторник, 12 Января 2010 г. 21:14 (ссылка)
ОЙ!!
КАК КЛАССНО
Ответить С цитатой В цитатник
auwa   обратиться по имени Вторник, 12 Января 2010 г. 21:16 (ссылка)
Громадное спасибо за такой труд
 (500x508, 166Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:45ссылка
auwa, спасибо за спасибо, солнышко)
ЭМИЛЛИ   обратиться по имени Вторник, 12 Января 2010 г. 21:34 (ссылка)
Спасибо,лапочка!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:45ссылка
ЭМИЛЛИ, спасибо)) очень рада, что понравился)))
Наталия_Поталова   обратиться по имени Вторник, 12 Января 2010 г. 21:43 (ссылка)
Спасибо, милая!! Я все уроки по фотошопу забираю.. потом сижу и потихоньку пытаюсь в них разбираться!!Всего тебе самого доброго!!!С наступающим старым новым годом!!!
1263311549_0_1e445_e3e50715_L (500x480, 225Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:46ссылка
Наталия_Поталова, спасибо, дорогая)) со Старым Новым годом тебя)) всего самого лучшего в этом, наступившем году)
Dany_kleine_Welt   обратиться по имени Вторник, 12 Января 2010 г. 21:55 (ссылка)
Inmira, Иннуль пасибки за урок))
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:46ссылка
Dany_kleine_Welt, всегда пожалуйста)))
Silwa282828   обратиться по имени Спасибо! Вторник, 12 Января 2010 г. 21:58 (ссылка)
Не поняла с самого начала. Как создать такой файл? Не дано, мне видно, быть аниматором, а так хочется!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 13 Января 2010 г. 01:30ссылка
Silwa282828, в фотошопе, англ. расклад клавиатуры и нажать сочетание клавиш Ctrl + N, или так:
уроки photoshop
откроется иабличка, как у меня, в ней проставляем размеры и пр. :-)
Видимо, все же придется вводный курс, типа, фотошоп с нуля)) я постараюсь)) извини, мне казалось, уже все мои читатели это знают((( завтра постараюсь начать подробно описать самые азы)))
удачи)))
denistoom   обратиться по имени Вторник, 12 Января 2010 г. 22:24 (ссылка)
Спасибо огромное! очень полезно!
 (288x288, 18Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:47ссылка
denistoom, вот и здорово) всегда пожалуйста)))
я-оля-леля   обратиться по имени Вторник, 12 Января 2010 г. 22:44 (ссылка)
спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Солнечный_лис   обратиться по имени Вторник, 12 Января 2010 г. 22:50 (ссылка)
Иннуля, спасибо! Очень интересный урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:48ссылка
Солнечный_лис, здравствуй, милая)) всегда пожалуйста))
NATALIU   обратиться по имени Вторник, 12 Января 2010 г. 23:07 (ссылка)

 (331x133, 150Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
Ledy_OlgA   обратиться по имени Среда, 13 Января 2010 г. 01:25 (ссылка)
Иннуль - на уменьшение и удаление времени не хватило - но сделаю обязательно!!!
зато я тебе розочку с блесточками воткнула)))
Спасибо, моя дорогая! чмокаю тебя!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:49ссылка
Ledy_OlgA, ты, как всегда))) спасибо)) замечательно вышло))))
Ledy_OlgA   обратиться по имени Среда, 13 Января 2010 г. 01:26 (ссылка)
Иннуль, возму в цитатник - так уж точно не забуду, еще раз спасибо большое!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:49ссылка
Ledy_OlgA, спасибо, дорогая))))
lussiava   обратиться по имени Среда, 13 Января 2010 г. 01:39 (ссылка)
Спасибо, очень интересно)))))))))))))))))))
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:50ссылка
lussiava, я очень рада) всегда пожалуйста)
Ledy_OlgA   обратиться по имени Среда, 13 Января 2010 г. 01:46 (ссылка)
Иннуль - почему у меня сама картинка уменьшается на проценты)))))??
что я не так делаю))))?
Ответить С цитатой В цитатник
Ledy_OlgA   обратиться по имени Среда, 13 Января 2010 г. 01:47 (ссылка)
Ой, а тут смотрится хорошо)))) прости, солнце - ввела в заблуждение)))))
пошла в личку!!!!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 13 Января 2010 г. 01:50ссылка
Ledy_OlgA, брависсимо)) сразу видна рука мастера)))))
ждю личку))))
Перейти к дневнику

Среда, 13 Января 2010 г. 01:55ссылка
уже всю исчеркала!)))))))))))))))))))) и, кстати, мадаме черкнула!!!!!))))))) но мягко))
Перейти к дневнику

Среда, 13 Января 2010 г. 02:18ссылка
Ledy_OlgA, видела))) спасибо, солнце)))
Masinka   обратиться по имени Среда, 13 Января 2010 г. 04:59 (ссылка)
Сложный урок, но, конечно, одолимый. Спасибо огромное!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:50ссылка
Masinka, он не сложный) это кажется, потому как буковок много))) конечно, - одолимый)) удачи)))
Kalambina_Gerber   обратиться по имени Среда, 13 Января 2010 г. 05:05 (ссылка)
спасибо
 (110x110, 50Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 14 Января 2010 г. 18:51ссылка
Kalambina_Gerber, всегда пожалуйста)
Наталья_Петрова11   обратиться по имени Среда, 13 Января 2010 г. 05:32 (ссылка)

 (400x276, 190Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 13 Января 2010 г. 15:36ссылка
Наталья_Петрова11, СПАСИБИЩЕ))))))))))))))))Как я рада)) умничка)))))))
Комментировать К дневнику Страницы: [1] 2 3 4 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку