Категория "Photoshop"

Это последняя статья по рисованию дизайна, в следующих мы будем заниматься версткой.

С прошлого урока дизайн немного изменился. Все правки вы найдете в прилагающихся файлах проекта.

На данный момент мой вариант дизайна выглядит следующим образом:

Continue Reading

На данный момент у нас готов фон и шапка будущего шаблона. Дабы не терять время зря сразу приступим к дизайну сайдбара.

Ширина сайдбара примерно 320px при ширине шаблона 1010px. Виджеты разделяются между собой с помощью заголовков:

Continue Reading

В первой статье мы создали макет нашего дизайна и нарисовали фон. Сегодня мы продолжим работу на шаблоном и займемся шапкой сайта, нарисуем лого нашего будущего сайта кнопку для подписки на rss ленту и форму для поиска.

Приступим.

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

Первым чем мы займемся – это будет горизонтальное меню ака разделитель контента и шапки.

Снизу шапки рисуем горизонтальную полосу шириной примерно 25px. Вот, что доложно получится:

Continue Reading

Это первая часть из серии статей по созданию дизайна сайта, которые охватывает все от создания макета до верстки.

Программы:

Photoshop и любой редактор кода, для верстки.

В первой статье, мы рассмотрим создание макета дизайна, и фона нашего будущего дизайна блога. Первое чем мы займемся – это составим список требований:

• Дизайн будет в светлых тонах.
• Формат: шапка, контент, 1 сайдбар справа, футер.
• Ширина от 1200px до 1000px. Остальное фон.
• Сайдбар 1/3 всей ширины шаблона.
• Шапка: лого, краткое описание, значок rss, строка поиска.
• Футер: копирайты, место под счетчик.

Начнем.

Создаем новый файл Photoshop 1100x800 пикселей. Сам шаблон 1010px, остальное фон. Continue Reading