• myFAV.ES
  • Help Center
  • Tutorials
  • Extensions
  • Blogs

  

  • Logos
  • Logo Requests
  • Themes
  • Backgrounds
  • Forums
  • Contact
Home » Blogs » My blog » 07122008 » Web 2.0 logo tutorial in GIMP | Урок создания Web2.0-лого в GIMP

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 удалён.

  • web 2.0
  • tutorial
  • gimp
‹ Resizing logos to 36x36 for Blackberry using The GIMP up plugin for GIMP ›
  • Grawl's blog
  • Printer-friendly version
  • Log in or register to post comments or vote.
  • +1
  • 3 votes

Comments

k-dash's picture

Re: Web 2.0 logo tutorial in GIMP

Submitted by k-dash on Sat, 07/12/2008 - 11:46

ааааааа.... у меня все плывет в глазах. зачем же так размывать?
да и в тени такое сильное размытие бессмысленно. сам посмотри. надпись "грязее" выглядит.

  • log in or register to post comments
Grawl's picture

Re:

Submitted by Grawl on Sat, 07/12/2008 - 11:56

это просто урок, и кстати я его перепишу немного.
но не сегодня. времени нет =\

  • log in or register to post comments
gumanov's picture

Re: Web 2.0 logo tutorial in GIMP

Submitted by gumanov on Sat, 07/12/2008 - 11:59

great job grawl!!
awesome tutorial! =]

  • log in or register to post comments
k-dash's picture

Re: Web 2.0 logo tutorial in GIMP |

Submitted by k-dash on Sat, 07/12/2008 - 12:00

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

  • log in or register to post comments
Grawl's picture

Re: Web 2.0 logo tutorial in GIMP

Submitted by Grawl on Sat, 07/12/2008 - 20:47

2k-dash: да я и не обижаюсь, а наоборот воспринимаю тебя корректно.
просто дело было ночью, и я больше переводил и копипастил, чем урок писАл.
но ничего, подправлю.

2mafi0z: I will update my tutorial soon.

  • log in or register to post comments
Grawl's picture

Re: Web 2.0 logo tutorial in GIMP

Submitted by Grawl on Thu, 07/31/2008 - 22:17

Обновлено.

  • log in or register to post comments
gumanov's picture

Re: Web 2.0 logo tutorial in GIMP

Submitted by gumanov on Thu, 07/31/2008 - 23:06

cool. great tutorial!

i see u got rid of that whole blur to fix edges section..
much better!!
:D

  • log in or register to post comments
Grawl's picture

Re: Web 2.0 logo tutorial in GIMP | Урок создания Web2.0-лого в

Submitted by Grawl on Sun, 08/03/2008 - 21:28

it because i forget to delete old layer before filling letters in colors %)
just forget XD

  • log in or register to post comments
jmarkybb's picture

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

Can somebody please oblige and do this for me, Cheers. Thanks in advance Mark
Visit My Blog [email protected]
  • log in or register to post comments
Mafia_Penguin's picture

Re: Web 2.0 logo tutorial in GIMP | Урок создания

Submitted by Mafia_Penguin on Sun, 11/02/2008 - 13:21

Right CLick->Save page as.

-----------------------------------------


  • log in or register to post comments
Johneboy's picture

Web 2.0 logo tutorial in GIMP | Урок создания Web2.0-лого в GIMP

Submitted by Johneboy (not verified) on Tue, 11/18/2008 - 05:26

Hi, 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?

  • log in or register to post comments
Decovision's picture

Web 2.0 logo tutorial in GIMP

Submitted by Decovision on Thu, 12/11/2008 - 07:39

I´m Portuguese, i have the gimp in Germany and i must understand English, but no problem.
Tanks, very much!!!

  • log in or register to post comments

Search logos

Search site

Navigation

  • Blogs
  • Forums
  • Online users
  • Recent content

User login

  • Create new account
  • Request new password
 
  • Changelog
  • Latest releases
  • Important links
 
 
  • Changelog
  • Latest releases
  • Important links
  • Support Forum
 

Top Rated

  • google.com
  • youtube.com
  • fast dial folder
  • wikipedia.org
  • Firefox Black
  • fd folders, folders, folder
  • generic gaming logos
  • mail.google.com, gmail.com, googlemail.com
  • Carbon Fiber
  • iphone app style icon template
more

Recent Polls

  • What are you resolution of screen use
  • Which version of Fast Dial do you run?
  • How often do you visit Userlogos?
  • Which FD iPhone logo format do you find preferable
  • How many themes do you run in Fast Dial ?
more

Online users

There are currently 2 users online.
Active - 15 mins:
hammadamir90 (2 min ago)
wakawaka (14 min ago)
  • Last 24 hours

Recent comments

  • HUMZA
    by: wakawaka
    14 min 16 sec ago
  • buy-apple-fritters-cake-carts-vape
    by: pimow31628
    1 hour 37 min ago
  • You make so many great points
    by: sijiv31759
    1 hour 51 min ago
  • Thank you because you have
    by: sijiv31759
    2 hours 31 min ago
  • Audio-visual production and
    by: wakawaka
    2 hours 41 min ago
  • Over 30 years experience in
    by: wakawaka
    3 hours 5 min ago
  • jacvk22
    by: wakawaka
    3 hours 14 min ago
  • jacvk22
    by: wakawaka
    3 hours 59 min ago
more

Recent topics

  • Vilitra - Order Online & Grow up Strong Erection
  • Fitting all Erection Problems By using Vidalista
  • Fildena Super Active | Low Cost Pill At Online
  • Vidalista 20 Can Help Beat ED
  • Suhagra 50 - [Reviews + Get Up to 15% Discount] | Erectilepharma.com
  • Increase your energy in bed using Tadarise 5
  • Vidalista 10 - Help to get the desired intimacy
  • Vidalista 2.5 for improved erection | Vidalistatablet
more

Top contributors

User Total user points
Mafia_Penguin 912
Deva 552
gumanov 490
jumpordie 471
Karmody 457
macleod.mac 402
ingalls 354
spaljeni 310
zigzag 290
Rog 265
Sastre 256
famecky 159
x-b 152
danger83 147
1air2philou 143
more

2008-2017 userlogos.org. All logos/images belong to their respective owners. Contact administrator.

  • Logos
  • Logo Requests
  • Themes
  • Backgrounds
  • Forums
  • Contact