Меню сайта
Переводы Corel PSP
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Друзья сайта
   
ILovePhotoshop.ru
Вход
Главная » 2011 » Январь » 18 » Новогодняя открытка-анимация конфети
00:22
Новогодняя открытка-анимация конфети

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

Урок состоит из 2 частей.
Автор Ольга Бор.

 

В уроке использованы следующие материалы:

1. Набор клипартов «New Year and Christmas Elements».

2.Шрифт с очаровательным названием «Монплезир» - «Monplesir script» из
авторского пакета декоративных и рукописных шрифтов Александры Гофманн.

Отдельно шрифт можно скачать  ЗДЕСЬ.

Как установить шрифт читайте ЗДЕСЬ.

Все приложения к данному уроку написаны мной и опубликованы на личном сайте «ФОТОШОП +Я» в разделе "Советы начинающим".



1.Создаём новый документ (меню – файл – создать или сочетание клавиш Ctrl+N).
Размеры 600х450пикселей, разрешение 72пикс/на дюйм( этого разрешения достаточно для публикации в интернете), фон прозрачный.


2.Открываем клипарт из набора с веткой и игрушками. Меню – файл – открыть.


3.Находясь на документе с клипартом, топаем в меню – изображение – размер изображения .


В
открывшемся окне находим позицию «разрешение» и меняем установленное
299,99 на 72. Автоматически поменяется размер и в пикселях. После смены
разрешения жмём на ОК.


4. Теперь нам нужно перенести уменьшенное изображение на наш созданный документ.
Как перенести изображение с одного файла на другой, читайте ЗДЕСЬ.
Клипарт на новом документе.


5.Открываем клипарт с цифрами. Меняем разрешение у документа так же, как в пункте 3 данного урока.

6.В уменьшенном документе инструментом «прямоугольная область» выделяем цифры.


7. Переносим выделенный кусок на созданный документ для открытки .Цифры отобразились на новом документе.


8. Активируем инструмент «перемещение» и, зацепив цифры мышкой, перетаскиваем на нужное место.


Обратите
внимание на панель слоёв, которую я специально отобразила на скрине.
Только что мы переместили цифры. При этом активным слой в панели слоёв
был именно с цифрами.

Запомнить всем новичкам – действия с
объектом на документе можно проводить только при активном слое этого
объекта. Активность слоя определяется наличием синего оформления слоя.

9.Создаём новый слой ( вторая иконка справа внизу панели слоёв) и мышкой тянем его в самый низ – этот слой нам нужен для фона.


10. Заливаем фон цветом:

1)Определяем цвет для заливки. В панели инструментов клик левой кнопкой мыши по иконке цвета.


2)Откроется
палитра цвета. Так как мы создаём открытку для публикации в интернете,
то ставим галочку на позицию «только Web – цвета».


3) Выбираем цвет и жмём на ОК.


4)Цвет отобразится на иконке основного цвета.


5)Активируем инструмента «заливка» (иконка ведёрка в панели инструментов) и заливаем слой.

11. Создадим небольшие блики на фоне.
Для
этого активируем инструмент «осветлитель», устанавливаем настройки в
верхней панели инструмента – мягкую кисточку с большим радиусом из
основного набора кистей программы, диапазон – подсветка, и делаем
несколько кликов на слое с заливкой в разных местах документа.


12.
Перейдём на слой с цифрами и, оставив настройки инструмента
«осветлитель» без изменения, но уменьшив размер кисти, пройдёмся по
цифрам.


13.Переходим на слой с веткой и корректируем уровнями – сделаем более светлое изображение ветки. Для этого:

1)Топаем в меню – изображение – коррекция – уровни.


2)Двигаем ползунки влево, изменяя значения.


Получаем результат.


14. Соединим слой с цифрами и с веткой.

Как соединять слои, читайте ЗДЕСЬ.


15.Конфетти на ветке.

1)Создаём новый слой над слоем(вторая иконка справа внизу панели слоёв) с веткой .

2)Переименуем слой. Как изменить параметры слоя ( переименовать), читайте ЗДЕСЬ.
3)Активируем инструмент «кисть», выбираем из основного набора жёсткую кисточку с радиусом 9пикселей.

4)Меняя цвет в палитре цветов, рисуем разноцветные конфетти.
Я использовала следующие цвета: ffff99, 99ff99, 99ccff, cc66ff, ff9999.


16.Конфетти.

