19.05.2024, Воскресенье, 00:50

Сайт *Lucky*

Логин:
Пароль:
RSS
Ссылка на сайт


    Если Вам понравились мои работы Вы можете установить баннер на свой сайт, блог или дневник. Буду Вам очень благодарна =)


Статистика
Яндекс цитирования

Текстовых уроков: 69
Видео уроков: 5
Файлов: 178

Каталог статей

Главная » Статьи » Уроки Photoshop » Сложность: средняя

Рисуем конверт в Фотошопе
Рисуем конверт в Фотошопе



Шаг 1. Создайте новый документ 512x512 пикселей с белым или прозрачным фоном.
Залейте слой (Alt + BackSpace или инструментом "заливка") серым цветом (цвет: #9D9D9D).
Создайте вертикальную и горизонтальную направляющие в центре холста для удобства.




Вы должны нажать Ctrl + R, чтобы отобразилась линейка (если она скрыта).

Шаг 2. Создайте новый слой и назовите его "Конверт" ("envelope”).
Выберете инструмент "прямоугольная область" (M) Rectangular Marquee Tool и на слое "Конверт" ("envelope”)
создайте прямоугольное выделение. Залейте выделение белым цветом (#FFFFFF) и назовите новый слой "body”.




Шаг 3. Дважды щелкните по новому слою в палитре слоев (или нажмите "добавить стиль слоя")
и примените к слою "наложение градиента" ("Gradient Overlay”). Установите стиль градиента: линейный, а цвета: #DCDEE1 И #FFFFFF.


Шаг 4. Создайте новый слой и назовите его "образец" ("pattern”). Выберите инструмент "Rectangular Marquee Tool" (прямоугольное выделение).
По очереди выделяйте прямоугольные формы и заливайте выделения цветами #6092BD и #E84141.

Убедитесь, что расстояние между всеми прямоугольными выделениями одинаковое.




Шаг 5. Переместите полоски так, что бы они коснулись края конверта.
Выберите меню > редактирование > трансформирование > искажение (Edit > Transform > Skew) и нажав на прямоугольники, потяните вниз что бы "исказить" их.
При помощи инструмента "Ластик" (Eraser Tool) удалите ту часть, которая вышла за пределы конверта.




Шаг 6. Создайте новый слой и назовите его "оттенок" ("shade”). Нажмите на CTRL и удерживая щелкните по слою "body” для выделения его содержимого. 
Выберите инструмент "Градиент" (цвет: черно-белый, #000000 - черный и #FFFFFF - белый). 
Используйте градиент от левого края конверта до указанного места (рис. ниже).
Затем измените режим наложения с нормального на "Умножение" (Multiply) и уменьшите "непрозрачность" (Opacity) до 30%.



Шаг 7. Теперь вы должны создать такие же прямоугольники на правой стороне конверта (как и на левой).
Для этого скопируйте слой "образец" ("pattern”) командой CTRL+J,
и перейдите в меню > Редактирование > Трансформирование > Отразить по горизонтали (Edit > Transform > Flip Horizontal).
Переместите копию слоя "образец" ("pattern”) в правый край конверта.
То же самое сделайте со слоем "оттенок" ("shade”).




Шаг 8. Выберите инструмент "Перо" (Pen) и нарисуйте фигуру как показано на рисунке ниже. Назовите новый слой "lower




Вы можете использовать направляющие для точного выравнивания.

Шаг 9. Примените к слою "lower” следующие стили слоя:




Шаг 10. Сделайте копию слоя "образец" ("pattern”) и в палитре слоев перетащите его на самый верх (выше слоя "lower”). 
Выберите команду меню > Редактирование > Трансформирование > Повернуть на 90 против часовой стрелки (Edit > Transform > Rotate 90deg CCW). Переместите слой образца в самый низ конверта (рис. ниже).




Инструментом "ластик" (Eraser) сотрите крайние обрывистые полоски. 
Выберите инструмент "Лассо" (Polygonal Lasso) и выделите всю полоску.
Правой кнопкой мыши щелкните на выделении и выберите команду "скопировать на новый слой" (Layer via copy).
Переместите полоску вправо так, чтобы Вы получили желательный результат.




Шаг 11. Вспомним шаг 6 - Создайте новый слой. Выделите содержимое слоя "lower” и на созданном новом слое залейте выделение черно-белым градиентом. Единственное различие - то, что на сей раз, вы протягиваете градиент вертикально. Измените режим наложения с нормального на "Умножение" (Multiply) и уменьшите непрозрачность (Opacity) до 50%.




Шаг 12. Создайте новый слой и перместите его ниже слоя "lower”. 
Выделите содержимое слоя "lower” и залейте выделение черным цветом.
Нажмите CTRL+T и измените высоту на 102%.
Теперь перейдите меню > Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) и установите радиус на 0,7 пикселей. Уменьшите непрозрачность слоя на 40%. 
Удалите тень снизу конверта (если она вышла за пределы конверта).




Шаг 13. Используя инструмент "Перо" (Pen) попытайтесь создать фигуру, показанную на рисунке и назовите слой "верхний" (upper).




Шаг 14. Примените к слою "верхний" (upper) следующие стили слоя:





Шаг 15. Точно так же, как Вы добавили оттенок и тень слой в Шаге 11 и Шаге 12, но только будут небольшие изменения. 
Повторяя Шаг 11, уменьшите непрозрачность (Opacity) до 10 %. Повторяя Шаг 12, увеличьте высоту до 103 %, примените "размытие по гаусу" на 1.2px и уменьшите непрозрачность (Opacity) до 70 %.

Вы должны получить тень как на рисунке ниже:




Шаг 16. Теперь необходимо добавить тень у основания конверта. 
Создайте новый слой и выделите форму прямоугольника (как на рисунке ниже).
Перетащите слой ниже слоя "Конверт" ("envelope”) и залейте прямоугольное выделение черным цветом. Примените следующие стили слоя:

Меню > Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) и установите радиусом 2,0.
Меню > Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur) и установите параметры смещения: 20 пикселей.




Конверт готов. Теперь вы можете добавить печать. Вы можете найти множество готовых штампов в сети, а можете сделать сами. Для этого необходимо сделать следующее:

Шаг 17. Создайте новый документ размером 180x180 пикселей с белым фоном.
Выберите Инструмент "Эллипс" (U) и удерживая Shift нарисуйте круг любого цвета. Уменьшите заливку (Fill) слоя на 0% и примените стиль слоя: Stroke (Обводка) (как на рис.):




Шаг 18. Скопируйте слой с кругом (Ctrl+J) и уменьшите его вдвое.




Шаг 19. Выделите содержимое копии слоя (удерживая Ctrl щелкните мышкой по слою). На панели слоев перейдите на вкладку «контуры» (Paths) и нажмите на кнопку "Сделать из выделенной области рабочий контур" (Make work path from selection). Выберите инструмент "Текст" (Type Tool). подведите курсор на контур круга. Вы заметите что курсор изменит свой вид. Нажмите на контур и напишите любой текст. Должно получиться так: (рис). Для завершения штампа добавьте какой-нибудь логотип в центр круга.






Шаг 20. Когда вы закончите с печатью, скройте фоновый слой (нажмите на глаз справа в палитре слоев) и нажмите Shift + Ctrl + E, чтобы объединить все видимые слои. Для более реалистичного результата, печать требует небольшой дополнительной работы. Выберите слой с печатью, затем выполните Layer> Add Layer Mask> Reveal All. Теперь откройте это изображение - открыть и поместите его поверх печати. Назовите новый слой "исчезновение" (fade).
Выделите содержимое слоя "исчезновение" (fade) и проделайте команду - Выделение > Цветовой диапазон (Select> Color Range), нажмите кнопку ОК после выполнения настройки, как показано ниже. После этого белая часть изображения будет выделена. Не снимая выделения, сделайте слой "исчезновение" (fade) невидимым и нажмите правой кнопкой мыши по значку "добавить слой-маску" (stamp) в палитре слоев и выберите "применить маску" (Apply Layer Mask).
 



Шаг 21. Перетащите ваш штамп выше всех слоев. Уменьшите его непрозрачность до 35%.


Шаг 22. Следующий шаг является дополнительным и необязательным, проделайте его для того, чтобы смешать печать с конвертом. Выбираем "верхний" и выделяем его содержимое (как мы это делали ранее). Затем щелкните правой кнопкой мыши в любом месте на холсте и выберите "Вырезать на новый слой" (Layer Via Cut). Уменьшите непрозрачность слоя до 30%. Удалите фоновый слой и сохраните файл в PNG формате.






Автор: Asher Abbasi
Перевод: Команда сайта "Клуб дизайнера" - www.clubdesigner.ru
Ссылка на источник: psd.tutsplus.com


Категория: Сложность: средняя | Добавлено: 17.04.2010 | Автор урока/статьи: Asher Abbasi | Сайт-источник:
Просмотров: 2288 | Добавил: Редактор_сайта | Рейтинг: 5.0/1


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]