RSS

новые сообщения

самое популярное

свежие комментарии

  • Aleks: Говорить о художнике-иллюс раторе Майке Дэвисе (Mike Davis)...
  • Константин: Очень понравились его работы. В избранное...
  • Flyse: вы очень круты. прямо … очень.
  • Олегг: А у меня нет такого узора :-(
  • Санёк: Не мудрено, что больше всего шансов у англоязычной...
  • MaxiS: Да наверно у всех такая мысль пролетала, а потом вспоминали...
  • Tod: Вот “желающих хоть отбавляй” меня и остановило, уж...
  • Tod: Вот ведь как бывает, сижу пишу пост на эту же тему. Придется...
  • Вася Болтов: Спасибо большое за интересные ссылочки. Я так...
  • cross: Красивенькое ретро, обязательно попробую где-нить...

архив

рубрики

Каталог DMOZ

считалочки






Добавить в Technorati Favorites

View blog authority

количество читателей онлайн и всего

Web Design Blogs - BlogCatalog Blog Directory
TopOfBlogs
Рейтинг блогов
blog search directory
Каталог блогов

Урок в стиле ретро. Летящие звезды

Автор Настя Манно

star6.gif

Это очень простой, но в то же время очень интересный урок. Сейчас можно увидеть такие летящие звездочки с яркими хвостами на некоторых стильных сайтах или в видео-клипах. Кстати, на MTV сейчас это очень часто используется. Недавно видела их вариант «летящих треугольников». Причем, они мерцают и смотрятся просто классно!

Для выполнения этого урока нам понадобится всего три основных инструмента из арсенала программы Фотошоп: Заливка (Paint Bucket Tool), Полигональное Выделение (Polygonal Lasso Tool) и непосредственно «шейп» пятиугольной звезды, которую можно найти в выпадающем меню инструмента Custom Shape Tool:

star1.gif

Открываем новый документ. У меня он получился размером 570х400 пикселей с белым фоном. Добавим новый слой, на котором цветом #1CD3FA рисуем первую звездочку. Чтобы она получилась пропорциональной, не забываем удерживать нажатой клавишу Shift.

star2.gif

Теперь нужно звездочку немного повернуть против часовой стрелки. Для этого идем в меню Edit – Transform – Rotate и поворачиваем примерно на 30 градусов влево.

star3.gif

Создаем новый слой. В панели инструментов выбираем Полигональное Выделение (Polygonal Lasso Tool), устанавливаем курсор в верхний луч звезды, нажимаем и удерживаем клавишу Shift и кликаем левой клавишей мышки. Первая точка есть. Теперь, не отпуская клавишу Shift, ведем мышкой влево-вниз. Линия будет располагаться ровно под углом в 45 градусов. Вышли за пределы рисунка, кликнули мышкой второй раз. Теперь ведем мышку вправо. Снова кликаем. Следующая линия вверх-вправо до середины звезды примерно. Ну, и наконец, соединяем с первой точкой.

В чем фокус? Удерживая клавишу Shift, можно рисовать линии выделения строго под углами в 45 и 90 градусов. То есть, прямые горизонтальные и вертикальные линии и диагональные. Работая таким образом, можно выделять области под постоянным углом. Что нам и требуется.

Выделение мы заливаем при помощи Ведерка (Paint Bucket Tool) средним по тону цветом.

star4.gif

Общий смысл таков: у звездочки «хвост» имеет некий объем. Две плоскости этого объема мы закрашиваем средним по тону цветом, одну область — обращенную как бы к свету — тоном более светлым, и наконец ту, что в тени — более темным тоном. При этом слои «хвоста» должны располагаться ниже слоя со звездой. Думаю, это понятно.

star5.gif

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

Фон по вкусу :)

star7.gif

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

Популярность: 58%

Еще по теме:
Рубрика: Уроки | Апрель 26, 2008 в 19:23

Ответов (19) на “Урок в стиле ретро. Летящие звезды”

  1.   Комментарий от Sigmund Freud — 26 Апрель 2008 #

    Клевско. Сейчас попробую ;-)
    А в Corel не пробовала сделать? :-)

  2.   Комментарий от Александр — 26 Апрель 2008 #

    Здоровски! У меня получилось!

  3.   Комментарий от Настя Манно — 26 Апрель 2008 #

    Молодцы! :)

    Зигмунд, нет, в Кореле не пробовала. Наверное, там уже готовые какие-то инструменты для этого есть. Но как-то пока до Корела я не добралась :)))

  4.   Комментарий от TRka — 26 Апрель 2008 #

    Привет, Настя. А урок то старый ;-)

  5.   Комментарий от Настя Манно — 26 Апрель 2008 #

    Привет, TRka. Возможно и старый :) А для кого-то новый. Для меня в том числе.

  6.   Комментарий от phpWarm — 26 Апрель 2008 #

    прикольненько =) симпатичненько получается :)

  7.   Комментарий от bescom — 27 Апрель 2008 #

    Упреки в том, что урок старый - несколько необоснованны. Очень многим это в новинку. Даже просто сама идея. Так что пусть Настя продолжает.

  8.   Комментарий от Евгений — 27 Апрель 2008 #

    Дизайнеры - творители прекрасного. Что еще здесь сказать, молодец! :)

  9.   Комментарий от Настя Манно — 27 Апрель 2008 #

    Спасибо, друзья! :) Обещаю, что следующий урок точно будет совершенно новым. Хотя, скорее всего, и более сложным. И может быть даже не на одну страницу. :)))

  10.   Комментарий от TRka — 27 Апрель 2008 #

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

    Настя, Пускай не на одну ;-)

  11.   Комментарий от DAYRED — 27 Апрель 2008 #

    Ну да, для кого-то новый, для кого-то старый! Я например уже год назад подобное видел!

  12.   Комментарий от Настя Манно — 27 Апрель 2008 #

    TRka, хорошо! :)))

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

  13.   Комментарий от Валерий Леонидович — 28 Апрель 2008 #

    Доброго дня Вам, Анастасия.
    Я очень заинтересовался Вашим сайтом, Вашими идеями. Немного знаю HTML и иногда что-то делаю для друзей, например:
    http://nkapshitar.narod.ru/
    Сейчас у меня есть предложение сделать небольшой сайт для детского сада. И задумка есть, но я не знаю, как лучше реализовать свою идею. Если я опишу Вам свою идею, Вы поможете мне с ее реализвацией?

    С уважением, Валерий Леонидович.

  14.   Комментарий от Настя Манно — 28 Апрель 2008 #

    Здравствуйте, Валерий Леонидович! С удовольствием рассмотрю вашу идею. Напишите на e-meil (в разделе контакты он указан) :)

  15.   Комментарий от Angel7 — 9 Май 2008 #

    Класс! Обязательно это где-нибудь использую! Супер-урок :) Спасибо!

  16.   Комментарий от Настя Манно — 9 Май 2008 #

    :) Вместо звездочек можно еще использовать и другие объекты. Будет необычно и интересно.

  17.   Комментарий от Steward — 11 Июнь 2008 #

    Посмотрите на мой вариант - ссылка у вас в трэкбэках :)
    Рисовать его правда сложнее и немного дольше, но результат получается красивее :))) как мне кажется, точнее немного оригинальнее

  18.   Комментарий от Настя Манно — 11 Июнь 2008 #

    Steward, очень интересный вариант получился! :) Я о таком даже и не думала. Надо будет поэкспериментировать тоже. :)))

Трэкбеки

Что вы об этом думаете?

XHTML: Вы можете использовать следующие тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>