Как нарисованы логотипы Web 2.0 (Photoshop)

Вы когда-нибудь задумывались, как эти ребята рисуют свои логотипы Web 2.0? Иногда приятно учиться у других, развивать базовые навыки и начать свое собственное творчество оттуда. В этом уроке по Photoshop я расскажу вам о некоторых приятных логотипах Web 2.0, о том, как вы можете нарисовать их логотип точно так же (хотя не совсем на 100%) с помощью Photoshop..

1. Скачайте и установите файл стиля

Прежде всего, вам нужно скачать созданный мною стиль и загрузить его в Photoshop.

1. Скачайте фотошоп в стиле здесь. (Щелкните правой кнопкой мыши -> Сохранить как)
2. Для пользователей Photoshop CS2 поместите этот файл стиля в “C: \ Program Files \ Adobe \ Adobe Photoshop CS2 \ Пресеты \ Стили” Фотошоп других версий, поместите файл внутрь Presets \ Styles

2. Стиль загрузки

Откройте диалоговое окно «Стиль» в Photoshop

1. Windows -> Стили
2. Обратите внимание на небольшую кнопку со стрелкой в ​​правом верхнем углу. Нажмите на нее и выберите Загрузить стили из выпадающего
3. найти web20 из списка и нажмите нагрузка. Если вы не нашли web20, попробуйте закрыть Photoshop, снова откройте его, повторите шаг 1.
4. Нажмите на кнопку со стрелкой еще раз и выберите Большой список от выпадающего

Ваш результат должен выглядеть примерно так, как показано ниже.

3. Шесть логотипов Web 2.0

Вот шесть логотипов Web 2.0; MyBlogLog, Imified, mixd, Skype, Linked In и Go2Web20. Стиль, который вы только что установили, покажет, как их рисовать. Я пройду “mixd” а также “Go2Web20” логотипы, остальное просто использовать ту же технику.

4. Как нарисовать

Причина, по которой я здесь использую стиль, заключается в том, что после их сохранения в файле .asl (загруженном вами файле) их удобно применять. Давайте начнем рисовать некоторые из этих логотипов.

Нанесение смешанного логотипа

Начальное наблюдение, смешанный логотип состоит из

1. “mixd” текст
2. прямоугольник с закругленными углами
3. маленькая точка
4. меньшая точка

Мы примерно нарисуем их в Photoshop, каждый элемент в отдельном слое, как показано на рисунке ниже..

Теперь вот хитрость. Ищу “mixd метки” в Стиль Диалог. Перетащите их непосредственно на фоновый слой, слой с маленькой точкой и слой с меньшей точкой соответственно. Если вы перетащите их правильно, вы заметите, что слой теперь будет наследовать цвета и смешение стиля. найти “mixd-шрифт” в Стиль Диалог, перетащите его в текстовый слой и ваш логотип mixd будет готов, 90%, как оригинал, я скажу.

Рисование логотипа Go2Web20

Создано 4 новых слоя, каждый для “ИДТИ“, “2“, “WEB” а также “2,0“

Тащить, тянуть “go2web20-фиолетовый” из Стиля Диалог в “ИДТИ” & “WEB”, тащить, тянуть “go2web20-зеленый” в “2” & “2,0” и вы получите этот окончательный результат.

Что касается остальных (MyBlogLog, imified, skype и Linked In), это все о перетаскивании их соответствующего стиля в соответствие с правильным шрифтом.

5. Вывод

Если вы посмотрите в Параметры наложения вы заметите, что большинство логотипов Web 2.0 основаны на игре с градиентами, штрихами с комбинацией правильных шрифтов. Это может не “точный” То, как эти парни сделали свой логотип, но это по крайней мере способ добиться этого. Я не призываю вас подделывать их стиль и перерисовывать ваш логотип, но постарайтесь понять это, и, надеюсь, вы сможете выпустить красивый гладкий логотип Web 2.0. Я люблю помещать свои проекты в стиль (.asl), я могу использовать их, когда захочу.