20 нояб. 2011 г.

Статья 3. Как в Фотошопе сделать «шапку» макета шаблона сайта.

Первое что нужно знать при изготовлении «шапки» – это её размеры.   Высоту (height), ширину (width), а также отступы от краёв  ( margin). Для этого в Фотошоп используются линейки и вспомогательные направляющие элементы для точного позиционирования содержимого. Всё это описано уроках рубрики «Фотошоп для начинающих» Для того что бы как то разнообразить и украсить созданный слой «шапки» я буду использовать различные кисти. Кисти имеют название «Абстрактные» и не несут никакой смысловой нагрузки. Используются только как украшение.
  Создаю пустой слой в папке «header»  Слой 1  над  слоем 0. Кисти наносятся разного цвета и разных форм с различными режимами наложения. В итоге имеется  вот такой фон.  Да-да  это только лишь фон шапки.


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


Зная нужную высоту шапки я отрежу часть вновь созданного слоя и перемещу его опять же в папку «header»  В данном случае полная высота шапки 600px.   Отступы справа и слева по 10 px.  Выглядит это вот так.


После проверки и центровки отступов при помощи направляющих элементов все три слоя находящиеся в папке «header»  можно объединить в один.  Предварительно удалив из нижних слоёв центральные части за ненадобностью и уменьшению «веса» картинки.


Объединяем слои для  удобства дальнейшего использования. Но это ещё не окончательный  слой.


Всё так же слой ноль. Вот теперь когда заготовка шапки сделана  необходимо разместить в ней полезные элементы.   Какие? В следующем уроке попробуем.  Удачи!  :)

Комментариев нет:

Отправить комментарий

Внимание: Во избежание публикации нецензурных выражений, спама и лишённых всякого смысла высказываний, все комментарии проходят предмодерацию. Спасибо за понимание.