Анимация Веб-дизайн Тюнинг Обработка фото Спецэффекты Эффекты текста Видеоуроки Фотомонтаж Планшет
Скачать кисти Скачать PSD Книги Программы Скачать стили Скачать шрифты



Кисти Photoshop

Бесплатно 2 GB для ваших коллажей и фотографий

Аудит, бухгалтерский учет - компания Интеллаудит

Форум Новости Конкурсы Интервью Рисование Сайт-шоу Обзоры Партнеры Реклама Контакты Гостевая
Словарь терминов Горячие клавиши Установка Фотошопа
Большая прогулка Винни Пуха (анимация)
Большая прогулка Винни Пуха (анимация)


Красивые губки
Красивые губки


Ведьма
Ведьма


Плавленый текст
Плавленый текст


Улучшаем форму груди
Улучшаем форму груди

» » Сверкающий текст (анимация)
Купить полезную книгу: Самоучитель Photoshop CS6. Официальная русская версия (+DVD)

Популярные уроки по фотомонтажу

Создаем татуировку в Photoshop  Тучи и молнии  Как нарисовать слезу в Photoshop  Фотомонтаж  Девушка-кошка (фотомонтаж)  Фотомонтаж: меняем фон  Козабака  Фотомонтаж: создаем ангела с крыльями  Ангельские крылья: способ 2  Эффект Шарингана

Сверкающий текст (анимация)

: Анимация  : 4 октября 2007  : 145350  

Объявления:

Результат урока:



Эффект сверкающего текста прекрасно подойдет для создания баннеров, анимированных логотипов и подписей для форумов. Создайте новый файл в Фотошопе размером 4x4 пикселя и увеличьте его в 1600 раз.



С помощью этого маленького квадратика мы создадим эффектный фон для нашего баннера. Возьмите инструмент
Pencil (Карандаш) ,
установите размер в 1 пиксель и с помощью трех оттенков серого создайте такое изображение (Вы можете поэкспериментировать, меняя цвета, рисунок и размер изображения):



Теперь в верхнем меню выберите
Edit-Define Pattern (Редактирование-Определить узор).


Создайте новый файл. Я взял размер 468х60 пикселей- один из самых популярных размеров баннеров в интернете. В верхнем меню кликните
Edit-Fill (Выполнить заливку),
и в появившемся меню выберите только что созданный Вами узор:



Жмите OK. Фотошоп создает из маленького файла 4х4 пикселя вот такой интересный фон:



Теперь создаем надпись, взяв инструмент
Type tool (Текст)
Я использовал шрифт Concepto. Скачать его можно в разделе Шрифты. Инструкция по установке шрифтов- в упомянутом разделе.



Выровняем надпись по вертикали и горизонтали. Для этого возьмите инструмент
Move tool ,
нажмите Ctrl+A на клавитатуре, чтобы выделить все изображение:



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



Теперь надпись выровнена:



Придадим надписи эффект рельефа:
Layer-Layer Style-Bevel and Emboss
(Слои-Эффекты слоя-Скос и рельеф).

Можете добавить любые другие эффекты.



Изображение готово для дальнейших эффектов:




В окне слоев создайте новый слой. Если у Вас закрыто это окно, нажмите F7 на клавиатуре.



Возьмите инструмент
Brush tool (Кисть)
и, нажав клавишу Shift на клавиатуре, нарисуйте прямую вертикальную линию желтого цвета. Она должна располагаться до текста.



Добавим пару эффектов для желтой линии.
Layer-Layer Style-Outer Glow
(Слои-Эффекты слоя-Внешнее свечение):



Layer-Layer Style-Inner Glow
(Слои-Эффекты слоя-Внутреннее свечение):



Желтая линия преобразилась- теперь она похожа на луч света:



Теперь пришло время младшей сестры Фотошопа- Adobe Image Ready. Перед началом работы в этой программе я рекомендую сохранить Вашу работу в формате psd. Нажмите на иконке, чтобы перейти в эту программу.



Видим наш баннер в основном окне Image Ready:



В окне анимации создайте дубликат кадра, кликнув по указанной иконке:



Дубликат кадра создан:



Убедитесь в окне слоев, что у Вас активен слой с желтой линией:



