Новости

Новости портала МагДи

Страницы на которых был ремонт постоянно обновляются если сегодня на странице ремонт то пройдёт немного времени и страница запомница контентом


Создание дизайна сайта с помощью программы фотошоп

photoshop Добрый день мои читатели! Сегодня мы с вами займёмся созданием сайта с нуля в программе фотошоп и нарисуем шаблон сайта.

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

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

Если есть боязнь в начинании вспомните пословицу
«Не бойся делать то что не умеешь,
Профессионалы создали Титаник,
а дилетант Ноев ковчег!»

Мне эта пословица часто помогает.

И так начнём, ставьте музыку которая вам нравится, или отключите все что вам мешает и поехали.

Разделим наш урок на составные части создания шаблона сайта.
• Подготовка к работе
• Создаем рабочую область
• Рисуем логотип
• Рисуем хедер (шапку сайта)
• Рисуем блок контент
• Рисуем сайдбар-1
• Рисуем сайдбар-2
• Рисуем футер (подвал)

Подготовка к работе

Запускаем фотошоп, разворачиваем его на весь экран. И приступаем к работе.

Создаем рабочую область

Жмем ФайлНовый - указываем ширину рабочей области 1200 пикселей и высоту 900 пикслелей. Все остальное оставляем как есть

photoshop

photoshop

Фон сайта будет белым, создаём новый слой кликаем СлоиСоздать новый слой и заливаем его белым цветом

photoshop

ЗаливкаЩелкаем на слой

photoshop

Теперь устанавливаем вспомогательные линии

photoshop

Вспомогательные линии устанавливаются очень просто, зажав на линейки левую кнопку мыши тянем её туда где нужно вставить вспомогательную линию.

Далее...

Разработка и проектирование шаблона.




piwik