Второй урок третьего курса тренинга в сообществе "Фотошоп уроки, тренинг, объяснения"

Анимация Веера.

Новая редакция.

Урок написан мной в 2008 году и опубликован ЗДЕСЬ.

В уроке использованы мои авторские разработки: преобразованный векторный объект (цветы), фоны нарисованы в фотошопе. Для создания веера использована акция (экшн,операция) "Веер".

Познакомиться и скачать акцию "Веер" можно ЗДЕСЬ.

Тем, кто никогда не работал с акциями предлагаю почитать Работа с акциями в фотошопе - ссылка

Итак, веер создан, начинаем работать.

В этом уроке я не описываю те действия, которые были подробно изложены в первом уроке тренинга.

Вспоминайте и закрепляйте свои знания.

Ещё один момент: не во всех версиях, но акция может закончиться со связкой слоёв. (цепочки у слоёв)

Эта связка может повлиять на дальнейшую работу.

Поэтому, лучше от неё избавиться. Выделите все слои и отмените связку (меню - слои - отменить связку слоёв) Приступим.

1. Сначала нам нужно сложить веер. Это значит, что нужно убрать видимость всех слоёв с рейками, а их у на с в группе 20, оставить видимость только 20 слоя.

2. Но это только 1 рейка. Уверена, что все представляют, как выглядит веер из реек в сложенном состоянии - получается стопка из реек.

Сейчас мы эту стопку и создадим.

1) Дублируем слой 20, опускаем его под группу с параметрами "стопка19" (в панели слоёв тянем этот слой вниз, зажав левую кнопку мыши)

2) Отключаем видимость эффекта слоя "тень"

Тень нам не нужна, она будет затемнять стопку, которая и без неё будет темнее за счёт эффекта "тиснение".

3) Активируем инструмент "перемещение" и делаем сдвиг вниз на 1 пиксель. Для этого нужно нажать клавишу "стрелка вниз" 1 раз.

Активировать инструмент"перемещение" нужно обязательно, иначе сдвига не произойдёт.

4) Дублируем слой, оставляем дубликат без изменений, только называем его "стопка1".

Переходим опять на слой "стопка19" и делаем сдвиг вниз на 1 пиксель.

Очередной сдвиг мы сделали на том же слое - это важно!

Этот подпункт повторяем, называя дубликаты по возрастающей 2,3,4 т.д. до тех пор пока у нас не будет создан слой "стопка18".

Будьте внимательны - все сдвиги мы производим на одном и том же слое "стопка19"

всё просто: дублируем слой "стопка19" меняем название у дубликата возвращаемся на слой "стопка19" делаем сдвиг.

и снова: дублируем слой "стопка19" меняем название у дубликата возвращаемся на слой "стопка19" делаем сдвиг.

и так далее....

Для чего нужно менять названия? Чтобы вы не запутались при расстановке видимости слоёв по кадрам во время создания анимации. Почему мы производим сдвиг на одном и том же слое?

Если мы будем смещать дубликаты, то получим вот такую картину.

А при смещении одного и того же слоя мы получим.

Это то, что нам нужно. Всё готово для создания анимации.

3. Создаём кадры с открывающимся веером. В создании анимации участвуют только слои с рейками. Остальные слои (фон и кнопка) всегда видимы и остаются без изменений.

1) На первом кадре видимость всех слоёв "стопка" и 20 слоя с рейками.

2) Создаём следующий кадр. В панели слоёв открываем видимость слоя 19 из группы с рейками, а видимость слоя "стопка19" закрываем

Мы таким образом одну реечку открываем и тут же убираем её из стопки. Этот пункт повторяем, пока не будут открыты все слои с рейками и закрыты все слои "стопка". Думаю, что понятно. На каждом новом кадре открываем видимость очередного слоя с рейкой и закрываем видимость слоя "стопка" с тем же цифровым значением. В итоге в панели анимации должно получиться 20 кадров.

4. Создаём кадры с закрывающимся веером. Итак, веер открыли, теперь мы его закроем. Последующие действия я подробно описывала в первом уроке тренинга.

1) В панели анимации выделяем со 2 по 19 кадр.

2) Копируем кадры.

3) Переходим на 20 кадр и вставляем скопированные кадры. (вклеить после выделенной области)

4) Применяем обратный порядок кадров. Для первого кадра, на котором веер сложен, задержка времени 1,5 сек, для 20 кадра, на котором веер полностью открыт я поставила 2 сек.

Всё, анимация создана. Сохраните работу в формате GIF.

Не спешите, будьте внимательны. Урок с лёгкой степенью сложности даже для новичков.

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

Мои уроки и советы новичкам и любителям программы Фотошоп - ссылка.

Работа с акциями в фотошопе. Предлагаю вам небольшой обзор по работе с акциями для русской версии фотошопа.

Акция или экшн – это последовательное действие определённых операций с конечным результатом. Акции помогают сохранить время , но совсем не помогают в освоении инструментов и действий в фотошопе. Все действия выполняет программа, а вы получаете конечный результат. Конечно, после завершения акции можно залезть в историю и посмотреть, какие ходы сделаны, но это не обучение, а информация. Но мы с вами учимся работать с акциями и это только моё небольшое отступление. Начнём с того, как загрузить акцию в фотошоп.

Итак, вы скачали архив с акциями. Советую на компе создать отдельную папку для акций. Советую это делать не только для акций, а также для всех дополнений, которые вы скачиваете из интернета. Не загружайте всё это добро сразу в папки программы, потому что это тормозит работу программы. В любом инструменте, которому доступны дополнения, есть позиция «загрузить», «заменить» и вы всегда можете из сторонней папки, не относящейся к программе, загрузить или заменить материал. У меня на компе есть общая папка «Всё для ФШ», в которой находятся папки с дополнениями.

