• Авторизация


Без заголовка 21-05-2012 09:26 к комментариям - к полной версии - понравилось!

Это цитата сообщения M_i_K_a_z_Z_z Оригинальное сообщение

Урок : Текст по кругу (анимация)

1.Создаём новый документ 600х600 (или нужного Вам размера)и заливаете любым цветом,нужным Вам
Далее дело Вашей фантазии..Можете нарисовать сферу или открыть готовую картиночку с кругом,глобусом и т.д..
Я залила новый документ линейным градиентом и перенесла на созданный фон картиночку изображения земли

2.Берём инструмент ЭЛИПС..ОБЯЗАТЕЛЬНО НАЖМИТЕ В НАСТРОЙКАХ КНОПОЧКУ--КОНТУРЫ..(это нужно нам что-бы было возможно потом перемещать текст по контуру оси) Нажимаем и удерживаем кнопочки на клавиатуре ALT+SHIFT..а левой кнопкой мышки нажимаем по центру изображения земли и тянем осторожно в сторону или вверх..образовывая круг по диаметру больше чем изображение круга земли..Потом отпускаем кнопку мышки а потом уже и кнопочки клавиатуры..ОСЬ ЗЕМЛИ ГОТОВА


[показать]

3. Далее..Выбираем инструмент ГОРИЗОНТАЛЬНЫЙ ТЕКСТ..делаем нужные Вам настройки по выбору шрифта,размера шрифта,цвет и т.д..Я выбрала жирненький шрифт т.к он более объёмный и подходит лучше для поставленной задачи в уроке(но Вы можете выбирать что нужно Вам)..Как всё настроили то наводим курсорчик на наш контур оси в нужное Вам место..Курсорчик видоизменится..нажимайте и печатайте текст по кругу..столько раз что-бы заполнить весь круг
Я так и сделала...но видите на картинке что у меня не хватило места для того что-бы вписать последнее слово "..ЗЕМЛЮ.."


[показать]


Но не переживайте(если у Вас та-же ситуация)..Всё поправимо..хитростей в фотошопе много.
Два раза щёлкните непосредственно на иконке слоя с текстом в палитре слоёв, и Вы увидите как в фотошоп выделился наш текст

Теперь с выделенным текстом,удерживайте нажатую клавишу Alt и нажмите на клавишу с левой стрелкой чтобы добавить место между текстами пока туда не вместится слово которое у нас не поместилось.Ставите курсорчи в конец выделения..где уже добавилось место и прописывайте..если не хватает места то опять проделывайте выделение текста и добавляйте местечко..как я уже описала
Когда вы довольны всем то идите в меню верхней панели фотошопа и найдите там ПРОСМОТР(жмите)и в списке найдите и снимите галочку с раздела ВСПОМОГАТЕЛЬНЫЕ ЭЛЕМЕНТЫ или проще нажмите Ctrl+H, чтобы удалить контур оси, оставив только текст и изображение наше


[показать]

4. Стоим на слое с текстом(синего цвета-активный)
Идём в меню верхней панели фотошопа РЕДАКТИРОВАНИЕ-СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ и нажимаем..вокруг текста появится рамка-трансформирования..


[показать]


Зажимаем и удерживаем клавиши клавиатуры ALT+SHIFT и подводим курсорчик к среднему квадратику и когда курсор видоизменится то зажав левой кнопкой мышки этот квадратик аккуратно тянем вниз..по направлению к центру изображения нашей земли..что-бы текст равномерно сузился(чуть-чуть)..отпускаем мышку и потом кнопки клавиатуры


[показать]


Далее..Нажимаем правой кнопкой по нашему изображению с рамкой свободного трансформирования и выбираем в списке ПОВОРОТ..
За тем наводим курсор на правый уголок и когда он видоизменится зажимаем его левой кнопкой мышки и удерживая поворачиваем не много наш текст(вниз-влево)и как устроит результат то нажимаем INTER или нажимаем любой инструмент и в выпавшем окне выбираем ПРИМЕНИТЬ


[показать]



5. Можно придать тексту объём..стиль и т.д..Можно этого и не делать и оставить как есть..Но я всё-же сделаю..ведь надо-же мне похвастаться что я умею делать и этоНажимаем два раза по слою с текстом(не по иконке миниатюры с текстом..а именно по слою)и в выпавшем окне выбираете и настраиваете всё что хотите(наблюдая за изменениями вида текста)
Я лично выбрала вот что:..
Поставила галочку на ТЕНЬ и нажала..сделала вот такие настройки


[показать]


Далее..НЕ ВЫХОДЯ ИЗ ЭТОГО РЕДАКТОРА поставила галочку и нажала на раздел НАЛОЖЕНИЕ ГРАДИЕНТА
По умолчанию,фотошоп выдаст чёрно-белый градиент, он то нам и нужен. Сделала настройки как показано на скриншоте и получился лёгкий эффект освещения..ТЕПЕРЬ МОЖЕМ в редакторе нажать ОК..для выхода и приминения наших манипуляйций по применению тени и градиента


[показать]

6. НУ А ТЕПЕРЬ БУДЕМ ПРИВОДИТЬ В ДВИЖЕНИЕ НАШ ТЕКСТ

Для этого.. Правой кнопкой мышки нажимаем на наш слой с текстом и в выпавшем списке выбираем СОЗДАТЬ ДУБЛИКАТ СЛОЯ..ещё в одном выпавшем окошечке пишем название..к примеру ДУБЛИКАТ..что-бы нам не запутаться и знать..какой слой и т.д
Стоим на дубликате слоя(синего цвета-активный)а с первого слоя с текстом(оригинал) "выключаем глазик" видимости слоя.А на слое с изображением фона и с изображением земли "глазки" включены ВСЕГДА(в данном уроке)


