Главная Статьи Работа с графикой Как сделать новогоднюю открытку в Photoshop
Как сделать новогоднюю открытку в Photoshop
05.12.2010 00:02

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

{mosloadposition debug}

Открываем изображение в фотошопе, которое вам нравиться и будет служить фоном для будущей открытки. File – Open (CTRL+O)

Так как наступающий год кота, то и картинку я подобрала подходящую.

Untitled-1.jpg

Выбираем инструмент Text (T), кликаем по картинке и пишем С Новым годом!

Текст пишем прямо по середине картинке. Чтобы написать в две строки – нажимаем ввод перед тем словом, которое нужно перенести на следующую строчку. В моем случае это годом.

Далее жмем ок и подтверждаем что текст введен.

Untitled-2.jpg

Шрифт в работе нам пригодиться жирный, поэтому изменим его.

Untitled-3.jpg

Выберите инструмент Текст и выбелите нашу надпись.

Untitled-4.jpg

Из выпадающего меню выберем подходящий шрифт.

Untitled-5.jpg

И применим его к нашей надписи, снова нажав ок (галочка в верхнем подменю)

Untitled-6.jpg

Дублируем фоновый слой, путем перетягивания его на соответствующую пиктограмму снизу палитры слоев.

Untitled-7.jpg

И делаем его самым верхним.

Untitled-8.jpg

При этом наш текст исчез, но не пугайтесь, его просто закрыл слой с котиком.

Зажимаем кнопку alt и кликаем между двумя верхними слоями. На самой картинке опять же ничего не произошло, а вот в палитре слоев появилась небольшая стрелочка.

Untitled-9.jpg

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

Untitled-10.jpg

Далее выделяем оба верхних слоя (нажмите кнопку ctrl + щелчок по каждому слою) и объединяем их (ctrl+E)

Подсчитаем сколько у нас символов в надписи – 12. Столько раз дублируем этот слой (CTRL + J)

В результате мы должны получить 12 слоев с надписью.

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

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

На каждом из 12 слоев должна быть только одна буквы.

Отключаем все слои – оставляем видимым только слой с голубым цветом.

Untitled-11.jpg

Открываем окно анимации и начнем делать нашу картинку подвижной.

На данный момент наша анимация состоит все из одно кадра.

Untitled-13.jpg

Копируем наш кадр, наддав на соответствующую пиктограмму в панеле анимации.

Untitled-14.jpg

Кадры идентичные и если запустить такую анимацию ничего происходить не будет. Поэтому второй кадр надо сделать другим, а именно добавить букву с из нашей надписи.

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

Untitled-15.jpg

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

Теперь дублируем второй кадр нашей анимации. Он выделен. Если нет просто кликните по нему. И нажмите пиктограмму в нижней панели палитры анимации. В палитре слоев теперь делаем видимым слой с буквой н и т.д. пока не создадите кадры со всем буквами.

Выделите все кадры, нажав на первый, затем shift+ щелчок на последнем. Не снимая выделения, кликните на стрелочке внизу любого кадра. Появиться выпадающее меню с временем задержкой. Т.е. столько секунд будет отображаться каждый кадр. Например, выберем 0,5.

Теперь можете нажать на кнопку play на панели анимации и посмотреть как она будет выглядеть, после сохранения. Если вас устраивает установленное время, оставляем его. Я решила сделать показ кадров чуть побыстрее. Установив время 0,3 сек. Для этого в выпадающем меню выбрала не готовое предложенное число а нажала other и ввела нужное мне значение.

Основное по созданию анимации вы поняли как создавать. Таким же образом можно сделать чтобы текст моргал или на картинке падал снег…. Да вообще многое можно сделать таким образом.

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

Чтобы сохранить нашу анимацию переходим Файл – сохранить для веб…

Untitled-17.jpg

Диалоговое окно и в нем две картинки – одна до сохранения, вторая после сохранения со всеми выбранными параметрами.

Обращаем внимание на формат сохраняемого файла – нам нужен gif. В jpeg анимация не сохраниться.

Второе на что обратим внимание – это размер картинки. Переходим на вкладку Image size и устанавливаем нужный размер. Например 600 пикселей по наибольшей стороне. И обязательно жмем кнопку применить.

Untitled-18.jpg

 

Все наша анимированная картинка сохранена и можно кому-нибудь ее подарить

Специально для ячайник, Елена Долженкова.

{mosloadposition cpanel}
{mosloadposition debug}

Комментарии (0)Добавить комментарий

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

busy

Похожие новости:
Новые материалы на эту тему:
Также рекомендуем к прочтению:

Обновлено 08.02.2011 01:59
 
Интересная статья? Поделись ей с другими: