Рисуем открытку-конверт

Написала урок ,как делать такие конвертики.Урок получился очень большой,но не сложный. Я постаралась написать очень подробно. Писала так,как знаю и умею сама. Нигде такого урока не читала.Если кто знает,как сделать по другому и подскажет,то буду только рада.Конвертики можно сделать и с анимацией и без. Это дело вкуса!!



Открываем новый документ**Файл-Новый** (((1))) с такими настройками(((2)))





3)Выполним подготовительные работы.
В меню **Просмотр** ставим галочки напротив **Вспомогательные инструменты**. И **Линейка**
Этими инструментами у нас будет направляющая и линейка Они нам нужны, чтобы хорошо видеть середину нашей картинки или конверта.
Линейка сразу появится по краям рабочей поверхности ФШ, о направляющей скажу ниже



4)Берём инструмент **Перемещение**(((1)))
Вверху на панели параметров инструмента ,должны стоять «галочки « на **Показать управляющие элементы** (((2))) и **Автовыбор** (((3)))Вокруг слоя образовалась рамка с узелками, в углах и посередине.(((4)))
Теперь надо добавить направляющие……….,а направляющую я беру так……….Слева ,щёлкаю ЛКМ на полосе линейки (((5))) и не отпуская мышь, тяну вправо до середины картинки (узелок (((4)))). Потом сверху, точно так же. Получится , как на картинке ниже



5)Стоя на **Слое 2**(((1))) ….Инструментом **Прямоугольное выделение** (((2))) выделяем 0,5 картинки ((3))). Не снимая выделения , выбираем цвет нашего конверта (((4))) и инструментом **Заливка** (((5))) ,заливаем это выделение основным цветом, щёлкая ЛКМ внутри выделения. Теперь снимаем выделение. Клавиши **Ctri+D**



6) Создаём дубликат слоя **Слой-Создать дубликат слоя** и назовём его **Слой 3**
Стоим на слое **Слой 3** (((1))),он активный(выделен синим) и включён глаз(т.е слой виден). На слое **Слое 2** глаз можно выключить.(Это значит,что слой не видим)
Инструментом **Прямолинейное лассо** (((2))) делаем выделение в форме треугольника.(Шёлкаем в верхнем левом углу (((3))),затем середина низа (((4))),верхний правый (((5))) и верхний левый замыкает выделение.)
Щёлкаем ПКМ внутри выделения и выбираем **Скопировать на новый слой** (((6)))
Появился новый слой **Слой 4**



7)Работаем на слое**Слой 4**(он активный и включён на нём глаз) идём..**Редактирование-Трансформирование-Отразить по вертикали** .Берём инструмент**Перемещение** и клавишами **вверх-вниз** перемешаем треугольник вверх, хорошо стыкуем его с нижним четырёхугольником.

Макет конверта мы создали. Дальше…..
Создаём новый слой **Shift+Ctri+N** , называем **Слой 5** и работаем на нём.
Берём инструмент **Кисть** размера- 3 пикс(можно и больше),цвет подбираем темнее или светлее нашего конверта, и……….. Щёлкаем ЛКМ в верхний левый угол (((1))) четырёхугольника, затем кликаем на середине низа (((2))), и в верхнем правом углу (((3))) .
Щёлкаем 2 раза ЛКМ по **Слой 5** на палитре слоёв и в появившемся меню **Стиль слоя** выбираем **Стили** И применяем какой либо стиль. Получится что-то похожее на рисунок ниже.



Создаём два дубликата слоя **Слой 5** и называем **Слой 5 копия** и **Слой 5 копия 2** (( Слой-Создать дубликат слоя))
Слой **Слой 5 копия** перемещаем вниз и ставим над слоем **Слой 2**. И выключим глазик на нём.
Далее. Переходим на слой **Слой 5 копия 2**…он активный и включён глаз. Идём……**Редактирование-Трансформирование-Отразить по вертикали**…Результат………полосочки отразились по вертикали.
Создаём дубликат слоя **Слой 5 копия 2**(( Слой-Создать дубликат слоя)) и получаем слой **Слой 5 копия 3**
Слой **Слой 5 копия 3** перемещаем вниз и ставим над слоем **Слой 5 копия**. И выключим глазик на нём.
В результате всех наших действий, должно быть так, как на рисунке ниже



9) Удаляем **Слой 1**.
Удаляем вспомогательные элементы** Просмотр-Удалить направляющие**
Делаем активный слой **Слой 5** и включаем глаз, на слое **Слой 5 копия 2** тоже глаз включён- остальные глаза выключены
Идём…**Слой-Объединить видимые** Из 2-х стал один слой **Слой 5**. Выключили на нём глаз.
Включили глаза на слоях :**Слой 4** и **Слой 3** Перешли на **Слой 4** … он активный …..Идём **Слой-Объединить с предыдущим** и стал слой **Слой 3** Выключили на нём глаз
Включили глаза на слоях **Слой 5 копия** и **Слой 5 копия 3**
Делаем активным слой **Слой 5 копия ** Идём .. **Слой-Объединить видимые**
У нас остался слой ****Слой 5 копия**
Переходим на слой **Слой 3**,он активный. Включаем глаза на слоях **Слой 3**, и **Слой 5**, Остальные глаза выключены.
Всё должно быть так ,как на рисунке ниже.



10)Переходим на слой **Слой5**. Он активный и включён глаз.
Инструментом **Прямоугольная область** выделяем участок линии (((1)))



11)Щёлкаем ПКМ внутри выделения и выбираем **Скопировать на новый слой**
Появился слой **Слой 6** ,он активный и включён глаз. Работаем с ним.
Активируем инструмент **Перемещение**. Стрелками на клавиатуре **вверх-вниз ** перемещаем участок прямой в точки отмеченные на рисунке. (((1)))
Повернуть и изменить размер можно с помощью узелков(((2))) в углах выделения.



