Playcast

Открытка (плейкаст) «Новогодняя открытка с конфетти.»

olbor , 16 декабря 2010 года, 19:57


Новогодняя открытка с конфетти. Новогодняя открытка с конфетти.

Урок для начинающих по созданию новогодней открытки с конфетти

в программе Adobe Photoshop


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

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. Скриншот1. Скриншот2.


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, передохните и читайте  урок «Анимация на новогодней открытке с конфетти».
Как сохранять  файлы читайте ЗДЕСЬ.
 



Звук:Happy New Year, Исп. Abba - Happy New Year, Исп. Abba - (Composed By Benny Andersson/Björn Ulvaeus) - www.allmusic.com
Изображение: Все изображения автора плейкаста Ольги Бор(olbor): скриншоты, набор отрисовок "Новогодние2" - fenja.mylivepage.ru
Текст:Автора плейкаста. Ольги Бор(olbor)