Теперь перетащите желтую линию в конец текста:



В верхнем меню выберите
Layer-Create Clipping Mask
(Создать обтравочную маску)
(Ctrl+G)
Это позволить сделать так, чтобы желтый луч появлялся только внутри текста.



Изображение слоя с желтым лучом изменилось:



В главном окне желтый луч исчез:



В окне анимации нажмем иконку Tween:



И в появившемся меню ставим 20 кадров:



В результате чего между первым и последним кадром появилось 20 новых кадров, и программа сама сделает плавный переход между ними. Чем больше кадров, тем плавнее переход и больше размер файла. Осталось нажать на кнопку Play и выбрать режим воспроизведения Forever:



И насладиться анимацией %) :



Сохраните работу через команду
File-Save Optimized As
(Файл-Сохранить Оптимизированно как)

в формате gif:



Успешной анимации!


Глобатор

Кстати, если хотите научиться создавать сайты своими руками, то настоятельно рекомендую посетить знаменитый сайт "Дикая правда"- dikarka.ru. Это лучший учебник по веб-дизайну из всех, какие я когда-либо видел.


 Читайте также:

Если у Вас есть вопросы, можете задать их на нашем форуме.

Получайте новые уроки на e-mail:

Буду благодарен, если поделитесь ссылкой на эту страницу в одном из сервисов:

Присоединяйтесь к нам в Facebook (просто нажмите кнопку "Мне нравится"):

Понравился материал? Присоединяйтесь к нам в Твиттере @globatornet .



Популярные уроки по анимации

Создание анимированного GIF баннера  Анимация - блики на предметах  Прикольный анимированный аватар  Подмигивающая фотография  Сверкающий текст (анимация)  Анимация  Блеск драгоценностей (анимация)  Сверкающая одежда (анимация)  Новогодняя история (анимация)  Сверкающее око (анимация)

Популярные уроки по обработке фото

Кадр из старого фильма  Как изменить цвет глаз в Фотошопе  Перекрашиваем волосы в Фотошопе  Реалистичные капли на стекле  Историческая кисть в Photoshop  Как сделать коллаж в Adobe Photoshop  Как сделать макияж в Adobe Photoshop  Загар в Adobe Photoshop  Эффект миниатюры в Photoshop  Простой, но интересный эффект

Популярные уроки по спецэффектам

Африканские страсти и инструмент Перо  Реалистичная поверхность воды  Предчувствие весны (рисуем девушку)  Рисуем космос  Зима- морозные узоры на стекле  Урок по инструменту Перо  Абстракция  Использование стилей в Adobe Photoshop  Делаем рамки для фото  Обложка для диска

Популярные кисти Photoshop

Кисти-надписи  Сакура  Кисти-молнии  Кисти-бабочки  Кисти-морские обитатели  Кисти-цветы  Кисти-сердечки  Кисти Vector Curves  Кисти-бутылки  Кисти Magic Sparkle Lines

 





4istoe3oloto - победительница конкурса Подводный мир
4istoe3oloto - победительница конкурса "Подводный мир"


FatCat - победительница конкурса рисунка Кукольный мастер
FatCat - победительница конкурса рисунка "Кукольный мастер"


Айрена - победительница фотоконкурса Свет
Айрена - победительница фотоконкурса "Свет"


Яндекс цитирования Rambler's Top100
Уроки Photoshop
Вы можете установить кнопку Globator.net на своем сайте или блоге, скопировав этот код:

О проекте

Globator.net- это подробные уроки по Фотошопу, художественные кисти, красивые стили и полезные шрифты. Здесь вы найдете оригинальные уроки Фотошоп по следующим тематикам: фотомонтаж, обработка фото, анимация, спецэффекты, виртуальный тюнинг автомобилей и текстовые эффекты.

Подписка на обновления сайта

Вы можете получать обновления globator.net на e-mail или в свой RSS-ридер.


Всего подписчиков:Рассылка 'Уроки Фотошоп на Globator.com'
В случае перепечатки материалов сайта активная гиперссылка на Globator.net обязательна
Уроки Фотошоп, кисти, стили и шрифты на Globator.net©   2006-2014
Design by Globator