• Страница 1 из 1
  • 1
Рисуем лампочку и превращаем ее в иконку
Duck4Fuck
Дата: Среда, 28.10.2009, 20:47 | Сообщение # 1
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Давно давно рисовал иконку - лампочку, для одного персонажа, судьба персонажа неизвестна, но иконочка как новенькая. Урок по персонажу я писать не стану, а вот про лампочку расскажу. Сразу скажу, она не будет реалистичной, потому-что в иконке это особо не имеет смысла, так что вопли - "Не реалистично", "Гавно" и т.д. оставляем при себе =) Еще не будет нудных деталей, к примеру "Создаем документ размером..." и "Чтобы зайти в трансформирование слоя кликните туда сюда...", максимум - горячие клавиши. Нус, начнем.

Шаг 1.
Фон делаем темным, что-бы лампочку было лучше видно. Берем инструмент custom_shape "Произвольная фигура". В списке фигур есть две лампочки(если сами не удалили) - одна полностью залитая, а другая с линиями, нам понадобиться та что с линиями. С зажатым Shift растягиваем нашу фигуру. Копируем слой 3 раза(Ctrl+J). Слои не перемещать!

Шаг 2.
Переименуйте слои так - цоколь, колба, нить накала. Делаем видимым только слой под названием "цоколь"(Это железка с резьбой) и с помощью инструмента direct_selection "Стрелка" удаляем колбу, ее внутренности и "пузырьки" внутри цоколя. Далее делаем видимым только слой "колба", таким-же образом удаляем цоколь, и внутренность колбы, на время дадим слою "колба" прозрачность примерно 50%. Аналогично делаем с нитью накала - удаляем все кроме самой нити. Опустим слой "нить накала" вниз так, что-бы границы колбы и нити накала соприкасались.

Шаг 3.
Заготовка готова, теперь займемся эффектами. Сначала займемся "нитью накала". Даем ему цвет #f2f6cc, добавляем "Внешнее свечение".

Теперь "Колба", ставим прозрачность заливки(Fill) на 0%. Ставим эффекты как на скриншоте ниже. В некоторых местах цифры плохо видны, перед такими местами я самостоятельно дописал, что-бы лучше видно было.

"Цоколю" даем лишь один эффект - наложение градиента. Настройки можно увидеть на скриншоте ниже, цвета градиента #cfcfcf > #ffffff.

Шаг 4.
Теперь последний штрих - добавим резьбы. Берем инструмент ellipse "эллипс" и рисуем плоский, похожий на полоску, эллипс. Теперь заходим в трансформирование слоя(Ctrl+t) подгоняем наш эллипс под цоколь, после нажимаем правой кнопкой на элипс и выбераем "Деформация"(Wrap), изгибаем эллипс что-бы получилось примерно как на картинке ниже.

Даем эллипсу цвет #b0b0b0 и небольшое "внешнее свечение" черного цвета, добавляем тиснения. Особых параметров тут делать не надо, по своему усмотрению, так как мы делаем иконку, а в ней это эффекты не особо будут просматриваться. Копируем слой(Ctrl+j) 3-4 раза и размещаем их на цоколе. Лампочка готова.

Шаг 5.
Теперь уменьшаем лампочку до нужного нам размера. Казалось бы нечего трудного, но тут есть один недочет. При уменьшении нашей лампочки "исчазают эффекты", а именно свет, тени, свечение и т.д. Это происходит потому, что фотошоп не уменьшает размеры эффектов вместе с уменьшением слоя. Так-что после уменьшения нашей иконки нужно уменьшить размеры некоторых эффектов - "свечение", "тени" и т.п. Ну впринципе все. Ниже конечный результат.

Автор: Duck4Fuck

Прикрепления: 6826472.jpg (50.4 Kb) · 5731295.jpg (41.2 Kb) · 7861658.jpg (40.1 Kb) · 4212951.png (114.9 Kb) · 3994395.gif (6.7 Kb) · 8702313.png (46.2 Kb) · 4837572.jpg (50.2 Kb) · 2006238.jpg (178.1 Kb)
  
ad
Дата: Среда, 28.10.2009, 21:13 | Сообщение # 2
Группа: Удаленные
2/10 - Не реалистично как-то ;)
  
Duck4Fuck
Дата: Среда, 28.10.2009, 21:13 | Сообщение # 3
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Кстати, при повороте лампочке вокруг своей оси не придется переделывать блики, как это обычно происходит, так как в качестве блика у нас выступает "внутренняя тень" и она остается под неизменным углом.

Quote (Duck4Fuck)
Сразу скажу, она не будет реалистичной, потому-что в иконке это особо не имеет смысла, так что вопли - "Не реалистично", "Гавно" и т.д. оставляем при себе =)

to ad, герой был мультяшный, и я не добивался супер реалистичности лампочки. И учитывай размер только маленьких лампочек, большую я оставил для показа устройства.
  
ad
Дата: Среда, 28.10.2009, 21:18 | Сообщение # 4
Группа: Удаленные
Ну если нарисуеш матовую, то еще может клево будет.
  
