ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Создаём логотип Википедии
Для начала давайте изучим логотип Википедии:

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


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

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

Теперь можно или свести все слои или создать слой из видимого. Убедитесь, что у вас на слое есть

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

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




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

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

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

Уроки: ← предыдущий следующий →
16 комментариев
Brun17 октября 2011 в 15:37Личное сообщение
За много времени один из уроков, который хочется добавить в избраное.
Спасибо автору.
Евгений Волков17 октября 2011 в 16:52Личное сообщение
К сожалению, болезнь логотипа википедии была не только не выечена, но и продолжена с осложнениями.
Другими словами, начальная картинка должна быть шире раза в полтора, тот есть по горизонтали больше делений чем по вертикали.
The Passenger17 октября 2011 в 16:56Личное сообщение
Легкий, такой урок.Но всё равно спасибо.
Андрей Сидоров17 октября 2011 в 21:01Личное сообщение
Евгений, кстати - да, полностью согласен. Эту статью я написал еще до того, как начал интересоваться круговыми и сферическими панорамами. Некоторые панорамы тоже смотрятся растянуто из-за того, что не соблюдаются пропорции при их построении. В нормальных панорамах идет 3 квадрата по вертикали и 4 по горизонтали (именно так можно склеить куб):http://www.sv-img.info/images/05/001957.jpg
Вероятно, для нормального превращения картинки в сферу нужно использовать картинки форматом 3:4.
Андрей Сидоров17 октября 2011 в 21:07Личное сообщение
Да, именно так. Формат исходного изображения должен быть 4:3 (горизонталь:вертикаль). Для того, чтобы кадрировать так изображение нужно в параметрах инструмента "Кадрирование" указать фиксированное соотношение сторон 4:3.
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
$$ Leopard $$18 октября 2011 в 15:12Личное сообщение
Евгений Волков, мне кажется,что это не так важно,ведь автор показал пример как сделать логотип,а уж проффессионалы уже будут соблюдать порпорции.
Дмитрий Шерстобитов 19 октября 2011 в 00:07Личное сообщение
Буквы нереалистично смотрятся на шаре,если уж подошли к столь ответственной работе,стоило доделать
Макс Шевченко19 октября 2011 в 08:52Личное сообщение
Неестественность букв здесь выражается, пожалуй, только лишь в том, что шрифт другой.
Дмитрий Шерстобитов 19 октября 2011 в 09:05Личное сообщение
Хотяяяя,да Макс прав,показалось на миг что у лого Википедии края букв чуть размыты
Татьяна Тихомирова19 октября 2011 в 18:50Личное сообщение
Сначала сделала, а потом уж и комментарии почитала.
на основе этого исправила:
http://www.progimp.ru/users/4698/albums/works/1940/
правильно?
Макс Шевченко19 октября 2011 в 21:08Личное сообщение
Татьяна, все правильно, только что-то уж очень сильно "рубленные" края у элементов паззла получились..
Татьяна Тихомирова24 октября 2011 в 10:58Личное сообщение
хотела, чтобы было порельефнее.
Илья Ершов11 декабря 2011 в 12:45Личное сообщение
Помогите пожалуйста,где умножение и экран искал искал,но так и не нашёл
Ставим белому слою с головоломкой режим «Умножение», а второму — «Экран». У нас получается объемная черепица.
Макс Шевченко11 декабря 2011 в 15:42Личное сообщение
Илья, они здесь:
http://foto.mail.ru/mail/maximilian92/100/235.html#
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
Информация по уроку
Добавил урок:
Андрей Сидоров
Выполнено в GIMP 2.7.2
Опубликовано 11 октября 2011
Другие уроки автора
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Воображение
Галерея
G'MIC
Скачать → Плагины для GIMP
Работа с текстом
Уроки по GIMP
Возможности GIMP
Про Гимп → Описание редактора
PSPI
У автора PSPI возникли проблемы с использованием сканера под Linux, и он решил сделать некую переноску из Windows. Так получился PSPI.
Вопросы
Фильтр не активен для применения
Не работает инструмент "Текст"
Как сделать равномерное вращение текста?
Есть ли в GIMP автофигуры или как нарисовать шар, куб, параллелепипед?
Оценка урока
«Создаём логотип Википедии» получил оценку 4.40 на основе 10 голосов.
9170+243 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →












Карандашный рисунок
Фотография в стиле "Высокий ключ"
Создаём текстуру дерева
Рисуем ледяное сердце
Эффект light leak с помощью шаблонов

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