1)Создаём
новый слой, переименовываем его на «конфетти», закрываем видимость у
слоя с веткой и слоя «конфетти на ветке», чтобы они нам не мешали.
Закрыть видимость слоя можно, сделав клик по иконке глаза в панели
слоёв, который виден у всех видимых слоёв.


2)
Всё той же кисточкой рисуем конфетти на всей поверхности документа,
меняя цвета. Определить цвет , которым вы пользовались для рисования
конфетти на ветке можно с помощью инструмента «пипетка», сделав клик по
кружочку с цветом на документе.
Для этого открываете видимость слоя
«конфетти на ветке», определяете цвет пипеткой, который тут же
отобразится на иконке палитры цветов.


3)Закрываете видимость слоя «конфетти на ветке», переходите на инструмент «кисточка» и рисуете конфетти.
Меняя цвет, заполняете документ разноцветными конфетти.


17. Пишем текст.

1)Включаем видимость всех слоёв, активируем инструмент «горизонтальный текст»


2)В панели настроек инструмента, которая находится наверху, устанавливаем цвет текста, сделав клик по иконке цвета - ffff66.


3)В списке шрифтов находим нужный шрифт.


4)Задаём размер шрифта - 48пт, метод сглаживания – чёткое, написание текста слева.


Когда всё готово, пишем текст.
С Наступающим
Обратите внимание, что после написания текста в панели слоёв текст обозначен как «слой 4»


7)
В панели слоёв делаем клик по слою с текстом, чтобы сбросить
инструмент «текст». Название слоя тут же поменяется на текст, который
вы написали.


8) Активируем инструмент «перемещения и сдвигаем текст на нужное нам место.


9)Повторяя подпункты 6-8, пишем вторую часть текста.


10) Соединим слои с текстом переименуем полученный слой в «текст».
Загружаем выделение слоя «текст» ( меню – выделение – загрузить выделенную область).
Создаём
новый слой, над слоем «текст», активируем инструмент «кисточка», из
основного набора берём мягкую кисть 60пикселей, и цветом ff6600,
который определяем в палитре цветов, делаем хаотичные клики по границам
выделения текста.


Снимаем выделение (меню – выделение – отменить выделение), соединяем этот слой со слоем "текст".

18. Рамка.

1)Увеличиваем размер холста на 30 пикселей.
Меню – изображение – размер холста. В окне нового размера стираем текущие размеры и пишем новые .


2)Загружаем
выделение слоя с фоном, инвертируем выделение ( меню – выделение –
инверсия), создаём новый слой, располагаем его в панели слоёв на самом
верху и заливаем цветом фона. Снимаем выделение.


3)Топаем в меню – фильтр – шум – добавить шум и применяем настройки:
Эффект – 15%, распределение – равномерное, галочка на «монохромный».


4)Активируем инструмент «осветлитель», настройки оставляем те же, что и были и проходимся по рамке, делая хаотичные клики.


5)Загружаем
выделение слоя с рамкой, создаём новый слой, который располагаем над
слоем с рамкой и делаем кант – меню – редактирование – выполнить
обводку и устанавливаем настройки:
Ширина 2 пикселя, расположение – внутри, цвет жёлтый.


Вот и всё. Статичный вариант открытки готов.
Сохраняем файл в формате JPG.
Если
вы хотите продолжить и сделать анимацию на открытке, то сохраните файл в
формате PSD, передохните и читайте урок «Анимация на новогодней
открытке с конфетти».

Как сохранять файлы читайте ЗДЕСЬ.

Плэйкаст версия урока ЗДЕСЬ.
 
Часть 2
Анимация на новогодней открытке с конфетти.

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


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


Ходы, которые описаны подробно в уроке «Новогодняя открытка с конфетти», здесь описывать не буду.



1. Открываем файл PSD с открыткой.

2.Заливаем глиттером «звёздочки» слой с веткой.

Как загрузить глиттер в программу, читаем ЗДЕСЬ.

Так как у глиттера три слоя, то нам нужно три новых слоя.

1) Создаём новый слой и располагаем его над слоем с веткой. Режим наложения слоя меняем на «экран». Как сменить режим наложения, читаем ЗДЕСЬ.
Называем слой «звёздочки»


2)Дублируем слой 2 раза (дважды сочетание клавиш Ctrl+J)


3) Загружаем выделение слоя с веткой, переходим на первый слой «звёздочки» и топаем в меню – редактирование – выполнить заливку. В окне заливки выбираем позицию «регулярный»


