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

Цей урок по Фотошопу покаже вам, як зробити дизайн сайту або портфоліо.

Крок 1. Створіть новий документ ( CTRL + N ) 1680 пикс x 1050 пикс.
Створюємо фон, фон будуть складати два шари.

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

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

заходимо в меню Редагування \ Визначити візерунок (Edit \ Define pattern), привласнюєте вашому візерунку ім'я та зберігаєте
Крок 2 . Створюємо новий шар, залийте білим кольором, заливка (Fill) для шару 0%, застосуєте стилі шару: Перекриття візерунка \ Overlay Pattern .

Накладення градієнта \ Gradient Overlay .

Шари з фоном помістіть в групу CTRL + G (попередньо верстви потрібно виділити)

Крок 3. Малюємо блокнот. Створіть новий шар, назвіть «блокнот», інструментом «Прямокутник» ( Rectangle tool ) в режимі фігур намалюйте прямокутник, растрируются шар. Створіть будь-яким зручним для Вас інструментом квадратне виділення, як показано нижче (для зручності увімкніть сітку Перегляд \ Показати \ Сітку )

Застосуйте стилі шару: Тінь \ Drop Shadow

Перекриття візерунка \ Overlay Pattern

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

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

Крок 5 . Інструментом « Прямокутник » (Rectangle Tool) в режимі фігур намалюйте прямокутник на новому шарі , назвіть «трубка», на палітрі шарів розташуйте під шаром «блокнот», застосувати стиль шару Накладення градієнта \ Gradient Overlay : стиль дзеркальний ( Reflected).

Крок 6. Створюємо закладки. Інструментом « Перо » (Pen Tool) в режимі контурів намалюйте фігуру, як показано нижче, залийте білим кольором.

Застосуйте Деформацію.

Застосуйте стилі шару Тінь \ Drop Shadow.

Накладення градієнта \ Gradient Overlay .

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

Крок 8 . Застосуйте Фільтр \ Текстура \ кракелюр ( Filter \ Texture \ Graquelure).

Поміняйте режим накладення на « Перекриття» ( 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 \ Stylize \ Glowing Edges) ширина країв 1; яскравість країв 4; пом'якшення 2. Тепер Зображення \ Корекція \ Інверсія (Image \ Adjustments \ Invert) ( Ctrl + I ). Змініть режим накладення для шару на « множення » (Multiply) і непрозорість (Opacity) 80 %.

Крок 11 . До шару «лілія» (включіть видимість шару) застосуєте Фільтр \ Імітація \ Акварель (Filter \ Artistic \ Watercolor), встановіть непрозорість (Opacity) для шару 65 < / strong>%, сгладьте краю (додайте маску шару і великий м'яким пензликом пройдіться по краях зображення).

Крок 12 . Завантажте виділення шару «лілія», створіть новий шар, назвіть «градієнт», залийте білим кольором, заливка 0%, застосувати стиль шару «Накладення градієнта» (лінійний, від білого до прозорого, інверсія, кут 132).

Крок 13 . Завантажте виділення шару «лілія», виберіть шар «текстура», копіюйте виділення ( Ctrl + C ), створіть новий шар під шаром "лілія ( копія) »і вставте Ctrl + V , поміняйте режим накладення на« перекриття »та непрозорість < / strong> ь 26 %.

Крок 14 . Застосуйте до шару «лілія» стиль Обведення \ Stroke.

Крок 15 . Зробіть активним шар «градієнт» і відріжте кут, як показано нижче. Під цим шаром створіть новий шар і м'якої чорної пензликом намалюйте тінь.

Крок 16 . Створіть новий шар, інструментом « Перо» намалюйте куточок, як показано нижче, клік ПКМ і оберіть "утворити виділену область», залийте білим кольором, заливка 0%, залийте виділення дзеркальним градієнтом, намалюйте тінь.

Крок 17 . Створіть виділення, як показано нижче і на новому шарі залийте будь-яким кольором, заливка 0%, застосувати стиль шару « Накладення градієнта».

Крок 18 . Інструментом « Текст » (Type Tool), шрифт « Pristina < / strong> »створіть написи, додайте шум Фільтр \ Шум \ Додати шум.

Крок 19 . Створіть новий шар, і виберіть інструмент « Довільна фігура» (Custom Shape Tool) у режимі фігур з використанням фігури Орнамент 1.

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

Підсумковий результат.

Бажаю удачі!

Переглядів: 433

Коментарі

Добавити коментар

Імя: E-mail: Текст комментаря:

Доведіть що ви не бот, введіть суму чисел на зображенні