Первый урок третьего курс?тренинга
?сообществе "Фотошо?урок? тренин? об?снен?"




Анимац? надпис??br /> анимац? искажения на картинке.

Новая редакц? урок?



Урок написа??2009 году ?опубликова?ЗДЕС?

?этом урок?мы буде?использовать стандартны?фильтр?br /> ?инструмент?программ?

?конечном результате ?на?буде?2 анимации:
анимац? текста ?анимац? картинки.

Но задача урок?не только ?создании анимации.
Новичк?смогут познакомит?
?одни?из способов создан? рамк?
изменени?световог?тона отдельны?участков фото.

?урок?использовано сток фото
источник - ссылка

скачат?(жмит?на превью, чтоб?получить полный размер,
которы?сохранит?на компьютере для выполнен? урок?


Пере?те? ка?начать урок хочу дать советы новичкам:

1)периодически делайт?сохранение рабочего файл ?формат?PSD
(меню - файл - сохранит?
Эт?позволит сохранит?уж?сделанно?br /> ?продолжить работу ?любо?удобны?момент.

2)Цифровые значен? настроек, особенно ?эффектах сл?,
на разных операционных системах
могу?давать разный эффект.
Если эффект по настройкам ?урок?не получает?,
играйт?настройкам? не бойтес?изменить их
?хороши?результа?получится.

3) Не путайт?панель анимации ?панель слоё?
Слои - ?панели слоё?
Кадр?- ?панели анимации.

Част?1.
Подготовка изображения.

1. Открывае?изображени??фотошопе
(меню - файл - открыт?.
Преобразуе?задний план на слой.

2.Обрезаем изображени?инструментом "рамк?quot;.

Эт?сделат?достаточно просто.
Достаточно активировать инструмент
(сделат?клик по ег?иконке ?панели инструментов)
?обвест?нужную област?



Жмём клавиш?Enter,
чтоб?применит?инструмент
?продолжить работу.

3. Измени?разрешение ?размер ?пикселя?изображения.

Открывае?окно ?параметрам?размер??разрешен?
(меню - изображени?- размер изображения)
Размер ?пикселя?може?отличать? из-за обрезк?



Сначал?ме?ем разрешение.
Стирае?значение 300 ( эт?значение для печати)
Пише?значение 72 ( для ве?



Размер ?пикселя?изменился автоматическ?
но мы може?вписат?любо?нужное значение.
По ширине стирае??вписывае?400,
высота изменится автоматическ?



Жмём Ок.
Теперь размер нашего изображения 400?47 пикселей.

4. Сделае?рамк?для картинки.
Опытны?пользователи могу?воспользоваться
любы?способ создан? рамк?br /> (дополнительным?плагинам? заливкам????)
Новичк?следую?по моим шага?

1) Увеличивае?размер холста
на 50 пикселей по высоте ?ширине.
(Ка?изменить размер холста читайт?пунк?4 ЗДЕС?



Ка?видите, образовалось свободно?пространство,
которо??нужн?для рамк?

2) Загружае?выделени?сл?,
инвертируе?выделени?br /> (меню - выделени?- инверс?)
создаё?новы?слой
(втор? иконка справа вниз?панели слоё?
заливаем выделенную област?цветом
(цвет лучш?подбират?пипеткой ?картинки,
эт?позволит сохранит?наименьшее количество тоно?
чтоб?свести до минимума изменени?качества картинки
пр?сохранении анимации)

Сделайте клик по област? цвет ?которо?хотите взять,
?он отобразится на иконке палитр?цветов.





Снять выделени?
(меню - выделени?- отменить выделени?

3) Применяем эффект??слою ?рамкой
Панель стилей (эффектов) можн?br /> сделав клик правой кнопко?мыши по слою
выбрат?- параметр?наложения.
Ил?втор? иконка слев?вниз?панели слоё?



Внешне?свечение
Настройк?
режи?наложения - экра?br /> непрозрачность - 50%
цвет - белы?br /> размер - 30



Внутреннее свечение
Настройк?
режи?наложения - экра?br /> непрозрачность - 40%
шу?- 40%
цвет - # ffffbe
мето?- ?гкий
источник - из центра
размер - 16



Обводк?/b>
размер - 1
положени?- внутри
цвет - # fed31a ( ?изображения)



Получаем таку?рамк?



Част?2.
Подготовка текста для анимации.

5. Пише?текс?

Пишите любо?текс? но не увлекайтес?количество?букв,
та?ка?кажд? букв?- эт?кадр анимации.

?написала "Спасиб?quot;
чёрным цветом ?шрифто?
которы??ме? ст??по умолчани?

Теперь нужн?отредактироват?текс?
подробно ?редактировании написанног?текста
читайт?ЗДЕС?

1) Открывае?панель "символ"
(меню - окно - символ)
Эт?панель ?настройкам?текста.

Устанавливае?следующи?настройк?
шриф?- Georgia
(стандартны?шриф???Windows
активе?во всех верс??фотошопа)
начертание - Bold Italic
кегл?(размер шрифта) - 60пт
обратите внимание ?каки?единицах ?ва?настроен этот параметр.
?моём случае - пт (пункты).
Изменить настройк?единиц можн?br /> ?меню - редактирование - установк?- единиц?измерения линейк?



расстояни?межд?буквам?- 75
высота букв - 120%
ширина букв - 110%
активн?- псевдокурсивно?начертание.



Вы можете сделат?свои настройк?
но не забывайт? чт?межд?буквам?br /> должно быть расстояни?
Эт?позволит свободно копировать каждую букв?

2) ?тексту можн?применит?готовы?стил?
ил?изменить цвет, залить текстуро????
?применил?стил?



