Макет сайта в Photoshop Урок 13 Контакты

Автор Andrei Golubev
Макет сайта в Photoshop  Урок 13 Контакты

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

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

Проверь ещё раз закреплен направляющие и так изменила текст — это будут будет раздел контакты готова.

А ну теперь. Посмотрите Я хочу добавить сюда контакты например адрес телефон и карту понятно, что карту разумнее конечно внедрить активную. Да по которым мог бы клиент как ты её масштабировать и так далее. А сейчас мы добавим карту просто как он просто как статическую картинку для примера и так в папке изображения для сайта. У вас есть картиночка карта я её помещаю в документ соответственно смущаю её вниз вот таким образом мне ещё нужно добавить здесь будет текст, а так карта помеще вот сюда. Выбирай инструмент текст и напишу здесь. Ну например наш адрес наш адрес сделай покрупнее чтобы он мне бы лучше. Вьетнам наш адрес соответственно текстом слайм напишу адрес. Например Нижний. Новгород улица. Большая Покровская например. Том 111 вход справа например. Это вымышленный адрес выровнил этот текст по левому краю по левому краю помещу его например вот всё-таки он наш адрес тоже определённым образом смущаю таким образом например для него я сделаю начертание может быть оставлю вот для основного текста сделаю начертания поменьше например 14 шрифт, но и например italic курсивное начертание мне — это будет наш адрес, а здесь. Давайте добавим телефоны здесь добавим. Итак зала добавлю телефоны для связи. Ну или просто телефон и коротко и понятно отдельным текстовым слоем. Я создаю номера телефонов. Ну например 433 там 9999 хоть стоит написать. Через пробел или вот поставлю в. Яндексе сма1 второй номер например напишу какой-нибудь тоже вымышленный также как и этот + 7 номер 333 пример 2222 например так. Ну посмотрите во-первых. Давайте контакты телефон и номер телефона я помещу вот так чтобы — это было более понятный более удобно на телефон с номерами выровнен по левому краю граница. И помещу вот соответственно сюда дальше. Давайте наш адрес и телефон и проверим их в центр. А вот так центра ну и соответственно. Вот сама адреса он тоже центры проверим вот таким образом, но теперь давайте их немножечко по-другому поместим например наш адрес и телефон они будут. Прошу прощения, а наш адрес я адрес они будут занимать у нас пространство вот этих например трех колонок может быть даже лучше сделать вот например вот так вот по этой границы ну и соответственно телефон с номером телефона на соответствующую новости есть разница занимать вот так вот таким образом у нас будут контакты расплакаться всё. Что касаемо контактов мы вместе с картой добавил в группу контакты готова. Теперь давайте немножечко их листья вниз также как и отзывы. Можно также сместить вниз так карту можно чуть. Карта например я чуть повыше. Чуть повыше например вот таким образом ещё раз повторю, что карта конечно у нас будет в динамической разумнее ну и наконец нам осталось сделать наши Footer — это нижняя часть давайте выберем прямоугольник на заливку большая мусорная наш узор который мы использовали уже для наших блоков преимуществ и цен ну и соответственно здесь на новом слое. Нарисуем последний элемент. Вот — это будет наш хутор. А здесь мы расположенном информацию например расположен здесь иконки соц сетей и требовал может быть потребуется какое-то дополнительное ещё информация.

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

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