Video- урок. Создание макета для сайта.

Автор Denis Lisitsin
Video- урок. Создание макета для сайта.

Здравствуйте продолжен увеличении растрового графического редактора Adobe Photoshop CS6 и сегодняшний наш урок будет посвящен созданию макета программно, что стоимость — это будет достаточно простой будет логотип который будет характеризовать там дизайн adalya будет меню.

Зачем будете какая-нибудь композиция котором мы будем придумывать позже, а после композиции будет идти концерт. Это основное содержание сайта будет подвал приступим к реализации вашего проекта сдаём документ нажимаем файл создать ширина не будет 1280 и высотой 1385 пикселей. Можно переименовать нажимаем хоккей сразу же сохранение настроек файл сохранить как лучше создать какое-то папочку либо на рабочем столе либо в документах экономически.

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

Включи Мику линейку можно включить двумя способами. Первое панель меню и нажать просмотр поставить галочку на линейке можно сочетание клавиш Ctrl + R. Включите ники и так сначала сделай разметку и поставим первым управляющим инструмент привлечения муфту нажимаем на вертикальной линейки переносим 1 направляющие на 128 пикселей. Сейчас специально управляющая на ширину макета стандартная ширина монитора — это 1024 как раз есть мы будем отмечать нажимаем линейки и проводим на 1000 152 кисм вторая направляющие. А следующий направляющие будет разгромить весь контент всего контента. ВКонтакте будет меньше чем макет и 1 здесь направляющие будет на 150 пикселей старая направляющие на 1160 пикселей познакомьтесь с вертикальной разметкой горизонтали первое можно сделать — это отметить логотип логотип. Будет летать 45 пикселей занимает. Пятницкая 45 старая направляющие на высоте 295 пикселей теперь отмечаем. Моё первое направляешься на 500 пикселей рано появляется на 550 пикселей дальше отмечать так называемая нашей хлебные крошки 1 направляющие 570 пикселей вторая будет на 600 пикселей завершение осталось поставить последнюю направляющую которая будет обозначать наш подвал находиться она будет на расстоянии 1290 пикселей нажимаю всё разметка на закончим сейчас пока на предыдущих уроках мы создадим с вами попси для нас на нашем графике и так и сдаём первую группу не знаю создать группу первая группа будет — это подвал ещё одну группу антенна ещё одну шапку группировки. Будут ещё три три папки — это будет будет могучев меню и композиция. Давайте все будем вдвоём группа логотип группа миллион группа композиция. Дарья выделяем эти приставки композиция меню логотип путем нажатия клавиши. Контру и переносим папочка шапка теперь можно наложить на наши макет текстуру с дизайном для этого открывает файл файл открыть и у меня папочки если текстура которые я скачала ресурсы интернет вы также можете задеть. Просто в. Гугле текстуры для дизайна сайта можно выбрать любую текстуру по вашему желанию. А я выбрала такую текстуры кофейный сейчас не совсем волны края поэтому подрежим её с помощью инструмента рамка путем нажатия 2. Флика обрезать все лишнее мы изменим немножко, а путем нажатия сочетание клавиш Ctrl Alt + Tab нажимаем сочетание клавиш которые блюскай ширина 1300 есть 2.000. Динамо Киев теперь выбираем инструмент перемещения и тут нам перетаскивание перетаскиваем наши текстуру на наш манер журавли можно закрыть ментальный прозрачность текстуры для этого слова текстурой и уменьшаем непрозрачность мы переносим её вниз самый самый нажимай и телефон текстура, а такой получился нас макет для сайта в дальнейшем уже будем рассматривать. Как сделать композицию. Как сделать кнопочную. На данном этапе она такое чертёжный вариант. Спасибо до свидания.

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

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