Екин Блог

Давно не было возможности что-то написать, весь в делах, в заботах. Мерзкий диплом мешает жить . Так вот, как сделать в фотошопе ленты для вашего сайта? Наверняка видели такие «которые как бы вжух из-за сайта и его сверху как-бы накрывают». Друг попросил освятить этот момент уже давно, но что-то я ленивый стал, надо бы собраться.

Я сделал поле 300х300 пикселей и быстро набросал некий фон. Скажем это боковина нашего сайта, просто остальное мы вырезали из-за ненужности.

Я работаю по пиксельной сетке, которая вызывается сочетанием Ctrl+’ (буква э на русской раскладке), у меня один большой квадрат (супергрид) равен 20 квадратным пикселям, а мелкие по 10 квадратных пикселей. Делаем произвольный прямоугольник с помощью форм, у меня он получился 85 х 20 пикселей.

Затем под ним делаем один маленький 10 х 10 квадрат, тоже формой, но темнее по цвету. Формы используются из-за их невероятной удобности. Мы берем две левых точки на квадрате инструментом Direct Selection Tool (A), зажимаем шифт и нажимает стрелку вверх. Опа! Получился скос ровно по диагонали.

Вот так выглядит лента. Можно сделать закругленную ленту.

Берем форму с закруглениями и ставим 4 пикслея скругления на углах.

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

Теперь делаем вот такую формочку под слоем с оранжевой лентой. Затем поднимаем её чуть выше и смотрим что получилось.

Будут вопросы — спрашивайте, постараюсь на все ответить.
И если не трудно, прикладывайте свои работы.