Coffee Shop ART

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Coffee Shop ART » Обучение » 5. Делаем IS LOVE


5. Делаем IS LOVE

Сообщений 1 страница 3 из 3

1

Сейчас в интернете можно встретить такие.. «баннеры» как is love. Я долго смотрела на них и поначалу думала, мол, опять придумали какую-то хрень и все ею поголовно заболели, но присмотревшись получше нашла в этом что-то по своему интересное. Сегодня я расскажу как можно сделать такую штучку.
P.S.: делаю без текстур и колорок, ибо откровенно лень подбирать хДД

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

OPEN|CLOSE

http://xmages.net/storage/10/1/0/9/7/upload/6c03ae75.png

Теперь у нас есть основа, на которую нужно перетащить наши заготовки, что мы сделали ранее. Выделяем заготовку, копируем, переходим на основу и вставляем. Вставили все пять? Тогда идем дальше. Теперь нам надо сделать черную рамочку вокруг каждого исходника. Еще не забыли второй способ? Да-да, тот что с обводкой) Выбираем слой с исходником и проделываем все тоже самое, что писалось мною выше или же, для совсем ленивых, выбираем слой с основой, кликаем правой кнопкой на слое и выбираем Скопировать стиль слоя, после чего, выделяя каждый слой с исходниками, кликаем правой кнопкой мыши и жмем Вклеить стиль слоя. Теперь все исходники у нас в рамках.

OPEN|CLOSE

http://xmages.net/storage/10/1/0/9/8/upload/2fe24fe1.png

http://xmages.net/storage/10/1/0/a/f/upload/2b671eae.png

http://xmages.net/storage/10/1/0/a/c/upload/5afc2833.png http://xmages.net/storage/10/1/0/3/1/upload/4af76197.png

Следующий шаг – это правильно расставить все на свои места. Выбираем левую/правую боковую картинку, т.е. слой с ней, выбираем Перемещение и двигаем. Картинка должна отступать 3 пикселя от верхней рамки и 3 пикселя от боковой. Все те же 3 пикселя должны соблюдаться между картинками. Если мы все правильно сделали, то последняя картинка должна отступать от края те же 3 пикселя.

OPEN|CLOSE

http://xmages.net/storage/10/1/0/0/9/upload/735c14cb.png

http://xmages.net/storage/10/1/0/9/3/upload/c57eb443.png

Теперь почти готово, осталось только добавить текст. Ее делаем шрифтом Century Gothic 24-ого или 25-ого размера. Если у вас существительное в единственном числе, нужно писать IS LOVE (пример: cat is love), ну а если во множественном, то ARE LOVE (пример: flowerS are love).
Все, наипростейший is love готов. Можете еще поколдовать с ним, добавляя различные эффекты, но не переусердствуйте)

http://xmages.net/storage/10/1/0/9/f/upload/16c16ee5.png

+1

2

Забавная штука) Урок классный, давно хотела сделать себе такую фигульку))

http://10pix.ru/img1/3476/4641869.png

+1

3

Sin
молодец же! урок пройден) только единственное, я бы надпись еще немного сдвинула вправо)

0


Вы здесь » Coffee Shop ART » Обучение » 5. Делаем IS LOVE