-Рубрики

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

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

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

 

 -Статистика

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


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

Пятница, 12 Июля 2013 г. 23:16 + в цитатник
Цитата сообщения 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 - Урок : Текст по кругу (анимация)
Часть 19 - Урок «Движение текста по кругу»
Часть 20 - Улучшенные средства для работы с текстом в Photoshop CS6
Часть 21 - Два способа загрузки шрифтов в программу Photoshop
Часть 22 - Мастерская эффектов (2012)
Рубрики:  фотошоп/текстовые эффекты
Метки:  

 

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

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

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

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