Создание собстенного дизайна сайта в Photoshop

Хотите создать дизайн Вашего первого сайта уже сегодня? В этом Вам помогут 8 видео уроков от команды WebForMySelf!

Урок 1. Введение. Установка Photoshop. В данном уроке мы с Вами познакомимся с дизайном, который нам предстоит делать. Выберем метод создания макета. Установим Фотошоп.

Урок 2. Базовая разметка. Горизонтальное меню. В данном уроке Вы научитесь создавать документы для веб-дизайна. Делать грамотную разметку макета. Добавлять горизонтальное меню.

Урок 3. Первый экран. В данном уроке нам предстоит сделать самое главное — первый экран. Вы узнаете, как подобрать размер первого экрана. Поработаем со шрифтами. Сделаем несколько вариантов кнопок и вариантов фона.

Урок 4. Блок видео. В данном уроке Вы создадите блок с 6-ю видео. Вы узнаете, как подобрать размер первого экрана. Поработаем со шрифтами. Сделаем несколько вариантов кнопок и вариантов фона.

Урок 5. Третий блок. Данный блок — практически то же самое, что и первый экран, только без фона. Нам предстоит сделать другое визуальное решение, чтобы эти блоки отличались и вписывались в общий стиль сайта. В данном уроке мы поработаем с фотографиями, векторными элементами и непрозрачностью.

Урок 6. Плейлисты и футер. Заключительный элемент в нашем дизайне — блок плейлисты. Мы переделаем имеющийся блок с видео и добавим простенький футер.

Урок 7. Интерактивные элементы. Перед тем как отдавать макет на верстку, сделаем для каждого активного элемента на сайте свое действие.

Урок 8. Светлая версия сайта. В данном уроке Вы научитесь быстро переделывать готовые макеты под определенные Вами цели. Для примера сделаем светлую версию сайта — так, чтобы все было гармонично и так же красиво, как и в темной версии.

Для того, чтобы получить уроки бесплатно переходите на данную страницу по этой ссылке прямо сейчас!

		Это интересно 0	Как всё будет выглядеть в блоге: Создание собстенного дизайна сайта в Photoshop Хотите создать дизайн Вашего первого сайта уже сегодня? В этом Вам помогут 8 видео уроков от команды WebForMySelf! Урок 1 Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/video-obuchajka/14047545/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Создание собстенного дизайна сайта в Photoshop </a> <div class="insert-intro" style="font-family:trebuchet MS;">   Хотите создать дизайн Вашего первого сайта уже сегодня? В этом Вам помогут 8 видео уроков от команды WebForMySelf!   Урок 1 </div> </div> Создание собстенного дизайна сайта в Photoshop <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/video-obuchajka/14047545/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Создание собстенного дизайна сайта в Photoshop</a> <div style="font-family:trebuchet MS;"> Хотите создать дизайн Вашего первого сайта уже сегодня? В этом Вам помогут 8 видео уроков от команды WebForMySelf! Урок 1 </div> </div>

perepro

25.08.2017

В избранное Пожаловаться Просмотров: 327

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

Видео-обучайка 8734

Активные участники:

Последние откомментированные темы:

Создание собстенного дизайна сайта в Photoshop

Комментарии временно отключены

Премодерируемое участие
1245 участников