Как сделать собственную линеечку "is love"
Воть урок о том, как я делаю линеечки is love.
Сама, когда училась их делать, облазила инет в поисках уроков, но
ничего не нашла, пришлось все постигать «методом тыка», надеюсь эта
запись поможет другим. 
Прежде всего, что нам для этого необходимо:
1)Фотошоп
2)Кисть is love, её можно скачать вот тут - http://slil.ru/23822804
3)Шаблон, т.к. мы начинающие «дельцы линеек», то гораздо легче работать по готовому шаблону, вот мой:
Теперь, собственно, какие требования есть к линеечкам: размер 470×129px, внутренних картинок: 90×98px; шрифтом Century Gothic 25-26px и сердечки кистью islove. Вес - до 50-70кб, отступы: по 2px сверху и сбоков и по 4px между картинками.
Но, когда делаешь линеечку не для какого-то сайта, а для себя или друзей мне кажется от стандарта можно смело отступать, т.ч. тут все в ваших руках.
Но мой шаблон и пример сделан по стандарту, надо же с чего-то начинать? 
Часть I. Подборка картинок.
Что самое главное в любой линеечке? Конечно картинки, которые мы подберем и вырежем под нужный размер заранее. Я покажу на примере одной как обрезать остальные, чтобы они все были одного размера.
Для начала создаем файл размером 88*96. Прошу прощения за неправильный первоначальный вариант, я указала неверные параметры создаваемого файла, вместо "Градация серого", должен стоять "RGB"!!! Простите, я заметила у себя ошибку, исправила, а скриншот вывесила неправильный...
Должно быть так:
Сворачиваем его, он нам временно не нужен, и открываем нужную картинку.
Из нее с помощью инструмента «Рамка» вырезаем нужный фрагмент
Далее, Изображение > Кадрировать
Придаем ему приблизительно нужные размеры, внимательно смотрим, чтобы ни одна сторона не была меньше нужных нам пропорций 88*96 (!)
Выделяем «все» и копируем. Выделение > Всё. Редактирование > Скопировать.
Этот файлик можем закрыть (обязательно без сохранения!!!)
Открываем тот маленький, что свернули прежде и Редактирование > Вклеить.
Теперь двигаем рисунок, пока не станет, как нам больше нравится, с помощью инструмента «Перемещение».
Когда картиночка нас устраивает, совмещаем слои Слой > Объединить видимые
И сохраняем получившуюся картинку в отдельную папочку в формате .png, я назвала файл 01
Таким макаром делаем заготовки всех необходимых картинокЧасть II. "Наклейка" картинок.
Теперь выбираем из кучи пять наиболее понравившихся, я стараюсь выбрать симметричные или относительно совпадающие по цветовой гамме, но это все дело творческое! Чтобы определиться с последовательностью рисунков предлагаю потаскать их по экрану, прикидывая, как будет смотреться лучше, я выбрала такую последовательность:
Пока мы сворачиваем наше богатство и открываем Шаблон.
Квадраты будущих картинок включают в себя их рамочку, если хотите рамку другого цвета – просто измените цвет квадратов, для этого есть такая рульная весчь (для меня рульная, потому что нашла ее случайно
) называется инструмент «Волшебная палочка»
Нажимаем на нее и на первый квадрат, вот что выходит:
Теперь нам нужно выделить и другие квадраты, наводим на них ту же палочку и правой кнопкой мыши "Добавить к выделенной области"
Так выделяем все 5 квадратов и заливаем их нужным цветом, ну… Например красным! Ну мне красного итак валом, оставлю черными!
Создаем новый слой Слой > Новый > Слой и мы готовы к вклеиванию картинок.
Принцип клейки тот же, что и в части первой. Открываем нужную картинку Выделение > Всё, Редактирование > Скопировать, закрываем ее и на нашем Шаблоне Редактирование > Вклеить
«Перемещением» тянем ее на первый черный квадрат, советую немного увеличить файл, чтобы не промахнуться
Если увеличить на максимум, то можно точно увидеть, что вокруг нашей картинки образовалась рамочка шириной 1 пиксель, что делает линеечку аккуратнее.
Вклеиваем остальные картинки в квадраты, объединяем слои и сохраняем нашу линеечку под каким-нибудь именем, к примеру «Кюдзо1»
В принципе, стандартные линейки идут на белом фоне, поэтому если вам нравится это оформление можно сразу перейти к части IV. Но я люблю симпатичные фончики, поэтому пока сворачиваю этот файл и перехожу к следующей творческой ступени.Часть III. Создание фона.
Создаю новый файл, можно сразу с названием «Кюдзо2» с размером нашей линейки 470*129
Фоны можно создавать несколькими способами, например, использовать готовые фоны, ну знаете такие для блогов штучки, вроде этих:
Но у меня их пока немного и ничего достойного Кюдзо я там не выбрала.
Значит, будем делать сами, используя кисти! Скачать их можно воспользовавшись поиском или например вот тут - http://www.cwer.ru/dlya_photoshop_0 единственное на сайте требуется регистрация! (опять таки домо аригато Джульене за ссылку!)
Я решила сделать немного кроваво-водный фон, достаточно светлый, чтобы было лучше видно надпись, не забываем сохранить его, и сразу делаем новый слой.
Теперь открываем нашего свернутого «Кюдзо1», выделяем всё, копируем, закрываем его и вставить на «Кюдзо2». Снова используем инструмент «Волшебная палочка», но теперь выделяем наш белый фон:
А теперь моя любимая часть!
Берем инструмент «Ластик» и снимаем белый фон:
Стараемся не пропустить не одного места, чтобы не осталось белых пятен, снова щелкаем на «Волшебной палочке», выделение убирается и вот что мы получили:
Снова объединяем слои. Если этот вариант нас полностью устраивает сохраняем его, мне же этот фон с брызгами приглянулся, т.ч. хочу его оставить для будущих проектов, поэтому делаю Сохранить как > «Кюдзо3»Часть IV. Набираем текст.
И вот самый последний этап! Текст. Если вы хотите создать несколько линеечек с разными шрифтами, то советую пересохранить файл под еще одним названием «Кюдзо4», что я и делаю. Делаем новый слой и беремся за инструмент «Горизонтальный текст». Писать я буду черным цветом и пока размером текста 24 пикселя. Далее главное не лохануться и правильно написать что или кого мы любим.
Как полный ноль в английском я, слава Богу, узнала, что если мы пишем о множественном числе то употребляется словосочетание «are love», но Кюдзо у нас один, т.ч. «is love», на всякий пожарный уточняю и правильное написание его имени (итить твою мать по-русски так просто, а по-ихнему Kyuzo 
), а теперь приступаем к работе.
Накалякав, что нам нужно, выделяем текст и ковыряемся в шрифтах, выбирая на наш взгляд самый симпатичный.
Мне понравился шрифт Fontocide, он скачан с того же сайта, откуда кисти… Кажется, точно не уверена… Я сделала размер шрифта чуть побольше - 26 пикселей.
Теперь нужно немного передвинуть запись, чтобы она стояла по центру между границей и картинками и не забыть что нам нужно немножко места для кисти с сердечками! Используем «Перемещение»…
Обязательно объединяем слои, иначе программа не даст использовать кисть (!) Теперь загружаем кисточку «is love», для этого берем инструмент «Кисть», там, где мы меняем ее масштаб, нажимаем на маленькую стрелочку и выбираем команду «Заменить кисти», ну или "Загрузить", кому как хочется.
Я лично всегда заменяю, чтобы не ковыряться слишком долго, выбирая нужную, затем находим куда мы скачали кисть «is love» и загружаем её.
Вот она, красотка, берем сердечки и шлепаем перед словами.
Сохраняем файл. Чтобы уменьшить его вес, маленький совет: используйте функцию «Сохранить для Web».
В открывшемся окошке вы можете чуть уменьшить качество картинки, используя бегунок:
Я ничего менять не стала. Когда нажимаете «Save» он говорит такую фигню:
Не обращаем внимания и сохраняем. Просто для сравнения: наш первоначальный файл Кюдзо4.png весил - 219 Кб, сохраненный же для Web Кюдзо4.jpeg - 84 Кб. При этом мы даже не уменьшили качества изображения, следовательно, двигая бегунок можно уменьшить файл еще больше.
Но меня устраивает такой результат.
Кроме того у меня осталось 4 файла. Любой из которых, кроме нашего итогового, я могу еще редактировать. На №1 сделать иной фон. На №2 прицепить другие картинки. №3 если захочу другой шрифт.
На данном примере я отошла от стандарта в 3 пунктах.
№1 Фон не стала оставлять белым
№2 Использовала шрифт, который мне приглянулся, а не Century Gothic
№3 Превысила вес линеечки.
Всё это легко поправить, если захочется вывесить свою работу куда-то. Линеечка готова. Первые пара работ, возможно, займут чуть больше времени, но когда появляется практика каждая последущая линеечка делается все быстрее и автоматически. Большая часть времени идет на две вещи: обрезание картинок и подборка фона, но это чертовски приятное занятие. Дерзайте и удачи!
P.S. Обязательно похвастайтесь, обожаю линеечки!!!
P.S.S. Я расписала наверное даже слишком разжевано, это я сделала и для себя тоже, т.к. я еще тот склеротик и если полгода не буду практиковаться, то забуду всё напрочь! А так будет куда подглядеть. 
Я
думаю, есть куда более простые и быстрые способы, без сохранения
отдельно всех слоев. Но мне просто они еще могут пригодиться, поэтому
столько вариантов картинок.
Прежде всего, что нам для этого необходимо:
1)Фотошоп
2)Кисть is love, её можно скачать вот тут - http://slil.ru/23822804
3)Шаблон, т.к. мы начинающие «дельцы линеек», то гораздо легче работать по готовому шаблону, вот мой:
Теперь, собственно, какие требования есть к линеечкам: размер 470×129px, внутренних картинок: 90×98px; шрифтом Century Gothic 25-26px и сердечки кистью islove. Вес - до 50-70кб, отступы: по 2px сверху и сбоков и по 4px между картинками.
Но, когда делаешь линеечку не для какого-то сайта, а для себя или друзей мне кажется от стандарта можно смело отступать, т.ч. тут все в ваших руках.
Но мой шаблон и пример сделан по стандарту, надо же с чего-то начинать? Часть I. Подборка картинок.Что самое главное в любой линеечке? Конечно картинки, которые мы подберем и вырежем под нужный размер заранее. Я покажу на примере одной как обрезать остальные, чтобы они все были одного размера.
Для начала создаем файл размером 88*96. Прошу прощения за неправильный первоначальный вариант, я указала неверные параметры создаваемого файла, вместо "Градация серого", должен стоять "RGB"!!! Простите, я заметила у себя ошибку, исправила, а скриншот вывесила неправильный...
Должно быть так:Сворачиваем его, он нам временно не нужен, и открываем нужную картинку.
Из нее с помощью инструмента «Рамка» вырезаем нужный фрагмент
Далее, Изображение > Кадрировать
Придаем ему приблизительно нужные размеры, внимательно смотрим, чтобы ни одна сторона не была меньше нужных нам пропорций 88*96 (!)
Выделяем «все» и копируем. Выделение > Всё. Редактирование > Скопировать.
Этот файлик можем закрыть (обязательно без сохранения!!!)
Открываем тот маленький, что свернули прежде и Редактирование > Вклеить.
Теперь двигаем рисунок, пока не станет, как нам больше нравится, с помощью инструмента «Перемещение».
Когда картиночка нас устраивает, совмещаем слои Слой > Объединить видимые
И сохраняем получившуюся картинку в отдельную папочку в формате .png, я назвала файл 01
Таким макаром делаем заготовки всех необходимых картинок
Часть II. "Наклейка" картинок.Теперь выбираем из кучи пять наиболее понравившихся, я стараюсь выбрать симметричные или относительно совпадающие по цветовой гамме, но это все дело творческое! Чтобы определиться с последовательностью рисунков предлагаю потаскать их по экрану, прикидывая, как будет смотреться лучше, я выбрала такую последовательность:
Пока мы сворачиваем наше богатство и открываем Шаблон.
Квадраты будущих картинок включают в себя их рамочку, если хотите рамку другого цвета – просто измените цвет квадратов, для этого есть такая рульная весчь (для меня рульная, потому что нашла ее случайно
) называется инструмент «Волшебная палочка»Нажимаем на нее и на первый квадрат, вот что выходит:
Теперь нам нужно выделить и другие квадраты, наводим на них ту же палочку и правой кнопкой мыши "Добавить к выделенной области"
Так выделяем все 5 квадратов и заливаем их нужным цветом, ну… Например красным! Ну мне красного итак валом, оставлю черными!
Создаем новый слой Слой > Новый > Слой и мы готовы к вклеиванию картинок.
Принцип клейки тот же, что и в части первой. Открываем нужную картинку Выделение > Всё, Редактирование > Скопировать, закрываем ее и на нашем Шаблоне Редактирование > Вклеить
«Перемещением» тянем ее на первый черный квадрат, советую немного увеличить файл, чтобы не промахнуться
Если увеличить на максимум, то можно точно увидеть, что вокруг нашей картинки образовалась рамочка шириной 1 пиксель, что делает линеечку аккуратнее.
Вклеиваем остальные картинки в квадраты, объединяем слои и сохраняем нашу линеечку под каким-нибудь именем, к примеру «Кюдзо1»
В принципе, стандартные линейки идут на белом фоне, поэтому если вам нравится это оформление можно сразу перейти к части IV. Но я люблю симпатичные фончики, поэтому пока сворачиваю этот файл и перехожу к следующей творческой ступени.Часть III. Создание фона.
Создаю новый файл, можно сразу с названием «Кюдзо2» с размером нашей линейки 470*129
Фоны можно создавать несколькими способами, например, использовать готовые фоны, ну знаете такие для блогов штучки, вроде этих:
Но у меня их пока немного и ничего достойного Кюдзо я там не выбрала.
Значит, будем делать сами, используя кисти! Скачать их можно воспользовавшись поиском или например вот тут - http://www.cwer.ru/dlya_photoshop_0 единственное на сайте требуется регистрация! (опять таки домо аригато Джульене за ссылку!)Я решила сделать немного кроваво-водный фон, достаточно светлый, чтобы было лучше видно надпись, не забываем сохранить его, и сразу делаем новый слой.
Теперь открываем нашего свернутого «Кюдзо1», выделяем всё, копируем, закрываем его и вставить на «Кюдзо2». Снова используем инструмент «Волшебная палочка», но теперь выделяем наш белый фон:
А теперь моя любимая часть!
Берем инструмент «Ластик» и снимаем белый фон:Стараемся не пропустить не одного места, чтобы не осталось белых пятен, снова щелкаем на «Волшебной палочке», выделение убирается и вот что мы получили:
Снова объединяем слои. Если этот вариант нас полностью устраивает сохраняем его, мне же этот фон с брызгами приглянулся, т.ч. хочу его оставить для будущих проектов, поэтому делаю Сохранить как > «Кюдзо3»Часть IV. Набираем текст.
И вот самый последний этап! Текст. Если вы хотите создать несколько линеечек с разными шрифтами, то советую пересохранить файл под еще одним названием «Кюдзо4», что я и делаю. Делаем новый слой и беремся за инструмент «Горизонтальный текст». Писать я буду черным цветом и пока размером текста 24 пикселя. Далее главное не лохануться и правильно написать что или кого мы любим.
Как полный ноль в английском я, слава Богу, узнала, что если мы пишем о множественном числе то употребляется словосочетание «are love», но Кюдзо у нас один, т.ч. «is love», на всякий пожарный уточняю и правильное написание его имени (итить твою мать по-русски так просто, а по-ихнему Kyuzo ), а теперь приступаем к работе.Накалякав, что нам нужно, выделяем текст и ковыряемся в шрифтах, выбирая на наш взгляд самый симпатичный.
Мне понравился шрифт Fontocide, он скачан с того же сайта, откуда кисти… Кажется, точно не уверена… Я сделала размер шрифта чуть побольше - 26 пикселей.
Теперь нужно немного передвинуть запись, чтобы она стояла по центру между границей и картинками и не забыть что нам нужно немножко места для кисти с сердечками! Используем «Перемещение»…
Обязательно объединяем слои, иначе программа не даст использовать кисть (!) Теперь загружаем кисточку «is love», для этого берем инструмент «Кисть», там, где мы меняем ее масштаб, нажимаем на маленькую стрелочку и выбираем команду «Заменить кисти», ну или "Загрузить", кому как хочется.
Я лично всегда заменяю, чтобы не ковыряться слишком долго, выбирая нужную, затем находим куда мы скачали кисть «is love» и загружаем её.
Вот она, красотка, берем сердечки и шлепаем перед словами.
Сохраняем файл. Чтобы уменьшить его вес, маленький совет: используйте функцию «Сохранить для Web».
В открывшемся окошке вы можете чуть уменьшить качество картинки, используя бегунок:
Я ничего менять не стала. Когда нажимаете «Save» он говорит такую фигню:
Не обращаем внимания и сохраняем. Просто для сравнения: наш первоначальный файл Кюдзо4.png весил - 219 Кб, сохраненный же для Web Кюдзо4.jpeg - 84 Кб. При этом мы даже не уменьшили качества изображения, следовательно, двигая бегунок можно уменьшить файл еще больше.
Но меня устраивает такой результат.Кроме того у меня осталось 4 файла. Любой из которых, кроме нашего итогового, я могу еще редактировать. На №1 сделать иной фон. На №2 прицепить другие картинки. №3 если захочу другой шрифт.
На данном примере я отошла от стандарта в 3 пунктах.
№1 Фон не стала оставлять белым
№2 Использовала шрифт, который мне приглянулся, а не Century Gothic
№3 Превысила вес линеечки.
Всё это легко поправить, если захочется вывесить свою работу куда-то. Линеечка готова. Первые пара работ, возможно, займут чуть больше времени, но когда появляется практика каждая последущая линеечка делается все быстрее и автоматически. Большая часть времени идет на две вещи: обрезание картинок и подборка фона, но это чертовски приятное занятие. Дерзайте и удачи!
P.S. Обязательно похвастайтесь, обожаю линеечки!!!
P.S.S. Я расписала наверное даже слишком разжевано, это я сделала и для себя тоже, т.к. я еще тот склеротик и если полгода не буду практиковаться, то забуду всё напрочь!
А так будет куда подглядеть. Я
думаю, есть куда более простые и быстрые способы, без сохранения
отдельно всех слоев. Но мне просто они еще могут пригодиться, поэтому
столько вариантов картинок.настроение: Довольное
Метки: Линеечки is love, урок
