Здравствуйте! Меня зовут Настя Манно. Веб-дизайн и создание сайтов для меня не просто хобби. Это моя страсть! Я очень люблю создавать что-то новое и необычное. На этом блоге будут собраны самые интересные находки в области веб-дизайна и сайтостроения.
Иконки Кисти Конкурс Обзоры Палитры Ретро Скачать Стиль Темы WordPress Уроки Шрифты векторы гранж дизайнерские блоги дизайнеры космос креатив первый постик радостное фанк фотошоп шутка rss web 2.0 WordPress

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

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

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

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

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

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

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

А в Corel не пробовала сделать?
Здоровски! У меня получилось!
Молодцы!
Зигмунд, нет, в Кореле не пробовала. Наверное, там уже готовые какие-то инструменты для этого есть. Но как-то пока до Корела я не добралась :)))
Привет, Настя. А урок то старый
Привет, TRka. Возможно и старый
А для кого-то новый. Для меня в том числе.
прикольненько =) симпатичненько получается
Упреки в том, что урок старый - несколько необоснованны. Очень многим это в новинку. Даже просто сама идея. Так что пусть Настя продолжает.
Дизайнеры - творители прекрасного. Что еще здесь сказать, молодец!
Спасибо, друзья!
Обещаю, что следующий урок точно будет совершенно новым. Хотя, скорее всего, и более сложным. И может быть даже не на одну страницу. :)))
bescom, я не против, просто, как и любой другой человек, могу высказывать мнение. Тем более, я отслеживаю новости этой сферы.
—
Настя, Пускай не на одну
Ну да, для кого-то новый, для кого-то старый! Я например уже год назад подобное видел!
TRka, хорошо! :)))
Ребятки, милые, чем спорить, давайте лучше порассуждаем, каким образом еще можно воплотить этот урок, или, может быть, как-то по-новому его переиначить. Тема очень интересная, и для творчества простор просто огромнейший.
Доброго дня Вам, Анастасия.
Я очень заинтересовался Вашим сайтом, Вашими идеями. Немного знаю HTML и иногда что-то делаю для друзей, например:
http://nkapshitar.narod.ru/
Сейчас у меня есть предложение сделать небольшой сайт для детского сада. И задумка есть, но я не знаю, как лучше реализовать свою идею. Если я опишу Вам свою идею, Вы поможете мне с ее реализвацией?
С уважением, Валерий Леонидович.
Здравствуйте, Валерий Леонидович! С удовольствием рассмотрю вашу идею. Напишите на e-meil (в разделе контакты он указан)
Класс! Обязательно это где-нибудь использую! Супер-урок
Спасибо!
Посмотрите на мой вариант - ссылка у вас в трэкбэках
Рисовать его правда сложнее и немного дольше, но результат получается красивее :))) как мне кажется, точнее немного оригинальнее
Steward, очень интересный вариант получился!
Я о таком даже и не думала. Надо будет поэкспериментировать тоже. :)))