Duck4Fuck
Дата: Среда, 28.10.2009, 21:23 | Сообщение # 5
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Матовую?)) Вот пример применения:
Прикрепления: 7864722.gif (26.8 Kb)
  
ad
Дата: Среда, 28.10.2009, 21:26 | Сообщение # 6
Группа: Удаленные
Duck4Fuck, Да как-то матовая смотрится лучше и ярче.
  
Duck4Fuck
Дата: Среда, 28.10.2009, 21:29 | Сообщение # 7
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
ad, покажи :P
  
ad
Дата: Среда, 28.10.2009, 21:37 | Сообщение # 8
Группа: Удаленные
Duck4Fuck, Чо покажи ? Я ниче не делал и не собираюсь делать. Я тебе сказал что лучше бы ты нарисовал матовую лампочку чем эту.
  
Duck4Fuck
Дата: Среда, 28.10.2009, 22:36 | Сообщение # 9
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
O_o
  
ad
Дата: Среда, 28.10.2009, 22:37 | Сообщение # 10
Группа: Удаленные
59 минут думал какой смайл выбрать ? :D
  
Duck4Fuck
Дата: Среда, 28.10.2009, 22:43 | Сообщение # 11
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Ахах, не я в трэкмании задротничал
  
Aleko
Дата: Четверг, 29.10.2009, 00:12 | Сообщение # 12
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Duck4Fuck, лампочка норм, а в уроке ты зря не указал, что фигуры рисуем в режиме путей. Только в этом режиме возможно будет редактирование с помощью direct_selection . И русский фотошоп.. беее, ты меня разочаровал.

Бесплатные обои.
  
Duck4Fuck
Дата: Четверг, 29.10.2009, 16:37 | Сообщение # 13
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Quote (Aleko)
ря не указал, что фигуры рисуем в режиме путей

Ну думаю все это знают =)

Quote (Aleko)
И русский фотошоп.. беее, ты меня разочаровал.

А что не так?) Я изучаю все программы\коды и так далее методом тыка и не вижу смысла юзать английский когда можно пользоваться русским.
  
Aleko
Дата: Четверг, 29.10.2009, 16:44 | Сообщение # 14
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Duck4Fuck, я за оригиналы)

Бесплатные обои.
  
UnderShot
Дата: Четверг, 29.10.2009, 17:01 | Сообщение # 15
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Duck4Fuck, оффтоп: где ты такие узоры берешь? Можно ссылку? ^_^
А лампочка прикольно получилась


Очень важная тема!
Filmzona — онлайн фильмы.


Сообщение отредактировал UnderShot - Четверг, 29.10.2009, 17:02
  
SinuS
Дата: Четверг, 29.10.2009, 18:50 | Сообщение # 16
говорун
Группа: Модераторы
Пользователь №: 179
Сообщений: 195
Получено оценок: 15
Aleko, согласен. Тоже предпочитаю читать книги, юзать проги на оригинальных языках (чаще всего английском). Например, при переводе на русский книги чаще всего теряют свой шарм, или одно слово можно охарактеризовать 5-ю предложениями. Ну, а для работы с программами в принципе не нужны какие-то особые знания в языке. Всё предельно понятно. Тоже раньше стоял русский PS, но снёс и поставил english version.

P.S. Сорри за оффтоп ^_^


Talk is cheap.
  
Duck4Fuck
Дата: Четверг, 29.10.2009, 20:18 | Сообщение # 17
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
UnderShot, то что в уроке - http://www.dinpattern.com/ - тут сп*издил, а еще юзаю http://www.squidfingers.com/patterns/ и http://www.k10k.net/pixelpatterns/
  
Iw
Дата: Четверг, 29.10.2009, 22:56 | Сообщение # 18
Группа: Удаленные

Улыбнуло ^_^ ну и довольно оригинально ))
Автору дополнительный "+" за даммаск. Смотреть куда приятней чем на стандартные фоны. Спасибо.
  
Duck4Fuck
Дата: Пятница, 30.10.2009, 01:27 | Сообщение # 19
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Iw, спасибо ;)
  
ColdFire
Дата: Пятница, 30.10.2009, 21:00 | Сообщение # 20
говорун
Группа: Проверенные
Пользователь №: 85
Сообщений: 123
Получено оценок: 7
Duck4Fuck, спасибо за урок ;)

Побольше бы ты своих уроков делал)), я ещё новичек и у меня русский фш, а в других уроках пока блин найдёшь перевод уже много времени потеряешь <_<
Правда я уже привыкать начинаю, запоминание то идёт :D

  
Duck4Fuck
Дата: Пятница, 30.10.2009, 21:54 | Сообщение # 21
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
ColdFire, не за что :P
  
Иван0
Дата: Суббота, 31.10.2009, 12:38 | Сообщение # 22
молчун
Группа: Проверенные
Пользователь №: 300
Сообщений: 48
Получено оценок: 5
"Не реалистично", "Гавно" ну неплохо. Просто из-за фона не совсем понятно. если убрать, то станет видна отличная работа
  
Duck4Fuck
Дата: Суббота, 31.10.2009, 14:40 | Сообщение # 23
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Иван0, спасибо
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.