Дизайн → Создание Web 2.0 логотипа

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

Web 2.0 в наше время очень распространен во всех сегментах интернета, но есть и те люди которых этот стиль как они выражаются уже достал. Всеже данный стиль более всего вписывается в сегодняшний интернет, т.к практически на всех блогах установлены шаблоны, сделанные именно в этом стиле.

О чем-то подобном уже писал Seo-Чайник, но у него тема была раскрыта не полностью. Я же хочу рассказать об этом подробнее, и показать некоторые другие эффекты и приемы распространенные в Web 2.0.

И так приступим, во-первых вам нужно выделить несколько цветов для будущего логотипа, взятых непосредственно из вашего шаблона на который вы в последствие и поставите созданный логотип, для того чтобы он как можно лучше вписался в общий стиль блога.

Далее нам нужно выбрать подходящий шрифт. Если на вашем компьютере таковых не имеется, загляните на dafont.com, или navat.net в первом огромное количество шрифтов разделенных по категориям, во втором же также кучи шрифтов, но имееться категория Web 2.0, шрифты находящиеся в ней, как нельзя кстате подойдут для нашего логотипа.
Обращаю ваше внимание на то, что использование стандартных шрифтов, будет выглядеть дешево, а сторонние к тому же придадут еще больше красоты, но это уже зависеть от вашего выбора.

Установив необходимые шрифты, переходим к создание логотипа. Открываем Photoshop, создаем новый проект, размером примерно 200х100 пикселей.
Инструментом «Horizontal Type Tool» напишите нужным вам шрифтом нужный вам текст В моем примере я создал два текстовых слоя, синим Over и зеленым Me.

Далее откройте стиль текстового слоя, нажав на него двойным кликом мышки. Выберите вкладку «Gradient Overlay» и сделайте градиент от исходного цвета (в нашем случае #0096ff) до немного темноватого тоже цвета (примерно #007cd3). Тоже самое проделайте и со вторым слоем. В обоих случаях не забудьте указать галочку “Revers”.

Теперь нарисуйте прямоугольник, инструментом «Rectangle Tool» с белым фоном. Наложите его ровно на половину высоты текста, и данному слою задайте прозрачность 19%.

Как вы уже наверняка заметили, Web 2.0 штучки постепенно вырисовываются, но все же пока этого мало, поэтому продолжим

Снова открываем стиль первого текстового слоя, заходим во вкладку «Stroke», в меню «Fill Type» выбираем «Gradient», далее выставляем градиент от белого (#FFFFFF) до светлого исходного цвета (в нашем случае до светло-синего #A9DCFF). В первой точке непрозрачность (opacity) выставляем до нуля (0).
И в завершение для текущего слоя Fill (заполнение) ставим 0. Тоже самое проделываем и для второго текстового слоя.

Ну и как же мы можем забыть о стеклянном отражение снизу, не будем отходить от традиций, поэтому сделаем и это. Хотя в некоторых случаях это может быть лишним.

Делаем копии двух текстовых слоев. Выделяем каждый и жмем Ctrl+J. Отражаем их по вертикали (кто не знает это делаться при помощи инструмента Выделение(Rectangular Marque Tool). Делаем активным этот инструмент, и кликаем по слою правой клавишей мыши, выбираем Free Transform, далее снова правым кликов, в выпадающем меню Flip Vertical). Ставим уровень заполнения (Fill) для каждого дублированного слоя 0.
Открываем стиль слоя, заходим во вкладку «Gradient Overlay» и делаем градиент от исходного цвета (в нашем случае синем #007fd9) до прозрачного. Закрываем стиль.
Выставляем непрозрачность для слоя на уровень 41%. Проделываем все это для обоих дублированных слоев.

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

Вот что у нас и получилось! Ура товарищи, это все. Конечно это только малая часть того что можно сделать с логотипом, если статейка будет вам полезна, напишу продолжение. Хотя я уже столько всякого запланировал, что уж не знаю когда это все успею.

Ну и напоследок приведу список сайтов, на которых вы сможете найти эти самые кисточки, шрифты, паттерны и прочее.

Вообще знаете, что меня бесит на сайтах для фотошопа или других варезниках, так это то, что они отдельную категорию делают под названием «Шрифты для Фотошопа» - не ну что за тупость?