[показать]



7. Нажимаем инструмент ПЕРО и в настройках нажимаем КОНТУРЫ..в нашем тексте вернулся наш контур по которому мы будем перемещать текст
Далее нажимаете на инструмент ВЫДЕЛЕНИЕ КОНТУРА


[показать]



8. Наводим курсорчик на начало написания нашего текста(на кружочек) жмём и зажимаем удерживая левой кнопкой мышки,передвигаем не много в левую сторону по линии контура оси.вперёд..За тем возвращаемся назад и видим там ещё кружочек..Жмём так-же на него и перетаскиваем по контуру чуть-чуть но так что-бы он оказался впереди нашего первого(начало текста)..(Не пугайтесь если изображение вдруг пропало..оно вернётся как подтянете задний кружочек вперёд первого)


9. Делаем опять дубликат слоя как я и описывала..Слой синего цвета-активный..со слоя под ним глазик выключаем..Не забываем что фон и картиночка земли--слои всегда видимые
Так-же передвигаем шарик начала текста по контуру..задний шарик передвигаем вперёд первого..
Так,поочерёдно проделываем и дальше..Делаем дубликат слоя и проделываем всё как я и описывала..Делаем до тех пор пока наш текст не продвижется по всему контуру оси и не "встанет" на изначальное своё место..где и начинал свой путь
Если ошиблись..не волнуйтесь..Меню верхней панели РЕДАКТИРОВАНИЕ-ОТМЕНИТЬ(или шаг назад) Вам в помощь
У меня получилось 9 слоёв

10. Выключаем "глазик" с нашего последнего слоя с текстом продвинутым..Встаём на самый первый слой именно с текстом "включаем" глазик..а сам он будет синего цвета-активный.Нажимаем и удерживаем клавишу SHIFT и щёлкаем по последнему слою с текстом..Таким образом все слои с текстом у нас выделятся..За тем нажимаем правой кнопкой мышки и выбираем РАСТРИРОВАТЬ ТЕКСТ


[показать]



11. Теперь становимся опять на первый слой нашего текста.."глазки" остальных слоёв текста закрыты..
Нажимаем правой кнопкой мышки и выбираем СОЗДАТЬ ДУБЛИКАТ СЛОЯ..Что-бы не запутаться в названии прописываем просто цыфру 1.
Зажимаем этот дубликатик левой кнопкой мышки и удерживая тянем его ПОД СЛОЙ С НАШЕЙ КАРТИНОЧКОЙ ЗЕМЛИ..


[показать]


Установили? "глазик" выключаем и возвращаемся вверх..
Теперь берём инструмент ЛАСТИК и удаляем им часть текста но только тот что НА ИЗОБРАЖЕНИИ ЗЕМЛИ...таким образом у нас получается видимость того что текст находится за периметром..

Становимся на второй слой с текстом "включаем" глазик..слой синий-активный а спервого слоя глазик отключаем..Делаем всё то-же самое что описала выше..дублируем слой..ставим цыфру 2 т.к слой второй дублируется..Тащим дубликат ПОД СЛОЙ С КАРТИНОЧКОЙ ЗЕМЛИ..отпускаем..глазик отключаем и возвращаемся вверх..Так-же инструментом ЛАСТИК удаляем часть текста как показано на скриншоте выше..
Встаём на третий слой с текстом..глазик включаем..слой активный а со второго слоя глазик отключаем
Так-же всё проделываем и с остальными слоями до самого конца.

12.
А ТЕПЕРЬ АНИМИРУЕМ ДВИЖЕНИЕ

13. Тут понадобится не много усидчивости,терпения и внимательности

Дошли мы до самого последнего слоя с текстом..сделали дубликат который опустили в низ..глазки отключены и т.д....Теперь создаём анимацию..
У нас уже имеется один кадр..выставляем время 0.2..
В слоях мы находимся на самом последнем слое с текстом(в оригиналах)глазик включен..Опускаемся в низ..к нашим дубликатикам которые находятся под слоем с картинкой земли..Включаем глазик там..у меня это дубликатик №10
Возвращаемся на верх..Создаём второй кадр..Опускаемся на слой ниже..включаем глазик а с предыдущего отключаем..и опять спускаемся в низ к нашим дубликатикам..с дубликата №10 глазик отключаем а №9 включаем
Вновь поднимаемся на верх..Создаём третий кадр..В слоях опускаемся на слой ниже,глазик включаем а с предыдущего отключаем..Опускаемся к дубликатам..с дубликата №9 глазик отключаем а №8 включаем..
Таким образом проделываем до самого конца..Создаём последовательно кадр и работаем в слоях оригиналов и слоях дубликатов
У нас должно получиться что в верхних слоях мы опустимся до слоя с картиночкой земли..а в дубликатах опустимся после картиночки земли до слоя-дубликата под цифрой № 1.
Вот и весь урок..Не совсем лёгкий но и не могу сказать что совсем сложный..
[показать]
Ваша Васютина.

 

взяла здесь

Серия сообщений "Работа с текстом":
Часть 1 - Создаём кружевной текст в Photoshop
Часть 2 - Текст с металлическим блеском
...
Часть 16 - Эффект крутящегося текста
Часть 17 - ДЕЛАЕМ СВОЙ ШТАМП
Часть 18 - Урок : Текст по кругу (анимация)
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | -Jeannette- - | Лента друзей -Jeannette- / Полная версия Добавить в друзья Страницы: раньше»