12) Закрываем глаз на слое **Слой3**,а слои : **Слой5 ** и**Слой 6* Объединяем:
Идём…**Слой-Объединить видимые** Получаем слой **Слой 5** и работаем дальше на нём.
Инструментом **Ластик** клавиша **E**, стираем лишние линии .
Переходим на слой **Слой 5 копия**,он активный и включён глаз,и на слое **Слой 2** включён глаз. Остальные выключены.
Стираем здесь лишние линии
Получились конверты открытый



13)И закрытый



14)Теперь нам надо выделить «язычок» конверта. Я делала так.:
Активный слой **Слой 3**.Глаза включены на слоях **Слой 3** и **Слой 5**
Щёлкаю 2 раза ЛКП по миниатюре слоя **Слой 5** на палитре слоёв.При этом выделились линии . Не снимая выделения иду:**Выделение-Инверсия**.Далее не снимая выделения,нажимаю на конверт и выбираю**Скопировать на новый слой**. Появился слой**Слой 6**. Закрываем глаз на слое **Слой 3** и слое **Слой 5**. Видим ,что там где были линии-теперь прозрачный слой. Нам нужно оставить «язычок» конверта ,а всё остальное –удалить. Берём ластик и стираем.Чтобы получилось ровно и ничего не стереть лишнее, делаем так: Ластиком щёлкаем в правом верхнем углу ..зажимаем клавишу **Shift** и щёлкаем осторожно дальше вдоль линий. Вот так:



15)Остальное стираем просто ластиком.

Вот, на этом этапе ,я советую сохранить свою работу. Это будет макет для ваших будущих конвертиков.Итак. Переходим на слой **Слой 2** и …**Файл-Сохранить как** Выбираем формат **PSD**
Идём дальше. Мы уже будем украшать наш конверт. Здесь уже ваша фантазия……
Переходим---Активный слой **Слой 2**-глаза включены на **Слой 2** и ****Слой 5 копия** ----выбираем любой бантик или игрушку и размещаем в центре или где нравится.
Так же,здесь можно применить любой стиль слоя,наложить другой цвет или текстуру.
Щёлкаем 2 раза по синей полосе слоя, на палитре слоёв и в меню выбираем стиль.
Я применила текстуру



16)Переходим ---Активный слой ****Слой 5 копия** или****Слой 5 ** . Здесь можно применить другой стиль слоя
Переходим------ Активный слой ****Слой 6** глаза отключены везде,кроме слоя****Слой 6** Так же,здесь можно применить любой стиль слоя,наложить другой цвет ,текстуру лучше не применять.
Щёлкаем 2 раза по синей полосе слоя, на палитре слоёв и в меню выбираем стиль.
Я немного поменяла цвет

Переходим------ Активный слой ****Слой 3** глаза включены на **Слой 3** и ****Слой 5 **
Здесь можно применить любой стиль слоя,наложить другой цвет или текстуру.
Щёлкаем 2 раза по синей полосе слоя, на палитре слоёв и в меню выбираем стиль.
Я применила текстуру.
----выбираем игрушку или цветы и размещаем в центре или где нравится. Теперь нам надо сделать видимость, что цветы или игрушки лежат в конверте. Для этого ,слою с игрушкой или цветами, изменяем прозрачность примерно на 54 %.(((1))) Ластиком стираем ту часть цветов или игрушки,которая перекрывает линию конверта. (((2)))А потом возвращаем прозрачность слоя на 100%



17)К слою с цветами я применила стиль слоя**Тень** с такими настройками,как на рисунке ниже. У вас могут быть настройки другие. Попробуйте сами изменить настройки.



18)Далее пишем текст…Выбираем инструмент**Текст** ,шрифт текста (((1))) ,цвет (((2))) размер (((3))), щёлкаем по нужному месту на конверте и пишем . Я написала**Поздравляю** К слою с текстом тоже можно применить стиль(на ваше усмотрение какой) Я не применяла
Если всё вас устраивает,нужно объединить слои.
Отключены глаза на слоях :**Слой 2**, **Слой 5 копия** ,**Слой 7**.
На остальных слоях глаза включены и активный слой **Слой 3**.
Идём::::**Слой-Объединить видимые**… Отключаем глаз у слоя **Слой 3**

Далее.. Включаем глаза в слоях…:**Слой 2**, **Слой 5 копия** ,**Слой 7**. И …:**Слой 2**, активный.
Идём::::**Слой-Объединить видимые**



19)Переходим к анимации…………
Открываем палитру **Анимация**……..**Окно-Анимация**
Один кадр у нас уже есть.(((1)))) Ему назначен слой **Слой 2** (((2)))Щёлкаем под кадром ПКМ и выбираем время 2 сек.(((3)))



20)Добавляем 2 кадр (((1)))) и назначаем ему слой **Слой 3** (((2)))глаз включаем,а на слое . **Слой2**, глаз выключаем.



Нажимаем на иконку**Запуск воспроизведения анимации** (((3))) и любуемся проделанной работой.
Сохраняем……..**Файл-Сохранить для Web и устройств** и выбираем следующие настройки



Можно конвертики не рисовать,как в этом уроке. Можно взять фигуру *конверт* в программе Фотошоп. Но там только закрытый конверт. А открытый можно дорисовать самому. Возможно есть и клипарты конвертов где-то.Если не делать анимацию,то можно взять клипарт конверта и его оформить красиво. Вот и всё.

Приятного Вам Творчества!!!

У меня получилось!

Ниа пишет:

У меня получилось!

Радости творчества Вам!!