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

Яркий шаблон для портфолио в Фотошоп

Как всегда, вот то, что мы получим в итоге:

Шаг 1

Создаем новый документ 900 на 900 пикселей.

Создадим слой orange header”. Далее создаем выделение 900 на 450 пикселей и заливаем его оранжевым градиентом.

Шаг 2

Оставив выделение активным, создадим слой header clouds”. Жмем FilterRenderClouds (Фильтры – Рендеринг - Облака). Далее устанавливаем режим наложения на Color Dodge (Осветление основы) и ставим непрозрачность на 10%.

Шаг 3

Теперь качаем вот эту прекрасную текстуру. Помещаем одну из текстур поверх выделения шапки и называем слой header texture”.

Устанавливаем режим наложения на Overlay (Перекрытие) и ставим непрозрачность на 20%.

Шаг 4

Далее с помощью радиального градиента от белого к прозрачному создаем вот такое пятно справа.

Ставим режим наложения на Color Dodge (Осветление основы) и устанавливаем значение непрозрачности на 10%.

Шаг 5

Создаем слой “lighting 1”. С помощью лассо (Lasso) выделяем треугольник, как показано ниже, и заливаем его градиентом от белого к прозрачному.

Далее устанавливаем режим наложения на Color Dodge (Осветление основы) и ставим непрозрачность на 10%.

Шаг 6

Повторяем предыдущий шаг несколько раз, пока не получим что-то подобное:

Шаг 7

Создаем новый слой menu”. Создаем выделение высотой 60 пикселей во всю ширину в самом верху шаблона. Заливаем его черным и понижаем непрозрачность до 40%.

Далее применяем к слою следующие стили: Drop Shadow (Тень).

Шаг 8

Добавим текст, а также разделители между пунктами меню.

Шаг 9

Качаем вот эту радость. Размещаем изображение MacBook в правой части.

Применяем к слою следующие стили: Drop Shadow (Тень), Outer Glow (Внешнее свечение), Color Overlay (Наложение цвета).

Шаг 10

Создаем слой macbook shadow”. Создаем выделение овала под Mac Book’ом и заливаем выделение черным. Применим для овала FilterBlurGaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Это должно дать ощущение, будто Mac Book отбрасывает тень.

Шаг 11

Добавляем текст заголовка, я использовал шрифт Museo.

Применяем для слоя с заголовком следующие стили: Drop Shadow (Тень), Inner Shadow (Внутренняя тень), Outer Glow (Внешнее свечение, Gradient Overlay (Наложение градиента).

Шаг 12

Добавим текст подзаголовка, на этот раз я использовал Arial. Цвет выбираем такой же, как на фоне шапки, только темнее.

Drop Shadow (Тень), Inner Shadow (Внутренняя тень).

Шаг 13
Теперь поработаем над формой. Создадим прямоугольник со скругленными углами для поля ввода. Применяем стили: Drop Shadow (Тень), Inner Shadow (Внутренняя тень), Gradient Overlay (Наложение градиента).

 

Шаг 14

Добавляем еще одну кнопку справа от первой. На этот раз применим другие стили:

Drop Shadow (Тень), Inner Shadow (Внутренняя тень), Gradient Overlay (Наложение градиента).

Шаг 15

Получится такая симпатичная форма.

Примечание переводчика: шаги 15-й и 16-й по сути одно и то же, видимо, ошибка автора. На всякий случай оставил также, чтобы не возникло путаницы.

Шаг 16

Добавим текст.

Шаг 17

Добавим контент в основной контейнер под шапкой. Я сделал так:

Шаг 18

Создаем новый слой footer”. Создадим выделение в самом низу шаблона, показано ниже, и зальем выделение светло-серым.

Шаг 19

На новом слое создаем круглое выделение так, чтобы оно ровно наполовину заходило на футер. Заливаем выделение тем же цветом, что и футер, объединяем их в один слой и применяем следующий градиент в стилях новоиспеченного слоя.

Шаг 20

Последний штрих – добавляем в футер текст, не забывая о тенях.

И… Готово!

Я действительно надеюсь, что вам этот урок помог и хоть чему-нибудь научил. Спасибо за внимание!

           

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

Яркий шаблон для портфолио в Фотошоп
Шаг 1. Создайте новый документ размером 1200px * 800px и залейте его черным цветом. Дублируйте фоновый слой один раз (хорошая привычка) и выбрать Gradient Tool (G) и выполнить заливку градиентом как показано на рисунке ниже
Яркий шаблон для портфолио в Фотошоп
В этом уроке вы узнаете, как создать мрачный текстовый эффект, используя стили слоя.
Яркий шаблон для портфолио в Фотошоп
В этом уроке вы узнаете, как создать детализированный аудиоресивер, используя возможности Photoshop. Начнем!
Яркий шаблон для портфолио в Фотошоп
В этом уроке я покажу, как создать новогодний текст с эффектом 3D.
Яркий шаблон для портфолио в Фотошоп
Финальный результат
Яркий шаблон для портфолио в Фотошоп
Создаем новый документ (Ctrl+N) , разрешением 600x450px, дублируем его (Ctrl +J) и применяем к нему стиль слоя - наложение градиента - Радиальный градиент (Layer Style - Gradient Overlay), как показано на рисунке ниже.
Яркий шаблон для портфолио в Фотошоп
В этом уроке мы будем использовать кисти, основные фильтры и режимы наложения для достижения такого результата:
Яркий шаблон для портфолио в Фотошоп
Всем привет, господа!
Яркий шаблон для портфолио в Фотошоп
Если вам нужно сделать светящийся текст в Фотошопе, то этот урок для вас. Этот урок вам наглядно покажет, как превратить обычную цветную надпись в яркий заголовок, который добавит изюминку в вашу работу.
Яркий шаблон для портфолио в Фотошоп
В этом уроке будем учиться создавать креативный дизайн для блога.
Яркий шаблон для портфолио в Фотошоп
В этом уроке я собираюсь рассказать вам, как сделать элегантный текст. Итог урока:
Яркий шаблон для портфолио в Фотошоп
В этом уроке вы узнаете, как создать кровавый текстовый эффект в Фотошоп. Мы будем использовать кисти, смешивания слоев, эффекты облаков и цветовую коррекцию. Урок очень простой и подойдет для начинающих фотошоп-мастеров. Вот так выглядит финальный результат:
Яркий шаблон для портфолио в Фотошоп
Начнем работу с создания нового документа (Ctrl+N) размером 1920х1200px (режим RGB) и разрешением 72 px/inch. Используя инструмент Paint Bucket Tool  (Заливка) (G), заливаем фон цветом #8D1342. Получаем новый фон:
Яркий шаблон для портфолио в Фотошоп
В этом уроке мы с Вами будем рисовать зонт, используя различные инструменты, режимы наложения, стили слоя. Итак, приступим!
Яркий шаблон для портфолио в Фотошоп
Сегодня я покажу вам, как создать с помощью световых эффектов красивую иллюстрацию в фотошоп. Давайте начнем. Вот что должно получиться:
Яркий шаблон для портфолио в Фотошоп
В этом уроке мы попробуем научиться придать тексту мистический эффект.
Яркий шаблон для портфолио в Фотошоп
В этом уроке я покажу, как сделать красивый макет. Урок очень подробный и вряд ли покажется интересным продвинутым пользователям. В этом уроке я не упустил ни одну деталь, я объясню каждое свое действие. Удачи!