1.8. Создание макета сайта на Photoshop. Подвал сайта

Автор Pavel Shevchuk
1.8. Создание макета сайта на Photoshop. Подвал сайта

Привет всем продолжаем создание макета сайта.

И сейчас мы продолжим с вами создавать подвал сайт подвал сайта или как его еще называют хутор путь до. Давайте вот здесь вот свернем в нашу группу создадим новую назовём её подвал или футляр. Как Вам удобно такое бабочка у нас получается.

Давайте сразу.

На митинг на этим немножко отступим от основного контента буквально несколько процентов здесь немножко по экспериментировать до на медиум можем также наметить некую область в принципе я бы уже вот так вот бы оставил. Да и здесь мы можем сделать следующее сделать следующие. А я бы ещё предложил сделать еще одну наметить ещё одну область небольшую примерно 2% создаем новый объект и делаем его немножко потемнее. Вот вот такой вот у нас футер получается давайте займемся с содержанием фтора. Ну в принципе мы можем кое-что скопировать до из предыдущих то есть futari обычно отображается всё очень коротком в сжатом виде то, что есть у нас на сайте. Давайте возьмем например из шапки назвать название описание и почтовый ящик загрузили счёт у нас просто перенесём так вот. Вот она нас да и немножко перепало редактируем значит давайте. Основную надпись немножко просто уменьшим на 18 пикселей в зале иконку тоже сделаем на 24 пикселя вот всё для сайта и сайтостроение сделаем. Всё Давайте каким цветом да то есть меняем немножко цвет меняем расположение удали здесь также используем конверты почтовый ящик примерно как-то так немножко изменим цвет сделаем белым чтобы его видно было до, а то есть опять же какого все цвета и какого размера будет. Решать только. Вам можно ещё что-то. Дай сюда добавить. Можно не добавлять неважно. Да, что ещё. Давайте также из сайдбара с копируем метки и рубрики до метки и рубрики так ждала добавляем так повыше подними так и. Давайте оседала перенесём ты несёшь сюда так сейчас не видим вот, что надо изменить цвет вот немножко. Вот так вот можно также просто скопировать до название рубрик метки рубрик метки сайта названия рубрик так пониже немножко пустим здесь. Давайте создадим новый слой так и напишем здесь например рубрики сайта рубрики сайта немножко увеличить шрифт слишком много давайте так отпустим пониже сотрудники сайта цвет давайте сделаем потемнее так. Или наоборот посветлее правильную посветлее лучше так и копируем категории нитки. Да у нас метки сайта WoT то есть здесь. Также можно что-то ещё добавить. Да как найти вот — это группируем вот — это вот тоже группируем — это вот группируем можно скопировать. Да эти группы. Как переставить. То есть тут уже добавляем свои действия ссылки какие-то определённые. Это определенный формат для пользователей. Да давай теперь немножко подтянем. Вот — это вот часть. Нижняя и вот здесь вот немножко. Вот, тогда здесь внизу напишем следующая что-то типа все права за истины как здесь можем воспользоваться сервисом font-awesome и найти иконку copyright no copyright так в. Вот она у нас есть. Давайте сменим здесь шрифт Tax Free регион города и пишем сейчас купи. Так секунду забыл изменить раскладку ещё раз еще раз еще раз еще Font awesome icon Copy Right What вставляем завтрак все права защищены здесь, 70 018 вот в принципе я думаю на этом можем. Завершить наш видео урок также мы можем завершить наш нашу часть до первую часть по созданию макета сайта уже на следующий урок. Мы с вами посмотрим. Как изобразить мобильную версию сайта на фотошопе да то есть верстать создавать макет мобильной версии сайта на фотошопе. Единственное, что нам ещё здесь осталось сделать — это уменьшить размер размер документа, но в принципе и нам особой необходимости этого делать нет. Можем немножко пониже опустите здесь контент ножка увеличить, что тут ещё можно добавить в принципе я думал так вот и оставим макет да то есть мы уже создали некий макет сайта сайта блога до блога в мастера давать не забудем также сохранить нашу макет control Test нажимаем. Да в принципе я думаю всё на этом заканчиваем наш видео урок и в следующей серии будут посвящены в верстке сознанию мобильная версия сайта на фотошопе. Всем спасибо за внимание. Всем пока.

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

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