4)Находим в списке первый слой с глиттером «звёздочки» и жмём ОК.


На документе отобразился глиттер в выделенной области без чёрного фона, так как слой стоит в режиме наложения «экран»

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

3.Заливаем глиттером кант.

1)Переходим на слой «кант», загружаем выделение слоя, создаём три новых слоя для глиттера «золотой», режим смешивания оставляем обычный.


2) Заливаем слои глиттером «золотой» таким же способом, как заливали глиттер «звёздочки».
После заливки снимаем выделение, убираем видимость 2 и 3 слоя с глиттером «золотой.
В итоге у нас в панели слоёв такая картина.


4.Анимация.

У нас будет три анимации:
1.Анимация падающего конфетти.
2.Анимация ветки с цифрами.
3.Анимация канта рамки.

Анимация падающего конфетти.

Анимацию будем создавать по принципу любой анимации падающих объектов – снега, листьев и т.д.

1)В панели слоёв дублируем слой «конфетти» и закрываем видимость слоя «конфетти».


2) Активируем инструмент «перемещение», и инструментом тащим конфетти наверх, пока они не исчезнут с изображения.


Открываем видимость слоя «конфетти»

3)Открываем панель анимации (меню – окно – анимация). В панели анимации устанавливаем настройки : режим – постоянно, время задержки – 0,1сек.


4)Дублируем кадр ( вторая иконка справа внизу панели анимации).


5)Активируем инструмент «перемещение», переходим на слой «конфетти» и инструментом тащим конфетти вниз документа до тех пор, пока они совсем не исчезнут с изображения.


6)Переходим на дубликат слоя «конфетти и инструментом «перемещение» опускаем конфетти вниз, пока они не заполнят документ, т.е. возвращаем конфетти в исходное состояние.


7)В меню панели анимации выбираем «выделить все кадры»


Оба кадра стали активными . Активность кадров определяется наличием синего обрамления.

8)Добавляем промежуточные кадры. Для это жмём на третью иконку справа внизу панели анимации и в выпавшем окне ставим 15 кадров, затем жмём ОК.


В панели анимации образовалось 17 кадров: - два +15 промежуточных. Кадр 17 по состоянию видимости такой же, как кадр 1, поэтому мы его удаляем, нажав на иконку «корзинки» внизу панели слоёв.


Анимация канта рамки.

В панели анимации у нас 16 кадров, а слоёв с глиттером «золотой» только три. Чтобы анимация кадра была на всех кадрах, мы будем повторять видимость слоёв с глиттером.

Запомните – на одном кадре должна быть видимость только одного слоя с глиттером.

1)Переходим на первый кадр в панели анимации. На первом кадре видимость первого слоя с глиттером.


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


3) Переходим на следующий кадр в панели анимации. В панели слоёв закрываем видимость первого слоя с глиттером и открываем видимость третьего слоя с глиттером.


Начиная с 4 кадра, видимость слоёв для кадров повторяем. Для 4 кадра – 1 слой, для 5 кадра – 2 слой, для 6 кадра –3 слой, для 7 кадра -1 кадр и т.д. Для 16 кадра открываем видимость 2 слоя с глиттером.
Если мы не нарушим очерёдность видимости кадров и откроем для 16 кадра 1 слой, то анимация будет нарушена, потому что для первого кадра видимость тоже 1 слоя.

Анимация ветки с цифрами.
Видимость слоёв по кадрам выставляем так же, как и видимость слоёв для анимации канта.

Вот и всё. Сохраняйте файл в формате gif (как это сделать читайте ЗДЕСЬ), публикуйте свою работу и радуйте своими достижениями в освоении программы фотошоп друзей и родных.

А я поздравляю вас с наступающим Новым Годом!
Желаю всего самого наилучшего вам, вашим родным и близким!
И обязательно :
Пусть вас никогда не покидает фотошопный позитив!
С сердечным теплом, Ольга Бор.

Плэйкаст версия урока ЗДЕСЬ.

Категория: Уроки Photoshop | Просмотров: 2557 | Добавил: BelayaLiliya | Теги: новогодняя открытка, Анимация, урок phptoshop, конфети | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
ВРЕМЯ ДИЗАЙНА!
Банер сайта
     
Поиск
Календарь
«  Январь 2011  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Архив записей
Copyright BelayaLiliya © 2024