Сейчас в интернете можно встретить такие.. «баннеры» как is love. Я долго смотрела на них и поначалу думала, мол, опять придумали какую-то хрень и все ею поголовно заболели, но присмотревшись получше нашла в этом что-то по своему интересное. Сегодня я расскажу как можно сделать такую штучку.
P.S.: делаю без текстур и колорок, ибо откровенно лень подбирать хДД
Для начала давайте подберем пять исходников. Пусть они будут одной тематики и, желательно, одной цветовой гаммы. Выбрали? Тогда смело открывайте их в фотошопе.
Теперь нам необходимо сделать их одного размера. Создаем новый документ (Файл -> Создать..) с размерами 90х98. Это стандартный размер для is love, так что если не хотите накосячить берите этот, поэкспериментировать с расчетами правильной подборки размеров можете на досуге)
Теперь переходим на один из наших исходников и выделяем его клавишами Ctrl+A, копируем клавишами Ctrl+C, переходим на наш новый документ и вставляем исходник клавишами Ctrl+V. Мы видим, что исходник гораздо больше документа и не пугаемся, сейчас это быстро исправим. Выбираем инструмент Перемещение (просто нажимаем на клавиатуре V) и подгоняем исходник так, как нам нравится (одним словом – кадрируем). Незабываем зажимать Shift, иначе изображение будет растянутым!!! Тоже самое проделываем с остальными исходниками.
Теперь когда исходники готовы, пора заняться основой нашей лавки. Опять идем в Файл -> Создать.. и выставляем такой размер: 470х129. Теперь у нас есть замечательная основа, которую мы можем сразу подготовить, т.е. залить цветом/градиентом, наложить текстуры и прочее, и прочее. Можно сказать, что неотъемлемой частью is love является рамка в 1 пиксель, часто она черного цвета, так что приступаем к ней. Есть два наипростейших варианта сделать такую рамку:
1. Берем карандаш, зажимаем Shift, что бы линия получилась ровной, и чертим.
2. Открываем стиль слоя и заходим в Обводка. Выставляем параметры вот так:
Теперь у нас есть основа, на которую нужно перетащить наши заготовки, что мы сделали ранее. Выделяем заготовку, копируем, переходим на основу и вставляем. Вставили все пять? Тогда идем дальше. Теперь нам надо сделать черную рамочку вокруг каждого исходника. Еще не забыли второй способ? Да-да, тот что с обводкой) Выбираем слой с исходником и проделываем все тоже самое, что писалось мною выше или же, для совсем ленивых, выбираем слой с основой, кликаем правой кнопкой на слое и выбираем Скопировать стиль слоя, после чего, выделяя каждый слой с исходниками, кликаем правой кнопкой мыши и жмем Вклеить стиль слоя. Теперь все исходники у нас в рамках.
Следующий шаг – это правильно расставить все на свои места. Выбираем левую/правую боковую картинку, т.е. слой с ней, выбираем Перемещение и двигаем. Картинка должна отступать 3 пикселя от верхней рамки и 3 пикселя от боковой. Все те же 3 пикселя должны соблюдаться между картинками. Если мы все правильно сделали, то последняя картинка должна отступать от края те же 3 пикселя.
Теперь почти готово, осталось только добавить текст. Ее делаем шрифтом Century Gothic 24-ого или 25-ого размера. Если у вас существительное в единственном числе, нужно писать IS LOVE (пример: cat is love), ну а если во множественном, то ARE LOVE (пример: flowerS are love).
Все, наипростейший is love готов. Можете еще поколдовать с ним, добавляя различные эффекты, но не переусердствуйте)