Веб-дизайн. Создание лендинга. Урок 8. Светлая версия сайта. (Даниил Волосатов — Webformyself)

Автор Pavel Shevchuk
Веб-дизайн. Создание лендинга. Урок 8. Светлая версия сайта. (Даниил Волосатов — Webformyself)

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

Скопируй, а в итоге если уменьшить документ у нас получается ещё одна копия и всё-таки здесь очень удобно набирать на твою монтажную область создавать свою новую либо создавать плюсом ещё по такого же размера. Давайте приступим к изменению текст у нас на белом фоне будет ли считаться выделяем все слои выбираем инструмент текста и в палитре цветов выставляем пока, что черный цвет нажимай OK Google меню и название и выставляем тоже чёрный цвет пока, что ok для звёздочки тоже выставляем чёрный цвет OK. Всё остальное у нас будет видно удаляем телефона убираем стиль слоя в палитре цветов сделать свет в дополнительных материалах у нас будет.

Вот такая фотография она очень большое разрешение.

Что нужно сделать чтобы мы могли трансформировать каждый отдельный элемент нужно вырезать выбираем инструмент перо и просто вырезаем здесь аккуратность вообще не важно потому, что фон у нас белый будет. И каких-то стыков у нас не будет видно. Выдели выбираем выделенная область нажимаем хоккей нажимаем Control X века икона. Давай оставляем на отдельные слова скромен этот слой package там и выделим девушку посередине выделяем закрываем контур выделяем область представляем выделяем инструмент перемещения подозрением и включим слой который у нас был слева выделяем все три слоя и перетаскиваем на нашу макет и прячемся основной фон все три фотографии переходим в редактировании свободное трансформирование и уменьшаем в размерах уменьшаем до тех пор в фотографии все помешались позже мы их отредактировать слегка сделали девушку слева мы двигаем. Ливии чтобы он нас не залезал на эту девушку здесь оставляю. И здесь тоже смотрятся всё нормально если мы оставим девушка по центру так как есть то текст у нас будет не читаться поэтому мы можем брать непрозрачность до 20% если мы вообще вдвоём будет пустота, а а так будет валяться. Интересно даже 10 15% оксид жизни мы выделяем и выставляем зелёный цвет получается ответ 90-е a1b нажимаем OK и еще раз OK ниже мы меняем видеоуроки на чёрный цвет давать изначально поменяем. Олеся Артемьева выбираем и выставляем тоже зелёный цвет нажимаю о'кей. О'кей меняем ещё видео выделяем выбираем инструмент текста и выставляем зелёный цвет OK явлению под тоже делаем зелёным цветом таким же загрузить мы делаем чёрным цветом сейчас она очень сливается с основным тоном светлый фон. Всё у нас будет нормально плейлисты тоже делаем чёрным цветом и хутор делаем чёрным цветом нужно. Муки и каждой линии. Мы тоже сделаем чёрный цвет чёрный и чёрный и по-моему ещё в меню. Нам тоже нужно подчеркни сделать черными этот зелёный оставляя для трёх остальных мы меня на чёрный, но в итоге он нас будет серым потому, что у нас стоит непрозрачность 20% журнал OK давайте для основного фона попробуем поставить белый цвет и посмотрим, что у нас там всё хорошо и. Давайте попробуем адаптировать вот этот. Круг под зелёный цвет выбираем фон и добавляем зеленый светлый цвет и непрозрачность. Уменьши до 20% цвет у нас получился d7d db9 нажимаю. О'кей мы заливаем е2е 7c 7 и непрозрачность условия выставляем 40% и. Центральной Круг. Мы заливаем зелёным цветом е2е 7c. О'кей Давайте выделим ещё текст и выставим чёрный цвет пока, что и нам нужно что-то сделать с фоновым изображением так не особо всё читается. Мы можем поставить режим перекрытия посмотреть чтобы либо нажать comon.ru убрать насыщенность сделать чёрно-белые фотографии и поставить режим наложения karas перекрытия и логично для всех фотографий, фотографию насыщенность и ставим режим перекрытия и также основного фона. Тагил фотографии вообще не видно. Давайте попробуем её убрать и оставить просто круги ещё поиграть в непрозрачную здесь поставить 15 здесь 30 и здесь, что ставить давайте так и сделаем не будем использовать в данном варианте фотографию фоном сделаем. Просто круги в том случае когда он у меня ли мне не нравилась мы сделали лучше. Здесь всё уже так не смотрится поэтому мы оставляем как есть переходим файл сохранить я вас поздравляю, что вы сделали. Одну страницу в двух вариантах дизайна темным и светлым конечно ещё есть много внутренних страниц которые нужно делать, но я думаю всё основы web-дизайна выполнили. Как создается дизайн сайта. Я надеюсь, что вам — это очень понравилась занятие и я надеюсь, что вы продолжите обучаться веб-дизайну на этом. Всё желаю вам успехов всем.

0 комментариев
0

Читайте также