Рубрика: Photoshop Уроки | Урок прочитали: 1819
 (голосов: 1)

Портфолио в виде записного блокнота

Этот урок по Фотошопу покажет вам, как сделать дизайн сайта или портфолио.

Шаг 1. Создайте новый документ (CTRL+N) 1680 пикс x 1050 пикс.
Создаём фон, фон будут составлять два слоя.

Создайте новый слой (ALT+SHIFT+CTRL+N), залейте белым цветом, заливка (Fill) для слоя 0%, примените стиль слоя Перекрытие узораOverlay Pattern.

Для узора открываем новый документ размером 20 x 2, фон прозрачный, увеличим  до 1600% и выберем инструмент «Карандаш» (Pencil Tool), цвет чёрный, создаём новый слой и нарисуем узор, как показано ниже.

заходим в меню РедактированиеОпределить узор (EditDefine pattern), присваиваете вашему узору имя и сохраняете
Шаг 2. Создаём новый слой, залейте белым цветом, заливка (Fill) для слоя 0%, примените стили слоя: Перекрытие узораOverlay Pattern.

Наложение градиентаGradientOverlay.

Слои с фоном поместите в группу CTRL+G (предварительно слои нужно выделить)

Шаг 3. Рисуем блокнот. Создайте новый слой, назовите «блокнот», инструментом «Прямоугольник» (Rectangle tool ) в режиме фигур нарисуйте прямоугольник, растрируйте слой. Создайте любым удобным для Вас инструментом квадратное выделение, как показано ниже (для удобства включите сетку ПросмотрПоказатьСетку)

Примените стили слоя: ТеньDrop Shadow

Перекрытие узораOverlay Pattern

Шаг 4. Создаём тень. Дублируйте слой «блокнот» (Ctrl+J), назовите «тень», на палитре слоёв расположите под слоем «блокнот» (CTRL+ [), загрузите выделение слоя «тень» и залейте чёрным цветом, примените деформацию  –  в меню Редактирование Трансформирование Деформация (Edit Transform Warp), Inflate – надутый.

Поменяйте режим наложения (Blending Mode) для слоя на «умножение» (Multiply), непрозрачность  (Opacity) 70%. Применим ФильтрРазмытиеРазмытие по Гауссу (Filter BlurGaussian Blur) радиус 25-35, выберите ФильтрШумДобавить шум (Filter Noise Add Noise)  количество 12,5%, равномерное (Uniform), монохромный (Monochromatic).

Шаг 5. Инструментом «Прямоугольник» (Rectangle Tool) в режиме фигур нарисуйте прямоугольник на новом слое, назовите «трубка», на палитре слоёв расположите под слоем «блокнот», примените стиль слоя Наложение градиентаGradientOverlay: стиль зеркальный (Reflected).

Шаг 6. Создаём закладки. Инструментом «Перо» (Pen Tool) в режиме контуров нарисуйте фигуру, как показано ниже, залейте белым цветом.

Примените Деформацию.

Примените стили слоя  ТеньDrop Shadow.

Наложение градиентаGradientOverlay.

Шаг 7. Загрузите выделение слоя «блокнот» (CTRL+клик по миниатюре слоя), создайте новый слой, назовите «текстура» и примените ФильтрРендерингОблака (Filter Render Clouds).

Шаг 8. Примените ФильтрТекстураКракелюры (FilterTextureGraquelure).

Поменяйте режим наложения на «Перекрытие» (Overlay).

Шаг 9. Сделайте активным слой «блокнот, загрузите выделение этого слоя, инструментом «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool)в режиме контуров, радиус скругления 15 рх,  нарисуйте прямоугольник (чтобы сделать круглые нижние углы), клик ПКМ и выберите «образовать выделенную область», нажмите Delete (получатся скругленные углы), снимите выделение. Дублируйте слой «блокнот» (Ctrl+J),  инструментом «Перо» (Pen Tool) в режиме контуров нарисуйте фигуру, как показано ниже, клик ПКМ и выберите «образовать выделенную область», инвертируем выделение, нажмите Delete, снимите выделение.

Трансформируйте странички блокнота, как показано ниже.

Шаг 10. Откройте изображение, автор использовал изображение с водяными лилиями. Перенесите на наш документ, назовите слой «лилия», дублируйте (Ctrl+J), выключите видимость слоя «лилия», примените к копии ИзображениеКоррекцияМикширование каналов (Image Adjustments Channel Mixer), поставьте галочку «монохромный» (Monochrome).  Далее ИзображениеКоррекцияАвтоматическая тоновая коррекция (Image >Adjustments > Auto Levels) (Shift+Ctrl+L). Идём в меню ФильтрСтилизацияСвечение краёв (Filter StylizeGlowing Edges) ширина краёв 1; яркость краёв 4; смягчение 2. Теперь ИзображениеКоррекцияИнверсия (Image Adjustments Invert) (Ctrl+I). Поменяйте режим наложения для слоя на «умножение» (Multiply) и непрозрачность (Opacity) 80%.

