Уроки Веб и приложения Зинаида Лукьянова 11 июня 2007

Изумительное место для вашего портфолио!

Сложность урока: Средний

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

1. Создайте новый документ с белым фоном.
Размер документа 760 x 770 px. Затем используя инструмент заливка (Paint Bucket Tool) и цвет #282828 залейте документ этим темно-серым цветом.

2. Выберите инструмент Rectangle Tool и нарисуйте такой же прямоугольник как на картинке ниже. После того, как вы нарисовали прямоугольник, щелкните по слою с фигурой дважды - появиться палитра стилей “Blending Option”, там выберите параметр “Gradient Overlay” и установите такой вид градиента:

Прямоугольник должен принять вот такой вид:

3. Кликните по слою с прямоугольником и нажмите 4 раза комбинацию клавиш CTRL + J, чтобы сделать еще 4 копии этого слоя. Затем с помощью инструмента перемещения расположите их друг за другом. Эти прямоугольники будут играть роль МЕНЮ сайта.

4. Создайте новый слой , выберите инструмент “Line Tool” и нарисуйте такую же линию, как на картинке. Затем нажмите СTRL+J, чтобы дублировать слой и переместите копию линии вправо, как показано на картинке.

Вот результат:

5. Создайте новый слой и возьмите инструмент "прямоугольник" , чтобы нарисовать еще одну фигуру - вы видите ее на картинке.

Примените к новому прямоугольнику тот же градиент.

6. Откройте фотографию из своего портфолио, которая станет визитной карточкой вашего сайта (File > Open)

Переместите картинку в рабочий документ. Подгоните размер картинки - используйте инструменты вырезания, а также свободной трансформации (Ctrl+T)

Вот результат!

7. Выберите инструмент прямоугольное выделение и выделите половину изображения.
Затем обратитесь к главному меню - Image > Adjustments > Desaturate

8. Выберите инструмент текст “Type Tool” и напишите что пожелаете.

9. Потом можете использовать различные кисти, чтобы придать вашему сайту еще более неотразимый вид.

Наслаждайтесь финальным результатом!

До встречи на www.creativo.one!

Источник: www.all4photoshop.com

104 тыс. 149
Печать Жалоба

Комментарии 149

Интересный опыт. Спасибо за урок.

Спасибо за урок!

отошел от темы, но я попытался додумать именно вариант портфолио, а не просто немного кривого сырого дизайна. Да я профан, но хочется быть лучше. Есть над чем поработать .

первая моя работа такого маштаба

Спасибо, это было очень интересно))

Симпатично вроде вышло! Спасибо!

Спасибо за урок!

Спасибо=)

Спасибо за урок. Это мой первый макет.

Отличный урок. Не ожидал, что так красиво получиться

Это моя первая работа)

для веб-дизайна во!!

Ох на добалял эфектов))

Больше всего понравилась идея...Исполнение 4-ка))

Благодарю вас за урок!

Спасибо за урок!

Легкий урок!

Урок достойный! Спасибо.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее