Создание шаблона сайта в Photoshop
Если индивидуальность вам не чужда и вы хотите создать свой неповторимый дизайн сайта, то ваш лучший помощник в этом деле – старый добрый Photoshop. Благодаря сочетанию легкости работы с широким спектром возможностей вы сможете создать в Photoshop оригинальный шаблон для своего ресурса. Так что, не будем терять ни минуты и приступим к реализации.
Для начала работы над шаблоном в Photoshop, конечно же, нужно сделать набросок вашего будущего дизайна на бумаге. Вырисовываем схематичный план сайта, со всеми баннерами, навигацией, рисунками и текстовым содержанием.
Далее, переходим в Photoshop. Для нашего документа пока устанавливаем размер 900х1200 пикселей (позднее, при верстке, можно сделать ширину «резиновой»). Для удобства работы добавим линейки.
Теперь начнем рисовать. Начинаем, конечно же, с головы, то есть с «шапочки» сайта. Не забываем о сохранении пропорций. После того, как «шапка» готова, займемся прорисовкой колонок меню. Помните, что сайт должен быть не только красивым, но и быстрозагружающимся, а потому не следует очень. Потом оформляем фон для основного текста, «боттома» нижней части. Очерчиваем каждую составляющую дизайна опорными линиями. Потом очень аккуратненько выделяем каждый элемент по опорным линиям инструментом Slice Tool. Вот и все, наш шаблон сайта в Photoshop готов, мы разработали дизайн и порезали его на нужные кусочки. Теперь остается только сохранить его. Сохраняем с помощью вкладки Save for Web, чтобы получить минимальный объем изображения. Выбираем тип файла jpeg и качество около шестидесяти процентов. Вот и все, один из самых важных шажков на пути создания сайта сделан, разрешите вас поздравить! Вы создали свой персональный шаблон сайта в Photoshop!
Для начала работы над шаблоном в Photoshop, конечно же, нужно сделать набросок вашего будущего дизайна на бумаге. Вырисовываем схематичный план сайта, со всеми баннерами, навигацией, рисунками и текстовым содержанием.
Далее, переходим в Photoshop. Для нашего документа пока устанавливаем размер 900х1200 пикселей (позднее, при верстке, можно сделать ширину «резиновой»). Для удобства работы добавим линейки.
Теперь начнем рисовать. Начинаем, конечно же, с головы, то есть с «шапочки» сайта. Не забываем о сохранении пропорций. После того, как «шапка» готова, займемся прорисовкой колонок меню. Помните, что сайт должен быть не только красивым, но и быстрозагружающимся, а потому не следует очень. Потом оформляем фон для основного текста, «боттома» нижней части. Очерчиваем каждую составляющую дизайна опорными линиями. Потом очень аккуратненько выделяем каждый элемент по опорным линиям инструментом Slice Tool. Вот и все, наш шаблон сайта в Photoshop готов, мы разработали дизайн и порезали его на нужные кусочки. Теперь остается только сохранить его. Сохраняем с помощью вкладки Save for Web, чтобы получить минимальный объем изображения. Выбираем тип файла jpeg и качество около шестидесяти процентов. Вот и все, один из самых важных шажков на пути создания сайта сделан, разрешите вас поздравить! Вы создали свой персональный шаблон сайта в Photoshop!
Другие статьи
- Технология CSS на смену старым методам
- Блочная вёрстка
- Скандинавский аукцион
- Создание шаблона сайта в Photoshop
- ПРОДВИЖЕНИЕ БЛОГА: продвижение блога с помощью гостевых постов
- Способы продвижения товаров
- Выбираем и диагностируем популярные cms для создания сайта
- Самостоятельное продвижение сайта – реально ли?
- Как происходит раскрутка сайтов
- Установка WordPress на хостинг
- Продвижение сайта статьями
- Как стать крутым СЕОшником?
- Грамотная оптимизация контента сайта
- Секреты SEO : Продай свою помощь!
- БЛОГГИНГ: 5 блоггерских истин, которые должен знать каждый блоггер
- Компьютерная графика
- Основные принципы поисковой оптимизации в Google
- Как сделать регистирацию на сайте
- Бесплатные CMS коммерческого уровня
- Кто такой seo-копирайтер
- Индексация сайта
- Как раскрутить блог в поисковиках?
- Тег HEAD
- БЛОГГИНГ: 5 советов как подтолкнуть читателей к комментированию
- Каким образом повышается актуальность и рейтинг сайта
- Сравнение табличных стилей и css. Часть вторая
- Как заработать в интернете: там, где русскоязычный сайт зарабатывает 1$, англоязычный приносит своему владельцу 150$.
- ПРОДВИЖЕНИЕ САЙТА: 5 SEO приемов для увеличения посещаемости сайта
- Главные ошибки в самой идее создания сайтов
- С чего начать? Или создаем сайт с нуля
- Уверенный доход от продажи ссылок
- Фотошоп - введение
- МИФЫ О КОПИРАЙТИНГЕ: Начни с малого или «умри»!
- Продвижение сайта внешними факторами
- Что делать, чтобы АГС-17 перестал любить ваши сайты?
- Как заставить нового посетителя обратить свое внимание на разработанный Вами сайт, и добиться популярности?
- Подготовка сайта к продвижению. Первичный аудит
- КАК ЗАРАБОТАТЬ В ИНТЕРНЕТ: Влияние сезонной температуры на посещаемость сайтов
- Методы быстрого продвижения сайтов
- Как проектировать формуляры?
- Метод получения посетителей без вложения средств
- Раскрутка, с помощью рассылки поздравительных писем
- Сравнение табличных стилей и css. Часть первая
- Joomla полезная информация
- Cкрипт для сайтов по НЧ и СЧ. HTracer
- Как копирайтеру создать тему
- Как поднять рейтинг сайта?
- Google сделал поиск более безопасным
- Как написать текст на главную страницу?
- Как заработать в сети



