Это очень простой, но в то же время очень интересный урок. Сейчас можно увидеть такие летящие звездочки с яркими хвостами на некоторых стильных сайтах или в видео-клипах. Кстати, на 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) средним по тону цветом.
Общий смысл таков: у звездочки «хвост» имеет некий объем. Две плоскости этого объема мы закрашиваем средним по тону цветом, одну область — обращенную как бы к свету — тоном более светлым, и наконец ту, что в тени — более темным тоном. При этом слои «хвоста» должны располагаться ниже слоя со звездой. Думаю, это понятно.
Желательно каждое выделение рисовать на новом слое. Так вы всегда сможете его немного подкорректировать, не задевая другие части рисунка.
Фон по вкусу :)
Предлагайте также ваши способы рисования подобных летящих звезд. Данный метод, конечно же, не единственный и, возможно, не самый удобный. Буду рада услышать о других вариантах исполнения.
Здравствуйте! Меня зовут Настя Манно. Я веб дизайнер и автор этого блога
Клевско. Сейчас попробую ;-)
А в Corel не пробовала сделать? :-)
[Ответить]
Здоровски! У меня получилось!
[Ответить]
Молодцы! :)
Зигмунд, нет, в Кореле не пробовала. Наверное, там уже готовые какие-то инструменты для этого есть. Но как-то пока до Корела я не добралась :)))
[Ответить]
Привет, Настя. А урок то старый ;-)
[Ответить]
Привет, TRka. Возможно и старый :) А для кого-то новый. Для меня в том числе.
[Ответить]
прикольненько =) симпатичненько получается :)
[Ответить]
Упреки в том, что урок старый - несколько необоснованны. Очень многим это в новинку. Даже просто сама идея. Так что пусть Настя продолжает.
[Ответить]
Дизайнеры - творители прекрасного. Что еще здесь сказать, молодец! :)
[Ответить]
Спасибо, друзья! :) Обещаю, что следующий урок точно будет совершенно новым. Хотя, скорее всего, и более сложным. И может быть даже не на одну страницу. :)))
[Ответить]
bescom, я не против, просто, как и любой другой человек, могу высказывать мнение. Тем более, я отслеживаю новости этой сферы.
—
Настя, Пускай не на одну ;-)
[Ответить]
Ну да, для кого-то новый, для кого-то старый! Я например уже год назад подобное видел!
[Ответить]
TRka, хорошо! :)))
Ребятки, милые, чем спорить, давайте лучше порассуждаем, каким образом еще можно воплотить этот урок, или, может быть, как-то по-новому его переиначить. Тема очень интересная, и для творчества простор просто огромнейший. :)
[Ответить]
Доброго дня Вам, Анастасия.
Я очень заинтересовался Вашим сайтом, Вашими идеями. Немного знаю HTML и иногда что-то делаю для друзей, например:
http://nkapshitar.narod.ru/
Сейчас у меня есть предложение сделать небольшой сайт для детского сада. И задумка есть, но я не знаю, как лучше реализовать свою идею. Если я опишу Вам свою идею, Вы поможете мне с ее реализвацией?
С уважением, Валерий Леонидович.
[Ответить]
Здравствуйте, Валерий Леонидович! С удовольствием рассмотрю вашу идею. Напишите на e-meil (в разделе контакты он указан) :)
[Ответить]
Класс! Обязательно это где-нибудь использую! Супер-урок :) Спасибо!
[Ответить]
:) Вместо звездочек можно еще использовать и другие объекты. Будет необычно и интересно.
[Ответить]
[…] я на просторах интернета однажды на “Урок в стиле ретро. Летящие звезды” и подумал… неужели я сам не смогу так же, а лучше […]
Посмотрите на мой вариант - ссылка у вас в трэкбэках :)
Рисовать его правда сложнее и немного дольше, но результат получается красивее :))) как мне кажется, точнее немного оригинальнее
[Ответить]
Steward, очень интересный вариант получился! :) Я о таком даже и не думала. Надо будет поэкспериментировать тоже. :)))
[Ответить]
Вот это ретро, стиль 70-х так скажем. Настя, можете мне написать в почту со своего ящика, чтобы мы могли сконтактироваться. Я могу Вам помочь с хорошими уроками.
[Ответить]
Хорошо, Станислав! Напишу в мыльце. Иногда бываю вечером в асе. Стукните тоже :)
[Ответить]
[…] Читать урок по фотошоп Ретро звезды […]