Если вы хотите получать уведомления о новых записях на блоге Mannodesign.Com, то просто подпишитесь на RSS-рассылку.
Спонсор месяца: Dizweb.ru — Веб дизайн. Блог о веб дизайне
В ретро стиле довольно часто используются такие объекты, как концентрические окружности, состоящие как бы из нескольких колец, вложенных друг в друга. Я искала подобные кисти или шейпы, но пока что безуспешно. Недавно, просматривая буржуйские сайты с уроками по Фотошопу, я нашла несколько уроков в стиле ретро, где было подробно рассказано, как можно добиться такого эффекта. Иногда уж слишком подробно. И чересчур сложно.
Например, предлагается при помощи фильтра Облака (Clouds) несколько раз нарисовать произвольные пятна, потом их через увеличение контраста сделать четко очерченными и плотными, потом все это объединить, потом «одноколоночным» (Single Column Marquee Tool) выделением клацнуть в произвольном месте, потом включить Трансформацию и протащить мышью маркер по горизонтали, получив ряд линий… В результате получим не известно что.
Есть гораздо более простой способ нарисовать такие окружности, причем заранее задав нужное количество, толщину и взаимное расположение колец. И используем мы для этого всего на всего прямоугольное выделение и заливку цветом.
Для начала создадим новый документ 400х400 пикселей с прозрачным фоном. Затем включаем инструмент Прямоугольное Выделение (Rectangular Marquee Tool), выделяем прямоугольную область и заливаем ее любым цветом. Потом ниже делаем следующее выделение и снова заливаем. Принцип тут такой: верхняя полоска после преобразования станет внутренней окружностью, а нижняя, соответственно, внешней. Кроме того, если вверху оставить немного пустого места, то и в центре получившегося рисунка будет отверстие. Чтобы внутренний круг был целым, то выделение нужно сделать от самой верхней границы рисунка.
Снимаем выделение и заходим в раздел фильтров. Filter – Distort – Polar Coordinates.
В настройках фильтра должно быть включено Rectangular to Polar.
Жмем ОК и получаем готовый рисунок окружности из нескольких колец.
Теперь нам осталось только сделать этот рисунок кисточкой, чтобы затем штемпелевать где захочется. Заходим в раздел Редактирование. Edit – Define Brush Preset. Там зададим кисточке имя и сохраним.
Таких кистей можно заранее наготовить кучку и сохранить их отдельным пресетом. Размеры кистей можно оперативно изменять в небольших пределах без ухудшения качества и резкости. Если при оттиске окружность получается бледной, то нужно просто несколько раз клацнуть ею на одном месте. Тогда плотность и яркость соответственно увеличатся.
Популярность: 39%
Забавные круглешки, но пока несовсем понятен их смысл! :)
Думаю вскором времени я это всеже узнаю! :)
Саш, кругляшки, как и звезды - это атрибутика стиля диско (читай - ретро). Сейчас очень модным стало вновь их использовать для оформления. На MTV часто на рекламных заставках мелькают тоже. :)
Отличный и простой урок! Умница, Настя!
А смысл… просто сделать красивую картинку, где такие круги - забавная деталь. Вот и весь смысл. :)))
Привет, Настя. Для освоения фотошопа полезно, думаю.
Привет, TRka! Да, это совсем просто. :)
Добавлю, что элементарный кружочный дизайн на вебстраницах реализуется значительно сложней
Кредитный брокер, вы противоречите сами себе. Говорите об элементарном и тут же заявляете что это сложно. Поясните, пожалуйста.
Как бы сказать… Элементарный дизайн - с точки зрения рисования в фотошопах, а html тяготит к квадратному. Отсюда прошу - накропайте статью Квадраты в стиле футуры :)
Хорошо! Будут вам квадраты. :) Хотя сейчас уже даже с помощью вполне устаканившегося CSS2 можно оформлять скругленные углы без использования рисунков, только чистым кодом. А в CSS3 и того больше будет возможностей. Так что о “тяготении” к прямоугольному я бы не стала так безапелляционно заявлять. :)
Конечно, прогресс не остановить, однако до окончательного приществия css2 далековато, поскольку создавая сайт нужно делать его абсолютно совместимым со старыми браузерами. Сам не так давно столкнулся с тем, что ИЕ версии 5 отражает кое-какие дивы по другому. А он встроен в вин2000, и пользователей у него ещё прилично.
Блин,жаль что не написано как можно зделать фотку,как там нарисовано(выше)Я так хочу так же зделать…но не могу вдуплится как…!(((
Юля, об этом у меня написано вот в этом уроке:
http://www.mannodesign.com/urok-v-stile-granzh-shtamp
Принцип тот же самый :)
Не понимаете для чего нужны круги и кольца? Да очень просто…
Вы посмотрите на современные тенденции, тот же самый дом2 или женские журналы. Там отрисованая девочка и куча колечек и кругов на фоне. Нарисуйте солечко и наклонируйте их 20 раз, поиграйте с размерами и получится очень красивый эффект пузыриков. Тут главное чувство меры иметь )))
да хотя бы гляньте ролик сериала “Счастливы вместе”!=)))
просто и ясно
спасибо )
А я все думал зачем этот дурацкий плагин использовать и с кругами мудохался в иллюстраторе
замечательный прием, давно им пользуюсь и надо сказать, что можно финтить не только с прямыми линиями. не могу только разобраться - как добиться того чтобы не было зазубрин у линий после скрутки. на моем сайте есть несколько работ с использованием этого инструмента.
Замечательный урок! Спасибо, Настя. Сейчас действительно очень популярен рэтро-стиль, и твой урок мне очень помог. Спасибо, что написала, как кисточки сохранять. Я, к своему стыду, не умела это делать(((
Привет, Надежда! Скоро запустим новый блог по инструментам Photoshop. Там будет много таких полезных вещиц :)