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

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

   

Создаём логотип Википедии

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

Для начала давайте изучим логотип Википедии:

Состоит из пазлов, пазлы объемные. В лучшем случае, по горизонтали показывают 4,5 пазла. Буквы в логотипе скачут так, чтобы быть в центре пазлов. Цвет логотипа — серый, подсвеченный сверху слева.

Изучили, будем рисовать.

Создаём большое изображение 700×700 пикселей и заливаем его серым цветом, это будет подложка. После этого создаём новый белый слой и применяем к нему фильтр «Головоломка» (Фильтры — Визуализация — Текстура — Головоломка) с такими параметрами (они больше лучше подходят для создания логотипа):

После этого нужно сделать объём на пазлах. Дублируем слой и инвертируем его цвет.

Сдвигаем черный слой вправо и вниз по одному пикселю в каждую сторону (для этого нужно включить инструмент «Масштаб», активировать слой и нажать на стрелочке на клавиатуре). Ставим белому слою с головоломкой режим «Умножение», а второму — «Экран». У нас получается объемная черепица.

Теперь можно или свести все слои или создать слой из видимого. Убедитесь, что у вас на слое есть Альфа-канал. Теперь нужно отрезать верхушку слоёв так, как это сделано в логотипе Википедии (аккуратно выделяем и удаляем).

Теперь можно добавить буквы с помощью инструмента «Текст». Лучше, чтобы буквы были на разных слоях, чтобы их можно было подвинуть как нужно:

Сведите буквы со слоем из черепицы и дальше идите в фильтр «Проекция объекта» (Фильтры — Карта — Проекция объекта). Внутри фильтра лучше покрутить настройки не глядя на следующие скриншоты, это поможет вам разобраться зачем нужна каждая из них. Но может получиться не с первого раза, если лень выложил свои настройки. У меня были такие:

После применения получилось это:

Пропала четкость, стали сильно заметны артефакты на местах стыка пазлов. Для того, чтобы убрать все эти вещи достаточно уменьшить изображение. Уменьшаем картинку до размера логотипа Википедии инструментом «Масштаб» и придаём резкости с помощью фильтра «Увеличение резкости» (Фильтры — Улучшение — Увеличение резкости).

Получившийся слой можно экспортировать в формат PNG и использовать на любом фоне.

11 октября 2011 9

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

Андрей Сидоров

Метки: рисование, текст, фильтры, логотип.

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

Добавить

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

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

0

Пользователь #5402Александра Ткаченко17 октября 2011 в 13:57Личное сообщение

Интересный урок,мне как новичку:) будет полезен!
Спасибо:)))

0

Пользователь #2784Brun17 октября 2011 в 15:37Личное сообщение

За много времени один из уроков, который хочется добавить в избраное.
Спасибо автору.

7

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

К сожалению, болезнь логотипа википедии была не только не выечена, но и продолжена с осложнениями.

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

-11

Пользователь #5434The Passenger17 октября 2011 в 16:56Личное сообщение

Легкий, такой урок.Но всё равно спасибо.

3

Пользователь #4Андрей Сидоров17 октября 2011 в 21:01Личное сообщение

Евгений, кстати - да, полностью согласен. Эту статью я написал еще до того, как начал интересоваться круговыми и сферическими панорамами. Некоторые панорамы тоже смотрятся растянуто из-за того, что не соблюдаются пропорции при их построении. В нормальных панорамах идет 3 квадрата по вертикали и 4 по горизонтали (именно так можно склеить куб):http://www.sv-img.info/images/05/001957.jpg

Вероятно, для нормального превращения картинки в сферу нужно использовать картинки форматом 3:4.

3

Пользователь #4Андрей Сидоров17 октября 2011 в 21:07Личное сообщение

Да, именно так. Формат исходного изображения должен быть 4:3 (горизонталь:вертикаль). Для того, чтобы кадрировать так изображение нужно в параметрах инструмента "Кадрирование" указать фиксированное соотношение сторон 4:3.

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

-4

Пользователь #3480$$ Leopard $$18 октября 2011 в 15:12Личное сообщение

Евгений Волков, мне кажется,что это не так важно,ведь автор показал пример как сделать логотип,а уж проффессионалы уже будут соблюдать порпорции.

0

Пользователь #5754Дмитрий Шерстобитов 19 октября 2011 в 00:07Личное сообщение

Буквы нереалистично смотрятся на шаре,если уж подошли к столь ответственной работе,стоило доделать

2

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

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

1

Пользователь #5754Дмитрий Шерстобитов 19 октября 2011 в 09:05Личное сообщение

Хотяяяя,да Макс прав,показалось на миг что у лого Википедии края букв чуть размыты

0

Пользователь #4698Татьяна Тихомирова19 октября 2011 в 18:50Личное сообщение

Сначала сделала, а потом уж и комментарии почитала.
на основе этого исправила:
http://www.progimp.ru/users/4698/albums/works/1940/
правильно?

0

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

Татьяна, все правильно, только что-то уж очень сильно "рубленные" края у элементов паззла получились..

0

Пользователь #4698Татьяна Тихомирова24 октября 2011 в 10:58Личное сообщение

хотела, чтобы было порельефнее.

0

Пользователь #5573Илья Ершов11 декабря 2011 в 12:45Личное сообщение

Помогите пожалуйста,где умножение и экран искал искал,но так и не нашёл
Ставим белому слою с головоломкой режим «Умножение», а второму — «Экран». У нас получается объемная черепица.

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

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

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

Карандашный рисунок
Стилизация фотографий под карандашный рисунок с помощью фильтров и режимов смешивания.

Фотография в стиле "Высокий ключ"
Обработка фотографий при помощи кривых, масок слоя и режимов смешивания.

Создаём текстуру дерева
Достаточно простой урок по созданию текстуры дерева с помощью фильтров и режимов смешивания.

Рисуем ледяное сердце
Сложный урок по рисованию контурами и наложению текстур режимами смешиваня.

Эффект light leak с помощью шаблонов
Легкий урок по приданию необычного свечения на фотографиях с помощью шаблонов и режимов слоя.

Кисти

GIMP Brush GIMP Brush GIMP Brush GIMP Brush Arrogance II_2 Arrogance II_3 Arrogance II_4 Arrogance II_5 Arrogance II_6 Arrogance II_7 Arrogance II_8 Arrogance II_9 Edge_2 Edge_3 Edge_4 Edge_5 Edge_6 Edge_8 Edge_10 Edge_11 Edge_17 Fusion_9 Galactic_9 Odysee_4 Odysee_13 Part 2-3 (Scratches) GIMP Brush GIMP Brush Pipe mancha mancha GIMP Brush Pipe GIMP Brush Pipe 1_Filsd-test 1_Filsd-test 1_Filsd-test Pincel_2 Pincel_2 Пушистый шар Пушистый шар doodles2_brushes_by_hawksmont7 GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Похожие страницы

Воображение
Галерея

G'MIC
Скачать → Плагины для GIMP

Работа с текстом
Уроки по GIMP

Возможности GIMP
Про Гимп → Описание редактора

PSPI
У автора PSPI возникли проблемы с использованием сканера под Linux, и он решил сделать некую переноску из Windows. Так получился PSPI.

Оценка урока

«Создаём логотип Википедии» получил оценку 4.40 на основе 10 голосов.

9170+243
Комментариев