Web 2.0 logo tutorial in GIMP | Урок создания Web2.0-лого в GIMP
Grawl —Sat, 07/12/2008 - 11:32
Hello. Now I will write my tutorial for GIMP. On two languages: English and Russian. Line by line.
Привет. Сейчас я собираюсь написать свой урок по гимпу. На двух языках: Английском и Русском. Строку за строкой.
Я поделюсь своей технологией рисования логотипов стиля Web2.0 в гимпе.
I will share my technology painting Web2.0 style logos in GIMP.
1. Инструментом "Текст" напишите "GTranslate" в центре холста.
1. With "Text" tool write "GTranslate" in the center of the canvas.
2. Выделите текст по контуру (Правой кнопкой мыши по слою, пункт "Текст в выделение")
2. Select the text around the contour (Right-click on the layer, paragraph "The text in the selection")
3. Создайте новый слой (прозрачный), а слой с чёрным текстом текстом удалите.
3. Create new transparent layer. Delete layer with black text.
4. Инструментом "Заливка" закрасьте буквы по порядку: синий-красный-жёлтый-зелёный.
4. With "Fill" tool fill letters Order: blue-red-yellow-green.
5. Фильтры -> Свет и Тень -> Отбрасываемая тень.
5. Filters -> Light and Shadow -> Drop shadow.
Настройте:
Set up:
6. Создайте новый слой (прозрачный, в размер холста) и переместите его выше слоя с текстом.
6. Create a new layer (a transparent, the size of the canvas) and move it higher layer with the text.
7. Если у Вас ещё нет пака "130 вебдванольных градиентов", то скачайте его и поставьте.
7. If you do not have pack "130 vebdvanolnyh gradients", download it and install.
8. Выберите градиент "Grey Gloss#2"
8. Select the gradient "Grey Gloss#2"
9. Правой кнопкой по слою с текстом, "Альфа-канал -> Выделенная область".
9. Right-click on the text layer, "Alpha-channel -> selected area."
10. Создаём снова новый слой и закрашиваем градиентом выделенную область.
10. Create a new layer again and fill with gradient selected area.
11. Измените непрозрачность нового слоя на 71%.
11. Change the opacity of a new layer to 71%.
12. Правой кнопкой по любому слою, пункт меню "Объединить видимые слои". Ничего не меняя, жмите [Объединить].
12. Right-click on any layer, the menu item "Uniting the visible layers." Nothing is changing, press [Merge].
13. Слой -> Автокадрировать слой
13. The layer -> Crop layer
14. Создайте копию получившегося слоя.
14. Copy the resulting layer.
15. Инструментом "Перемещение" с помощью стрелок переместите слой (далее - "отражение") аккурат под оригинальный.
15. With "Move Tool" using arrows move layer (hereafter - "reflection") under the original.
16. Слой -> Преобразования -> Отразить по вертикали
16. The layer -> Transformation -> Flip Vertical
17. Подвиньте отражение ещё ближе
17. Move closer reflection
18. Поместите отражение в меню слоёв под оригинальный.
18. Put into layers under the original menu.
19. Правой кнопкой на слой, "Добавить маску слоя..."
Ничего не меняя, жмите [Добавить].
19. Right-click on the layer, "Add layer mask ..."
Nothing is changing, press [Add].
20. Инструментом "Градиент" (Из чёрного в белый) закрасьте маску слоя так, чтобы отражение уходило в полную прозрачность.
20. Tool "Gradient" (From the black to white) fill mask layer so that the reflection leaves in full transparency.
21. Щелкните по пиктограмме слоя, чтобы выбрать рисунок слоя, а не его маску.
21. Click on the layer icon to select a picture layer, not his mask.
22. Фильтры -> Размывание -> Гауссово размывание
22. Filters -> Blur -> Gaussian Blur
Установите радиус размывания так, чтобы отражение достаточно хорошо узнавалось, но и не было слишком чётким. Для такого маленького рисунка достаточно и 5, однако будь он побольше, понадобилось бы что-то около 9.
Set the blur radius so that reflected well enough to know but were not too clear. For such a small figure 5, but whether it is more, that would be needed something like 9.
23. Вот и всё, логотип готов.
23. That's all logo is ready.
UPD: Amend paragraphs 2 and 3. Advanced paragraph 24 was deleted.
ОБН: Изменены пункты 2 и 3, дополнительный пункт 24 удалён.
- Grawl's blog
- Printer-friendly version
- Log in or register to post comments or vote.
- +1
- 3 votes
Comments
Re: Web 2.0 logo tutorial in GIMP
Submitted by k-dash on Sat, 07/12/2008 - 11:46ааааааа.... у меня все плывет в глазах. зачем же так размывать?
да и в тени такое сильное размытие бессмысленно. сам посмотри. надпись "грязее" выглядит.
Re:
Submitted by Grawl on Sat, 07/12/2008 - 11:56это просто урок, и кстати я его перепишу немного.
но не сегодня. времени нет =\
Re: Web 2.0 logo tutorial in GIMP
Submitted by gumanov on Sat, 07/12/2008 - 11:59great job grawl!!
awesome tutorial! =]
Re: Web 2.0 logo tutorial in GIMP |
Submitted by k-dash on Sat, 07/12/2008 - 12:00не обижайся. толика здоровой критики еще никого не убила. даже наоборот, помогает совершенствовать скиллы. ;)
Re: Web 2.0 logo tutorial in GIMP
Submitted by Grawl on Sat, 07/12/2008 - 20:472k-dash: да я и не обижаюсь, а наоборот воспринимаю тебя корректно.
просто дело было ночью, и я больше переводил и копипастил, чем урок писАл.
но ничего, подправлю.
2mafi0z: I will update my tutorial soon.
Re: Web 2.0 logo tutorial in GIMP
Submitted by Grawl on Thu, 07/31/2008 - 22:17Обновлено.
Re: Web 2.0 logo tutorial in GIMP
Submitted by gumanov on Thu, 07/31/2008 - 23:06cool. great tutorial!
i see u got rid of that whole blur to fix edges section..
much better!!
:D
Re: Web 2.0 logo tutorial in GIMP | Урок создания Web2.0-лого в
Submitted by Grawl on Sun, 08/03/2008 - 21:28it because i forget to delete old layer before filling letters in colors %)
just forget XD
Re: Web 2.0 logo tutorial in GIMP
Submitted by jmarkybb on Sun, 11/02/2008 - 06:41@Anybody
Can I save this page to view offline, I am going to my Nans today and want to try and design a logo, but My Nan has no internet connection.
If so, how?
Cheers, in advance
Mark
Visit My Blog jmarkyb@gmail.com
Re: Web 2.0 logo tutorial in GIMP | Урок создания
Submitted by Mafia_Penguin on Sun, 11/02/2008 - 13:21Right CLick->Save page as.
-----------------------------------------

Web 2.0 logo tutorial in GIMP | Урок создания Web2.0-лого в GIMP
Submitted by Johneboy (not verified) on Tue, 11/18/2008 - 05:26Hi, sadly I don't think these instructions actually work.
I can appreciate the language differences, but most of the actions mentioned in the instructions don't exist, as they are probably called something else. As a tutorial I couldn't use it at all, and certainly didn't end up with anything that looked like a usable logo.
Any chance someone could write a more up to date one, perhaps with pictures?
Web 2.0 logo tutorial in GIMP
Submitted by Decovision on Thu, 12/11/2008 - 07:39I´m Portuguese, i have the gimp in Germany and i must understand English, but no problem.
Tanks, very much!!!