Скачат?стил?- ссылка

3) Закреп?ем стил?сл?, чтоб?он не изме?лся
пр?дальнейших действ??
(ка?закрепит?стил?сл? читайт?ЗДЕС?)

4) ?панели слоё?слой ?тексто?опускаем по?слой ?рамкой.
Для удобства работы совету?изменить параметр?(название) слоё?/a>.



6. Копируем букв?на отдельны?слои.

Нахо?сь на слое ?тексто?br /> активируем инструмент "прямолинейное ласс?quot;,
аккуратн?обводи?(выде?ем) им первую букв?br />


?копируем на новы?слой
(меню - слои - новы?- скопироват?на новы?слой
ил?сочетани?клавиш Ctrl+ J)
Называем слой то?буквой, котору?скопировал?



Таки?способом вырезаем вс?букв?
Не забывайт? чт?выделени?букв производит?br /> на слое ?тексто?
?? посл?очередного копирования
ва?нужн?перейт?на слой ?тексто?br /> ?только посл?этог?делать ново?выделени?

?итог?получаем



7. Выде?ем слои ?буквам?br /> ?убирае?их ?группу ?параметрам?"букв?quot;.
(ка?объединить слои ?группу читайт?ЗДЕС?/a>).



Част?3.
Подготовка изображени?для анимации искажения.

8. Немног?осветлим задний серы?план.

1) Создаё?новы?слой ?располагае?ег?на?слое?"картинка".

2) ?гкой кисточко?белого цвет?br /> ?радиусом 150 пткселей
сделае?тр?клик??районе серого фона.
Заливк?сл? - 60%



Эт?позволит немног?осветлит?фо?
?такж?поможе??создании искажения.
Дело ?то? чт?фильтр, которы?мы буде?применять для искажения
плох?работает на однотонной поверхност?
Нужн?тоновы?переходы, которы?мы ?создал?

3) Избавимся от лишних пикселей белого наложения,
которы?остались по?рамкой.
Эт?позволит? хоть ?не на мног? но уменьшит?ве?нашего изображения.

Загружае?выделени?сл? "картинка",
инвертируе?выделени?
переходи?на слой ?белы?наложением,
удаляем лишнее
(меню - редактирование - очистить
ил?клавиш?Delete),
снимае?выделени?
соединяем со слое?"картинка",
?слой "текс?quot; удаляем, он?на?больше не нуже?

2. Для искажения картинки мы буде?применять фильтр
штрихи - аэрограф.
Анимац? буде?происходит?за счёт изменения параметров настроек фильтр?

