Как сделать конвертик в ФШ, Урок от Кубаночки. Написала урок ,как делать такие конвертики.Урок получился очень большой,но не сложный. Я постаралась написать очень подробно. Писала так,как знаю и умею сама. Нигде такого урока не читала.Если кто знает,как сделать по другому и подскажет,то буду только рада.Конвертики можно сделать и с анимацией и без. Это дело вкуса!!
Открываем новый документ**Файл-Новый** (((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** на палитре слоёв и в появившемся меню **Стиль слоя** выбираем **Стили** И применяем какой либо стиль. Получится что-то похожее на рисунок ниже. 8)Создаём два дубликата слоя **Слой 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 и устройств** и выбираем следующие настройки Можно конвертики не рисовать,как в этом уроке. Можно взять фигуру *конверт* в программе Фотошоп. Но там только закрытый конверт. А открытый можно дорисовать самому. Возможно есть и клипарты конвертов где-то.Если не делать анимацию,то можно взять клипарт конверта и его оформить красиво. Вот и всё. Приятного Вам Творчества!!!
Автор урока Кубаночка
|
|