вход или регистрация

GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   

Создание логотипа ВКонтакте

Главная Уроки Создание логотипа ВКонтакте

Сегодня мы будем создавать логотип соц. сети «ВКонтакте».

Шаг 1: Создаём изображение 415×415 пикселей, с прозрачным фоном.

Шаг 2: Нужно всё выделить. Для етого идём в Выделение -> Редактор выделения, и просто жмём ЛКМ по чёрному полю. Потом он становится белым и мы его можем закрывать.

Шаг 3: Снова идём в Выделение -> Закруглить прямоугольник, и ставим Радиус(%) — 30%. Вот что получается:

Шаг 4: Берём цвет переднего плана 6186ad, а заднего 3e658f. Берём инструмент Градиент «Основной в фоновой» и растягиваем с самого верху к низу. Выделение снимаем.

Шаг 5: Пишем любой текст посредине белым цветом. Шрифт обязательно должен быть Arial Bold… Слой к размеру изображения.

Шаг 6: Берём цвет переднего плана ffffff, а заднего — cdcdcd. Берём слой текста «Альфа-канал в выделение». Берём инструмент Градиент «Основной в фоновой» и растягиваем с самого верху к низу. Выделение не трогаем.

Шаг 7: Создаём новый слой. Уменьшаем выделение (Выделение -> Уменьшить…) на 2 пикселя. Инвертируем его (Выделение -> Инвертировать). Заливаем белым цветом. Фон отключаем (просто нажимаем на глаз в панели слоёв у слоя «Фон»). Ставим режим смешивания «Экран» (находится на панели слоёв около ползунка с непрозрачностью слоя). Располагаем слой выше всех на панели слоёв. Соединяем только с текстом…

Шаг 8: Создаём новый слой. Снова инвертируем выделение. Увеличиваем выделение на 4 пикселя (Выделение -> Увеличить). Заливаем его цветом 325980. Располагаем, его под текст. Объединяем все слои. Всё, логотип готов.

6

В избранном у 6 человек:

Метки: , , , , .

Результаты урока

Добавить

Уроки: предыдущий следующий

9 комментариев

9

Пользователь #1812Макс Шевченко23 ноября 2011 в 08:53Личное сообщение

Если уж делаете логотип ВКонтакта, то и делать стоило именно его логотип.. А то как-то нехорошо получается. И, мое мнение, что возможный ответ: "Принцип-то ясен" здесь не слишком прокатывает.

5

Пользователь #3122Евгений Волков23 ноября 2011 в 11:38Личное сообщение

Если уж подобие логотипа вконтакте, то Verdana, а не Arial

-8

Пользователь #5349Константин Тычинкин23 ноября 2011 в 13:33Личное сообщение

А у меня никнейм HeadShot 13, не думаю что он у меня уместится.
Согласен 1 коменнтарием

2

Пользователь #4771Рома Мартынюк23 ноября 2011 в 18:02Личное сообщение

Буду старатся!)) Ето мой первый урок, а я итак волноюсь!

0

Пользователь #6448Ксения Адмиралова23 ноября 2011 в 18:06Личное сообщение

Для старта неплохо кстати)

3

Пользователь #4771Рома Мартынюк24 ноября 2011 в 17:35Личное сообщение

Константин, сбоку сделай всё тоже самое, только без фона

2

Пользователь #2102zend24 ноября 2011 в 18:46Личное сообщение

Как вы выяснили, что закруглить уголки необходимо именно на 30% или всё это "на глаз"?

-5

Пользователь #5254Антон Поспелов24 ноября 2011 в 19:21Личное сообщение

Шрифт выбран не тот. А в остальном все нормально. И нужно было урок показывать именно с буквой "В". В целом твердая четверка=)

-6

Пользователь #4771Рома Мартынюк25 ноября 2011 в 13:34Личное сообщение

Зенд, я роботал же с двумя картинками - образцом и своим логотипом! Я хотел сделать их 100% одинаковыми, только текст другой! У меня ето получилось))

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

Информация по уроку

Другие уроки автора

Создаём простые обои для рабочего стола
Достаточно простой урок по созданию обоев.

Кисти

doodles2_brushes_by_hawksmont7 NSS-V2.0-brush-an-9 GIMP Brush Pipe Trollface GIMP Brush GIMP Brush Пестрая клякса GIMP Brush Zvezda GIMP Brush привет! значек Warface
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Создание логотипа ВКонтакте» получил оценку 2.67 на основе 3 голосов.

13875+0
Комментариев

вверх