1) Создаё?7 дубликатов сл?
нажатием клавиш Ctrl+J

Оригинал+7дубликатов=8слоё?
Переименуе?слои, для удобства работы.



2) Слой 1 оставляем бе?изменени?

3) Переходи?на слой 2 ?применяем
фильтр - штрихи - аэрограф.
Настройк?
длин?штриха - 15
радиус разбрызгиван? - 0
направлени?штрихо?- по диагонал?вправо.



Для следующи?слоё?мы буде?изме?ть только один параметр фильтр?br /> радиус разбрызгиван?.

Для сл? 3 радиус - 5



Для сл? 4 радиус - 10



Для сл? 5 радиус - 15



Для сл? 6 радиус - 18



Для сл? 7 радиус - 22



Для сл? 8 радиус - 25



3) Выде?ем слои 2 - 8
?убирае?их ?группу ?параметрам?"искажени?quot;.



Част?4.
Анимац?.

9. Сначал?разберём? ?буквам?

Открывае?панель анимации
(меню - окно - анимац?)
Мето?- пост?нн?
Время задержки - 0,1 се?

?панели слоё?отключае?видимост?груп?"букв?quot; ?"искажени?quot;



10. Создаё?анимацию букв.

1) Создаё?следующи?кадр
(втор? иконка справа вниз?панели анимации)
Открывае?видимост?группы "букв?quot;,
??не?оставляем видимост?только первой букв?



2)Создаё?следующи?кадр.
Открывае?видимост?следующе?букв?



Повторяем этот подпункт до те?по?br /> пока не буду?открыт?вс?букв?

?ме? получилось 9 кадров.



3) Букв?по кадрам расставлен?
Теперь создадим плавно?исчезновение всей надпис?

Создаё?следующи?кадр,
?моём случае 10,
?на нё?закрывае?видимост?группы "букв?quot;



Добавляем ?этом?кадр?промежуточны?кадр?br /> (трет? иконка справа вниз?панели анимации)
Стирае?значение по умолчани??вписывае?2 кадр?br /> этог?вполне достаточно.



Жмём ОК.
?панели анимации стал?на 2 кадр?больше.



Последни?кадр,
?моём случае 12-ый ?буде?начало?анимации искажения картинки.

10.Искажени?картинки.

1) На последне?кадр?посл?создан? анимации букв,
?моём случае 12-ый кадр,
открывае?видимост?группы искажени?
??не?оставляем видимост?только сл? 2.
(слой 1 можн?сделат?невидимы?



2) Создаё?следующи?кадр,
закрывае?видимост?текущего сл?,
открывае?видимост?следующего сл?.



Повторяем этот подпункт до те?по?br /> пока не буду?открыт?вс?слои ?искажением на кадрах.

?моём случае получилось 18 кадров.



3) Подёргае?немног?искажени?
?? создадим пару кадров ?переменной видимостью слоё?7 ?8.

Эт?можн?сделат?двумя способам?

Первый способ.

Создаё?новы?кадр,
отключае?видимост?сл? 8 ?открывае?видимост?сл? 7.



Создаё?следующи?кадр,
отключае?видимост?сл? 7 ?открывае?видимост?сл? 8

.

Второй способ.

Нахо?сь на кадр??видимостью сл? 7,
?моём случае 17 кадр,
Открывае?список панели анимации
(стрелочк?вниз ?правом верхне?углу панели анимации)
?выбираем "скопироват?кадр"



Переходи?на последни?кадр,
?моём случае 18,
Открывае?список панели анимации
?выбираем "вставить кадр"



Появится окошко,
?которо?должна быть активн?позиция
"вклеит?посл?выделенной област?quot;.
Выделенной областью ?панели анимации считается активн?кадр ил?группа кадров.
?таки?кадров другой цвет - сини?



Жмём ОК .
?панели анимации теперь последни?кадр то?
которы?копировали, ?? ?видимостью сл? 7.



Таки?же способом копируем ?вставляем кадр ?видимостью сл? 8,
?моём случае 18 кадр.

?итог?получилось 20 кадров.
Последни?кадр ?видимостью сл? 8.