Шаг 11. К слою «лилия» (включите видимость слоя) примените ФильтрИмитацияАкварель (Filter ArtisticWatercolor), установите непрозрачность  (Opacity) для слоя 65%, сгладьте края (добавьте маску слоя и большой мягкой кисточкой пройдитесь по краям изображения).

Шаг 13. Загрузите выделение слоя «лилия», выберите слой «текстура», копируйте выделение (Ctrl+C), создайте новый слой под слоем «лилия (копия)» и вставьте Ctrl+V, поменяйте режим наложения на «перекрытие» и непрозрачность 26%.

Шаг 14. Примените к слою «лилия» стиль ОбводкаStroke.

Шаг 16. Создайте новый слой, инструментом «Перо» нарисуйте уголок, как показано ниже, клик ПКМ и выберите «образовать выделенную область», залейте белым цветом, заливка 0%, залейте выделение зеркальным градиентом, нарисуйте тень.

Шаг 17. Создайте выделение, как показано ниже и на новом слое залейте любым цветом, заливка 0%, примените стиль слоя «Наложение градиента».

Шаг 18. Инструментом «Текст» (Type Tool), шрифт «Pristina» создайте надписи, добавьте шум ФильтрШумДобавить шум.

Шаг 19. Создайте новый слой, и выберите инструмент «Произвольная фигура» (Custom Shape Tool) в режиме фигур с использованием фигуры Орнамент 1.

Шаг 20. Создайте новый слой, инструментом «Прямоугольник» (Rectangle tool ) в режиме контуров нарисуйте прямоугольник, образуйте выделенную область, залейте любым цветом, заливка 0% и примените стиль ОбводкаStroke.

Итоговый результат.

Желаю удачи!

Автор: Alexandra Fomicheva
Перевод: Оксана Гудкова
Ссылка на источник

           

Похожие файлы и публикации:

Портфолио в виде записного блокнота
В этом уроке будем учиться создавать креативный дизайн для блога.
Портфолио в виде записного блокнота
Что может быть лучше подарка, сделанного своими руками?!
Портфолио в виде записного блокнота
Шаг 2. Создайте новый слой и назовите его “camera2”. Выделите содержимое слоя “camera1” (CTRL + клик по миниатюре слоя). Выполните команду “Select > Modify > Contract” (Выделение > Модификация > Сжать). Установите сжатие в 7 пикселей. Залейте выделение цветом.
Портфолио в виде записного блокнота
В этом уроке мы будем учиться создавать вот такие песочные часы – наглядный пример тому, что время - деньги!
Портфолио в виде записного блокнота
Приближается самый волшебный праздник – Новый год! Пора начинать подготовку, в этом уроке мы создадим простую новогоднюю открытку.
Портфолио в виде записного блокнота
Сегодня мы поработаем над созданием интересного эффекта – лицо, распадающееся на кусочки.
Портфолио в виде записного блокнота
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Портфолио в виде записного блокнота
Сегодня мы будем рисовать вот такого жучка.
Портфолио в виде записного блокнота
Вот такой домик получится после данного урока
Портфолио в виде записного блокнота
Сегодня мы будем рисовать вот такой карандаш.
Портфолио в виде записного блокнота
В данном уроке мы будем учиться создавать информационный блок для сайта.
Портфолио в виде записного блокнота
Сегодня мы с помощью программы Фотошоп создадим волшебное дерево с золотыми яблоками.
Портфолио в виде записного блокнота
В этом уроке с помощью кисточек и экспериментов со светом создадим удивительный эффект: космическое лицо, созданное буквами и вспышкой.
Портфолио в виде записного блокнота
31 октября состоится страшный праздник "Halloween"! Какой же праздник без тыквы?
Портфолио в виде записного блокнота
Финальный результат
Портфолио в виде записного блокнота
В этом уроке мы воспользуемся комбинацией базовых фигур, текстур, фильтров и готовых изображений для создания купона.
Портфолио в виде записного блокнота
В этом уроке я покажу Вам, как создать дизайн для приложения записной книжки.
Портфолио в виде записного блокнота
В этом уроке мы с помощью программы Фотошоп создадим танец красок!
Портфолио в виде записного блокнота
В этом уроке мы создадим фантастическую сцену: наша картина оживёт