Рисуем сайт в Photoshop. Урок 1 — Создание документа

Автор Andrei Golubev
Рисуем сайт в Photoshop. Урок 1 — Создание документа

тренинг рисуем сайт с нуля.

Фотошопе занятие номер один на связи с вами. Серёга не забываем ставить лайки и подписываемся на наш канал чтобы получать новые интересные уроки по дизайну и созданию сайтов. Итак поехали дорогие друзья.

Обратите внимание, что я на рабочем столе создал папочку рисуем сайт с нуля в.

Фотошопе в которой и буду работать до конца этого тренинга также в комплекте. К данным занятиям. Я включил специальных два файла который занес в папочку догмат смотрите на данный момент — это файлы мастер исчез. жпг — это картинка нашего шаблон. А1 В1 разместил для того чтобы увидели, что у вас получится если вы пройдёте тренинг до конца и маленький текстовый файл txt в нём я буду его содержать обычно справа от этого видео на данный момент содержится размеры satico и различных его элементов поэтому вы тоже чуть, что можете его открыть. И использовать как маленькую подсказку. Итак поехали первым делом открываем файл txt смотрим так размер нашего сайта в целом 1600 на 1200. Поэтому в программе Photoshop сейчас. Мы открываем файл и создаем новый документ под названием. Ну давайте я назову его master-css так master-css и здесь ставим соответственно размер 1600 пикселей по ширине и так 1200 там написал 2100. Извините я поправлю так сейчас чтобы вам сразу пошёл нормальный вариант файлов и 2100 по высоте нажмем. О'кей то есть всё остальное вас должно быть точно также ждем OK её у нас получается вот такой лист. Теперь давайте мы его сохраним файл пишем сохранить как либо ждём. Контру с либо ошибка контуру с видим до жмём я выбираю сразу папочку. Так давайте рабочий стол рисуем сайт с нуля. Фотошопе и здесь сохраню этот psd макет. Именно под названием master-css сохраняем и он уже есть в нашей папке знаю что. Для некоторых — это вот сейчас идёт детский сад, но дорогие друзья. Будьте терпеливы потому, что они все мои подписчики и зрители знают как пользоваться программой Photoshop надеюсь вы меня поймёте дальше. Теперь давайте я образую, что мы будем делать сдали давайте мы откроем наш файл с скриншот нашего сайта и я вам расскажу смотрите первым делом — это нам надо выставить направляющие чтобы дальше было легче рисовать сайт и я вам сейчас расскажу размеру то есть размер нашего сайта полная ширина его — это 1300 пикселей то есть ширина сайта она написана видим вот поэтому. Теперь давайте мы откроем Photoshop и выставим соответственно направляющие так берём одну направляющую тянем сюда до 100 150 пикселей. Так у меня не получается. Сейчас минуточку я сделаю побольше масштаб вот он тут выставляется, что так сделаю масштаб 50% вот так вот и выставлю сейчас 150 пикселей вот с этой стороны и теперь 150 пикселей с другой стороны то есть посмотрите как — это я всё высчитывают, а банальная рифма. Так у нас ширина полотна 1600 ширина сайта 1.300 и просто-напросто сейчас включу калькулятор чтобы всё — это видели отнимают 1.600 — 1.300 делю всё — это дело на 2 и получается с каждой стороны нам надо отступить 50 пикселей и так базовые направляющие готовые и в следующем уроке мы давайте уже доделаем все направляющие до конца.

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

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