![](//s45.radikal.ru/i109/0905/80/b86ea829e1e5.png)
Открытка.
В этом уроке я хочу вам показать несколько приёмов работы в фотошопе на примере создания открытки.
Конечный результат.
![](//i075.radikal.ru/1003/10/f04fd005549b.gif)
1. Открываем изображения. Я взяла фото клипарт из серии «Тюльпаны», альбом с которыми ЗДЕСЬ
![](//s51.radikal.ru/i133/1003/17/5dd53af4f13ft.jpg)
У изображения большой размер и расширение.
Нам нужно всё это добро уменьшить. Для этого топаем в меню – изображение – размер изображения и видим такую картину маслом.
![](//s54.radikal.ru/i144/1003/15/0ef2be19a829.jpg)
Сначала меняем расширение. Стираем значение 350 и пишем 72.
![](//i026.radikal.ru/1003/e5/2bdee9bbfa47.jpg)
Затем меняем размер в пикселях. Стираем значение ширины и вписываем 55о – нормальный размер для анимированной открытки.
![](//s002.radikal.ru/i200/1003/d5/7884c969df27.jpg)
Жмём ОК и увеличиваем в навигаторе размер видимости до 100%, чтобы было удобно работать. После сжатия документа на рабочей поверхности программы он превратился, буквально, в точку.
![](//s50.radikal.ru/i127/1003/bd/cc5b728d7ca4.jpg)
![](//s02.radikal.ru/i175/1003/9a/7a4ceb7b25f3t.jpg)
2. Посмотрим на изображение. Для открытки немного мрачновато. Это можно исправить коррекцией уровнями. Топаем в меню – изображение – коррекция – уровни. Я поставила такие настройки и получила более весёленькое изображение.
![](//i062.radikal.ru/1003/9e/e59f9d0fab65.jpg)
![](//s49.radikal.ru/i123/1003/44/99cc67647f06.jpg)
3. Теперь откроем векторную рамку и так же, как у картинки, изменим параметры изображения.
![](//s003.radikal.ru/i201/1003/53/c795fe704ba4t.jpg)
4. Инструментом «перемещение» (клавиша V) перетащим рамку на документ с нашей картинкой, и развернём слой с рамкой на 90градусов ( меню – редактирование – трансформирование – повернуть на 90градусов по часовой стрелке).
![](//i078.radikal.ru/1003/e0/dbd03c9d90dct.jpg)
5. Поиграем свободной трансформацией (меню – редактирование – свободная трансформация или Ctrl+Т). Я поставила такие размеры по ширине и высоте.
![](//s50.radikal.ru/i128/1003/39/10dc3066b1a6.jpg)
Подвинем трансформацию и нажмём Enter, чтобы её применить и продолжить работу.
![](//s003.radikal.ru/i203/1003/dd/b2eb47c63ce1t.jpg)
6.Сотрём ластиком внутренний элемент с рамки и кант, который виден. А затем кадрируем документ, убрав немного слева. Активируем инструмент «рамка» и работаем.
![](//s45.radikal.ru/i110/1003/26/367e53db7484t.jpg)
7. Приступим к обработке рамки. Сначала дублируем слой с рамкой ( Ctrl+J) и соединим с предыдущим слоем (Ctrl+E). Это позволило сделать рамку более чёткой.
![](//i047.radikal.ru/1003/4f/0b35cef6b06et.jpg)
![](//s14.radikal.ru/i187/1003/16/522358afa6dft.jpg)
Применим к полученному слою стили или эффекты ( синонимы). Для этого делаем клик правой кнопкой мыши и в выпавшем меню выбираем «параметры наложения».
![](//i058.radikal.ru/1003/85/6563a5a1a2b6.jpg)
Применяем наложения цвета и тень.
![](//i063.radikal.ru/1003/6f/669d76b2602ct.jpg)
![](//s49.radikal.ru/i124/1003/b9/620a111d9c4ct.jpg)
Красным прописаны цвета, которые я использовала. Вам достаточно кликнуть на иконку цвета в меню наложения и вписать цвет.
![](//s46.radikal.ru/i113/1003/71/4de342ff9269.jpg)
Получаем.
![](//i017.radikal.ru/1003/9e/f1a5d4be2930t.jpg)
8. Создадим новый слой(вторая иконка справа внизу панели слоёв) и расположим его в панели слоёв между слоями с картинкой и рамкой. Для этого расположения достаточно находиться на слое с картинкой.
![](//s39.radikal.ru/i085/1003/0b/81873c84ab22.jpg)
Активируем инструмент «пипетка» (клавиша i)и кликаем инструментом в светло зелёную часть фона. При этом цвет сразу определяется в заливке.
![](//s001.radikal.ru/i196/1003/ad/8067c79af351.jpg)
Активируем инструмент «заливка» и заливаем слой.
![](//s60.radikal.ru/i167/1003/5c/f39177eeb5aft.jpg)
Почему цвет взят с картинки, а не произвольный? Дело в том, что при сохранении анимации произвольный цвет может изменить качество изображения из – за спектра выходящего гиф файла, который может составить больше 256 тонов. А цвет, взятый с изображения хоть и не гарантирует сохранение качества тонов, но снижает уровень искривления.
Активируем инструмент «ластик» , настройки кисточки для ластика – мягкая, круглая , с большим радиусом. Я взяла с радиусом 300пикселей из стандартного набора кистей для фотошопа.
![](//s58.radikal.ru/i159/1003/1b/9ae2db5b05a7.jpg)
Делаем пару, тройку кликов, чтобы удалить часть слоя, который закрывает видимость цветов.
![](//s52.radikal.ru/i135/1003/7a/0821c9311b41t.jpg)
9. Загружаем выделения слоя с цветом(меню – выделение – загрузить выделенную область) глиттером, не забывая, что каждый слой с заливкой глиттером располагаете на новом, отдельном слое. Как загружать и заливать глиттер читайте ЗДЕСЬ. Я воспользовалась эти глиттером.
![](//s56.radikal.ru/i153/1003/3e/bbdd7cb6dc1e.gif)
После заливки глиттером снимаем выделение (Ctrl+D) и получаем такую картину в панели слоёв и на изображении.
![](//s45.radikal.ru/i108/1003/a0/2331ca287387t.jpg)
Отредактируем слои с заливкой. К каждому слою применяем режим наложение слоя на экран.
![](//s004.radikal.ru/i208/1003/76/51d18b4b7614t.jpg)
10.Сделаем кант у открытки. Загружаем выделение документа (меню – выделение – всё или сочетание клавиш Ctrl+A), создаём новый слой, который в панели слоёв располагаем на самом верху и топаем в меню – редактирование – выполнить обводку. Я установила значение в 2 пикселя, положение «внутри», цвет, как у рамки ( для установления цвета кликнете пипеткой по рамке). Снимаем выделение.
![](//i056.radikal.ru/1003/e5/7723ccaae93bt.jpg)
![](//s49.radikal.ru/i124/1003/c4/4c9b74618a20t.jpg)
11. Добавим к слою с обводкой стиль слоя «внешнее свечение» Можно вызвать панель стиля, как и в случае с рамкой ( пункт 7), а можно нажать на вторую иконку справа внизу панели слоёв и в выпавшем меню выбрать нужную позицию.
![](//i027.radikal.ru/1003/1d/e6548347c3a8.jpg)
![](//s42.radikal.ru/i096/1003/f1/b91ab9edc2eet.jpg)
Получим небольшой эффект на открытке.
![](//s56.radikal.ru/i154/1003/73/08e46532c8c3t.jpg)
12. Так, прежде, чем приступать к анимации, напишем текст ( о работе с текстом читайте ЗДЕСЬ)на открытке и к тексту применим тот же стиль, что и к рамке. Для этого, после написания текста, переходим на слой с рамкой и копируем стиль (клик правой кнопкой по слою – в выпавшем меню выбираем «скопировать стиль слоя)
![](//s13.radikal.ru/i186/1003/d3/0f59f0518969.jpg)
Затем переходим на слой с текстом и вклеиваем стиль. (клик правой кнопкой по слою – в выпавшем меню выбираем «вклеить стиль слоя»).
![](//s59.radikal.ru/i166/1003/fb/708413f42129.jpg)
![](//s51.radikal.ru/i133/1003/35/d2342cd73395t.jpg)
13. Открываем панель анимации(меню – окно – анимация). Если в панели открылась временная шкала, то нужно поменять положение на «преобразовать в покадровую анимацию». Для этого нажмите на стрелку, расположенную в верхнем правом углу панели анимация и в выпавшем меню выберите нужную позицию.
![](//s48.radikal.ru/i122/1003/aa/9a62c4116853t.jpg)
Затем нужно изменить режим анимации на «навсегда», задержку времени 0,1сек.
![](//i065.radikal.ru/1003/a8/f5936c4c67b8.jpg)
![](//s42.radikal.ru/i095/1003/86/756cc0d199c2.jpg)
14.Создаём ещё два кадра (вторая кнопка справа внизу панели анимации)
![](//i031.radikal.ru/1003/bb/f1abdb0b528a.jpg)
Теперь распределяем слои с глиттером на кадры. Не забывайте, что у одного кадра видимость только у одного слоя с глиттером. К первому кадру – первый слой и т.д.
![](//i052.radikal.ru/1003/b7/e7b885709dbe.jpg)
![](//s41.radikal.ru/i093/1003/d5/b9bf70772622.jpg)
![](//i071.radikal.ru/1003/54/79d000736cbe.jpg)
Сохраняем картинку ( меню – файл – сохранить для Web). Попадаем на вкладку сохранения , где и жмём на сохранить. Не забывайте посмотреть, что файл, который вы сохраняете имеет формат gif.