4) Теперь на?нужн?создат?кадр??убывающи?искажением.
Эт?просто.

Выде?ем вс?кадр??искажением.
Выделени?кадров производит? такж?
ка??выделени?слоё?

?на?анимац? искажения начинает? ?кадр?
на которо?видимост?сл? 2.
?моём случае 12 кадр.



Встаём на этот кадр
(клик мышкой),
зажимаем клавиш?Shift
?встаём на последни?кадр.
Этим действие?мы выделили нужные кадр?



Из списка ?панели анимации выбираем
"скопироват?кадр?quot;



Зате?"вставить кадр?quot;
?позицией "вклеит?посл?выделенной област?quot;

Зате?"обратный по?до?кадров"


Последни?действие?мы создал?убывающе?искажени?

Но ?на?есть дв?одинаковых кадр?
Эт?последни?кадр до добавлен? скопированых кадров,
?моём случае эт?кадр20
?первый кадр обратног?по?дк?вставленны?кадров, ?моём случае - эт?21 кадр.
Один из этих кадров нужн?удалит?
нажа?на иконку корзинки вниз?панели слоё?
Удаляйт?любо? но не забудьте,
чт?удалять нужн? вста?на то?кадр, которы?удаляет?

Для новичков може?показать? абракадаброй,
но вы попробуйте эт?действ? ?се? ?панели анимации
?поймёт? чт?вс?просто.
Дв?кадр?расположен?один за другим,
?обои?кадров видимост?сл? 8.
Нужн?удалит?один из этих кадров.

Для кадр??полной надписью,
?моём случае кадр 9,
установите время больше.
?поставил?2 секунд?



Уменьшим размер изображения до 350 пикселей по ширине,
достаточны?размер для надпис??комментария?
(меню - изображени?- размер изображения)



Во??вс?
Включите просмотр ? если вс?устраивает,
сохранит?свою работу ?формат?GIF
(меню - файл - сохранит?для Web ?устройст?

?ме? максимальные настройк?оптимизаци?



Для новичков совету?посмотреть мо?советы по сохранению анимации.
Да?ссылку на пост со ссылками на советы,
потому чт?мног?ссылок ?пост?- спамит майл таки?пост??сообществе.
ССЫЛКА
Дума? чт?та?разберётес?

Не торопитесь делать урок.
Лимита на выполнение НЕ?
Думайт? заче?вы делает?то?ил?иной ша?
Эт?позволит ва?больше по?ть ?закрепит?полученные знан?.

*************************************************
Задани?участникам тренинга.

Сделат?дв?работы:
Перв? - ?картинко?из урок?br /> Втор? - ваше изображени?

Втор? работа принимается
?со старой редакцие?урок?
Знаю, чт?уж?многие её сделал?...шустрики.)))))

*************************************************
Итак...стартовали, мо?дороги?
Забивайт?веточк?чтоб?я внесла ва??список участников,
пишите строго ?ни? чтоб?я не искала по всем комментария?

Новичкам поясня? чт?тако?"забить веточк?quot;
?писать вс?комментари??свое?веточк?
Пишите первый комментари??этом?пост?
допустим, приветственный, типа
Ур? началось!
?ва?обязательно отвечу, типа ОК.
Мн?ва?комментари?позволит внести ва??список участников тренинга,
?ва?мо?отве?поможе?найт?свой комментари??писать
другие комментари? нажа?на "ответить"

Такж? обязательно нужн?научиться делать скриншот,
чтоб?я ил?другие пользователи смогли
увидет?ошибку ?подсказать решени?
Ка?сделат?скриншот найдёт??моих совета?


Мо?часы онлайн : 21.00 -23.00 по Москве
каждый день.
Днём плавающи?часы, ка?буде?возможност?

Опытны?пользовате??br /> предлага?помогать ?комментария?новичкам,
если буде?желани?

Следующи?урок буде?опубликова?15 март??течени?дня.

Напомина? чт?наши курс?рассчитаны на новичков ?любителе?br /> программ?Photoshop.
Но ?опытны?пользователи программ?br /> могу?найт?для се? чт?то полезное.

Авто?уроков ?ведущая курс?Ольг?Бо?