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

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

   

Как нарисовать логотип Google Chrome

Главная Уроки Как нарисовать логотип Google Chrome

Создаем новый файл размером 490x470. С помощью эллиптического выделения рисуем круг и заливаем его градиентом из белого в серый. Я взяла 746b74. Стрелкой показано откуда начинать:

Тем же эллиптическим выделением делаем круг посередине. Свободным выделением делаем прорези. Теперь вырезаем круг вместе с прорезями и создаем для них новый прозрачный слой. Переходим на наш основной слой и цветом 746b74 закрашиваем круг.

Закрашивается только основной круг, а выделенные части останутся с градиентом. Выделяем боковые части и красим их цветом 373434 и проводим тонкую линию цветом 878382.

Выделяем и закрашиваем 3 части в точности как на логотипе. Лучше каждую часть на отдельном слое.

У каждой цветной части есть бок. Его затемняем или закрашиваем более темным цветом.

Эллиптическим выделением выделяем круг в центре и заливаем градиентом из белого в синий.

Объединим видимые слои (Изображение - Объединить видимые слои) и копируем готовый логотип. Снова используем эллиптическое выделение и выделяем круг примерно 170x170. Заливаем его белым цветом. Уменьшаем выделение примерно на 35 точек растра и смело жмем Delete. Аккуратно стираем круг в серых прорезях.

Получиться должно вот что:

Снижаем непрозрачность до 40%.

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

Можно оформить вот так:

3

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

Метки: , , , , .

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

Добавить

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

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

10

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

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

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

Для примера приведу то же изображение, что и в финале, просто немного уменьшенное: http://www.progimp.ru/i/articles/upload/2011/06/762/final.jpg тут практически всё идеально, а мелкие косяки (которые, кстати, есть и в официальном логотипе) может заметить только профессионал.

1

Пользователь #1Филипп Ткачёв24 июля 2011 в 08:38Личное сообщение

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

0

Пользователь #3615Ангелина Балабаева24 июля 2011 в 14:51Личное сообщение

Спасибо за исправления! Я не в коем случае не обижаюсь.Я спокойно отношусь к критике.=))))

3

Пользователь #4Андрей Сидоров24 июля 2011 в 16:41Личное сообщение

Филипп, как раз для иконок такой подход не подойдет. И вот почему: http://iconka.com/ru/2007/08/06/405/

-4

Пользователь #4624Arman Don24 июля 2011 в 17:53Личное сообщение

Ангелин, тоже без обид, но очень неаккуратно... мало похож на логотип такой приличной компании как Google .=))

1

Пользователь #4439Наташа Никитина24 июля 2011 в 19:27Личное сообщение

Мне понравилось..ну спасибо за идею,Ангелина.Видно старались...
В общем-круто...конечно,я сейчас не замечаю ошибки Ангелины,так как я новичок.Буду более сообразительна,то пойму=)
А так-Класс

4

Пользователь #3233Вадим26 июля 2011 в 12:42Личное сообщение

Посмотрел значок Googl.
Серая основа сферический диск, поверх нее 3 цветных крышечки, в центре утопленный в основу шарик.
Кто будет повторять урок, рассмотрите внимательно истинный логотип.
Прорези между крышечками разделяют и наружные очертания логотипа, а не заканчиваются на небольшом расстоянии от края.
Бликов намного больше, так придается иллюзия гладкой поверхности.
Для придания объема в целом, стоит создать слой поверх изображения с радиальным градиентом (прозрачный - черный) в выделенной окружности значка. Для большей четкости формы стоит увеличить параметр градиента Смещение, причем значительно. Поэкспериментировать с режимами и непрозрачностью слоя.
На центральном шарике стоит учесть рефлексы от теней под крышечками и от них самих, а так же световые блики.

0

Пользователь #270strelook20 сентября 2011 в 20:35Личное сообщение

Ангелина!
Спасибо за урок, очень ценный опыт для меня, как для новичка начинающего работать в Gimp. По поводу комментариев "гуру" не расстраивайтесь, совершенствовать можно до бесконечности,для меня важны заложенные в работу идеи.
Еще раз спасибо!

2

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

strelook, кавычки к слову "гуру" лишние, я считаю. Мне кажется, вы не совсем правильно понимаете суть сайта. Суть проста - вы выставляете урок (работу, результат урока) - если в нём есть помарки, неточности или косяки, в ответ даётся конструктивная критика (в большинстве случаев). Если человек не готов принять критику пользователей и совершенствоваться - он перестаёт выставлять уроки (работы, результаты).

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

0

Пользователь #5479Александр Афонин21 сентября 2011 в 15:04Личное сообщение

может я совсем идиот, но как на шаге "Закрашивается только основной круг, а выделенные части останутся с градиентом. Выделяем боковые части и красим их цветом 373434 и проводим тонкую линию цветом 878382."

получается результат, там серьезно только одно действие?

2

Пользователь #18Тимур Елизаров23 сентября 2011 в 13:19Личное сообщение

Александр! Каждое действие описывают и иллюстрируют только в уроках низкой сложности.

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

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

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

Фотографии в стили Энди Уорхола
Урок по созданию фотографии в стиле "короля поп-арта"

Анимированная иллюзия
Обманываем мозг и зрение с помощью анимированной картинки, сделанной в GIMP.

Рисуем дым
Урок по созданию клубов дыма с помощью фильтра "Интерактивное искажение".

Анимация: бегущий человек
Урок по созданию анимации бегущего человека в GIMP.

Мульти-яблоко из несльких фруктов
Урок по созданию оригинального яблока из разных фруктов.

Кисти

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 Пушистый шар Пушистый шар NSS-V2.0-brush-an-9 GIMP Brush GIMP Brush Pipe Trollface GIMP Brush GIMP Brush GTA 3 Конфети Пестрая клякса FUZZY3 Beams 1 Beams 3 Beams 16 Лучи GIMP Brush Zvezda Heart heart 1 heart 2 heart 3 Heart Сердечко Calligraphic Brush 11 Circles 3 Circles GIMP Brush значек Warface
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Как нарисовать логотип Google Chrome» получил оценку 3.71 на основе 14 голосов.

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

вверх