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

Суббота, 19 Ноября 2011 г. 16:19 + в цитатник

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

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

Открываем новый документ**Файл-Новый** (((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 и устройств** и выбираем следующие настройки

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

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

Желаю Вам творческих успехов и радости творчества!!!!!

Кубаночка

Рубрики:

Adobe Photoshop/уроки (я изучаю ФШ)

Метки: фш уроки

Процитировано 17 раз
Понравилось: 1 пользователю

<a href="https://www.liveinternet.ru/users/4025590/post193560469/">Р РёСЃСѓРµРј РѕС‚РєСЂС‹С‚РєСѓ-РєРѕРЅРІРµСЂС‚РёРє </a><br/>

Р РёСЃСѓРµРј РїРѕР·РґСЂР°РІРёС‚РµР»СЊРЅС‹Рµ РєРѕРЅРІРµСЂС‚РёРєРё:

РќР°РїРёСЃР°Р»Р° СѓСЂРѕРє ,РєР°Рє РґРµР»Р°С‚СЊ С‚Р°РєРёРµ РєРѕРЅРІРµСЂС‚РёРєРё.РЈСЂРѕРє РїРѕР»СѓС‡РёР»СЃСЏ РѕС‡РµРЅСЊ Р±РѕР»СЊС€РѕР№,РЅРѕ  РЅРµ СЃР»РѕР¶РЅС‹Р№. РЇ РїРѕСЃС‚Р°СЂР°Р»Р°СЃСЊ РЅР°РїРёСЃР°С‚СЊ РѕС‡РµРЅСЊ РїРѕРґСЂРѕР±РЅРѕ. РџРёСЃР°Р»Р° С‚Р°Рє,РєР°Рє Р·РЅР°СЋ  Рё СѓРјРµСЋ СЃР°РјР°. РќРёРіРґРµ С‚Р°РєРѕРіРѕ СѓСЂРѕРєР° РЅРµ С‡РёС‚Р°Р»Р°.Р•СЃР»Рё РєС‚Рѕ Р·РЅР°РµС‚,РєР°Рє СЃРґРµР»Р°С‚СЊ РїРѕ РґСЂСѓРіРѕРјСѓ Рё РїРѕРґСЃРєР°Р¶РµС‚,С‚Рѕ Р±СѓРґСѓ С‚РѕР»СЊРєРѕ СЂР°РґР°.РљРѕРЅРІРµСЂС‚РёРєРё РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ Рё СЃ Р°РЅРёРјР°С†РёРµР№ Рё Р±РµР·. РС‚Рѕ  РґРµР»Рѕ РІРєСѓСЃР°!!

РћС‚РєСЂС‹РІР°РµРј РЅРѕРІС‹Р№ РґРѕРєСѓРјРµРЅС‚**Р¤Р°Р№Р»-РќРѕРІС‹Р№** (((1)))   СЃ С‚Р°РєРёРјРё РЅР°СЃС‚СЂРѕР№РєР°РјРё(((2)))

3)Р’С‹РїРѕР»РЅРёРј РїРѕРґРіРѕС‚РѕРІРёС‚РµР»СЊРЅС‹Рµ СЂР°Р±РѕС‚С‹.
     Р’ РјРµРЅСЋ **РџСЂРѕСЃРјРѕС‚СЂ** СЃС‚Р°РІРёРј РіР°Р»РѕС‡РєРё  РЅР°РїСЂРѕС‚РёРІ   **Р’СЃРїРѕРјРѕРіР°С‚РµР»СЊРЅС‹Рµ РёРЅСЃС‚СЂСѓРјРµРЅС‚С‹**. Р **Р›РёРЅРµР№Рє... <a href="https://www.liveinternet.ru/users/4025590/post193560469/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]