Итак, скачали архив, распаковали его в папку с акциями.

1. Открываем фотошоп. Находим панель «операции». Если панель не открыта топаем в меню –окно -операции.

Обычно, панель становится рядом с панелью «история»

Нажимаем на стрелочку, которая расположена в правом верхнем углу панели и в выпавшем меню выбираем позицию «загрузить операции».

По умолчанию откроется папка с акциями, которая находится в программе. Там стандартный набор акций. Мы нажимаем на стрелку поиска по компьютеру, находим стороннюю папку с акциями, которую мы создали, и выбираем нужную нам акцию. Будем работать с кубиком рубика.

2.После того, как вы загрузили акцию, она окажется в панели «операции».

Активна папка с акцией. Мы переходим на начало действия и жмём на иконку «воспроизведение».

Акция начала работу. Данная акция, сначала предлагает вам познакомится с информацией о том, что для продолжения работы вам нужно открыть изображение (или что-то в этом духе.) Жмём «продолжить»

и открывается комп. Находим нужное изображение (лучше, чтобы оно было одинаковым по высоте и ширине, т.е. квадратным, так как, у кубика стороны квадратные) и кликаем на него. Акция продолжила работу и остановилась на конечном результате.

В панели слоёв у нас два слоя: фон и кубик.

Можно сохранить в том формате и виде, который вам подходит. Меню –файл -сохранить как.. и выбираете позицию и всех доступных для сохранения форматов

Если вы хотите сохранить без фона в формате PNG, т о в панели слоёв отключите слой с фоном, а потом сохраняйте в PNG.

А если вы задумали сделать кубик с разными изображениями, то переключимся в панель истории и отменим позицию "объединить видимые".

Правой кнопкой мыши делаем клик на эту позицию и в выпавшем меню нажимаем на «удалить».

В панели слоёв у нас все видимые стороны кубика расположились на отдельных слоях.

Сохраните файл в формате psd, т.е. по слоям для дальнейшей работы. Проделайте такую же акцию и с другими двумя изображениями. Не забывайте о размерах. Картинки должны быть по размерам одинаковые. После этого открываем все три файла. Нам надо перенести все изображения на один документ. Для этого создадим его. Чтобы размеры совпадали с размерами наших файлов, то на самом верхнем файле идём в меню –выделение - всё.

Затем, меню-редактирование –копировать.

Таким образом мы скопировали в буфер обмена информацию о размерах файла. Обратите внимание, что если слой с белым фоном будет виден, то размеры нового документа будут такие же, как и у файлов. Здесь имеется в виду свободное пространство между кубиком и границами документа. Если же фоновый слой будет не виден, то в буфер обмена пройдёт информация только о размерах кубика. В моём случае конечный результат будет сохранён без фона в формате PNG и фоновое пространство мне нужно. Теперь, идём в меню – файл -новый и там уже проставлены размеры из буфера обмена. и документ открыт.

Перейдём на любой файл с кубиком и создадим группу и слоёв со сторонами. Для этого, удерживая клавишу Shift, делаем клики по слоям, начиная с верхнего, таким образом объединяя их, и топаем в меню –слой- новый- группа из слоёв.

Удерживая клавишу Shift (это нужно для того, чтобы изображение встало по середине документа), перетаскиваем группу на созданный документ. Таким образом поступаем со всеми тремя картинками. (создаём группу и переносим). На новом документе у нас получилась такая картина.

А теперь, играя с отключением слоёв, определите, на какой стороне будет то или иное изображение.

Сохраните результат в формате PNG. Надеюсь, что теперь много вопросов по работе с акциями у вас отпадут. Не забывайте, что в интернете множество акций, которые сделаны профессионалами и любителями. Некоторые акции у вас могут не работать из-за не соответствий версий фотошопа. Но узнать это можно только на личном примере или, если публикация акции сопровождается подробной информацией. Удачи! С теплом, Ольга Бор.

Акция для фотошопа Веер. Оригинальное название PanosFX Fan.

офсайт производителя - ссылка.

Бесплатная акция для Photoshop CS5, CS4, CS3, CS2 (32-bit & 64-bit)

Акция создаёт из вашего изображения 20 реек веера с декором. Имеет три разных перспективы. Скачать акцию можно с офсайта.

Там, 3 пункт - скачивание акции.

Скачайте архив, извлеките папку с акцией, загрузите акцию в фотошоп. Подробно о загрузке акций - ссылка

В архиве акция на немецком и английском языках. Если у вас фотошоп русский, то загружайте английскую версию (с ней привычней работать) Использование акции.

1. Открываем картинку в фотошопе.

2. Переходим в панель "операции", находим папку PFx Fan, открываем её и включаем операцию.

3. Во время акции на каждую рейку будет предложено редактирование эффектов слоя. Если вы будете производить какие - то изменения, то эти изменения нужно будет производить на каждой рейке.

Если ничего не хотите менять, то жмите ОК для каждой рейки.

В конце акции вам будет предложено изменить перспективу веера.

Если хотите, то жмите на "ПРОДОЛЖИТЬ".. Если хотите остановится на данной перспективе, то жмите "СТОП"

4. Фон вы можете создать любой, не обязательно оставлять тот, который предлагает акция.

В заключении хочу остановиться на подпапке в акции. Она отключена по умолчанию.

Эта подпапка содержит пошаговое действие создания декора для реек. Если вы её включите, то акция будет происходить намного дольше, но у вас появиться возможность редактирования декора. С теплом, Ольга Бор.