RSS

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

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

топ комментаторов

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

  • Дима: Черненькая и оранжевая - супер… буду иметь ввиду
  • Monsignor: Интересный урок, спасибо, будем пробовать)
  • Веня Таганский: Авторское право действует везде. Независимо от...
  • Вектор: Полезный урок. Надо как-нибудь попробовать. Пост идёт ко...
  • Колян: Красота то какая…ляпота& #8230;
  • Стальной Бомж: Полезный урок, а то я в фотошопе только вырезать и...
  • fazeful: 2 Настя Манно: Pen Tool-ом гораздо удобней + с помощью стилей...
  • fazeful: Небольшая неточность: слой создается Ctrl+Shift+N =) Лучше такие...
  • Milk: I can’t read the tuto, (’cause I don’t understand the language), but thanks a lot for...
  • Кредитный брокер: Бирочка хорошая, а вот над ниточкой надо...

архив

Технологический конкурс сайтов WebHiTech

рубрики

Каталог DMOZ

считалочки






Добавить в Technorati Favorites

View blog authority

количество читателей онлайн и всего
Каталог дизайнерских блогов

Web Design Blogs - BlogCatalog Blog Directory
Join My Community at MyBloglog!
TopOfBlogs

XHTML 1.0 | CSS

Рисуем окружности в стиле ретро | Фотошоп

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

rhcp2.gif

В ретро стиле довольно часто используются такие объекты, как концентрические окружности, состоящие как бы из нескольких колец, вложенных друг в друга. Я искала подобные кисти или шейпы, но пока что безуспешно. Недавно, просматривая буржуйские сайты с уроками по Фотошопу, я нашла несколько уроков в стиле ретро, где было подробно рассказано, как можно добиться такого эффекта. Иногда уж слишком подробно. И чересчур сложно.

Например, предлагается при помощи фильтра Облака (Clouds) несколько раз нарисовать произвольные пятна, потом их через увеличение контраста сделать четко очерченными и плотными, потом все это объединить, потом «одноколоночным» (Single Column Marquee Tool) выделением клацнуть в произвольном месте, потом включить Трансформацию и протащить мышью маркер по горизонтали, получив ряд линий… В результате получим не известно что.

Есть гораздо более простой способ нарисовать такие окружности, причем заранее задав нужное количество, толщину и взаимное расположение колец. И используем мы для этого всего на всего прямоугольное выделение и заливку цветом.

Для начала создадим новый документ 400х400 пикселей с прозрачным фоном. Затем включаем инструмент Прямоугольное Выделение (Rectangular Marquee Tool), выделяем прямоугольную область и заливаем ее любым цветом. Потом ниже делаем следующее выделение и снова заливаем. Принцип тут такой: верхняя полоска после преобразования станет внутренней окружностью, а нижняя, соответственно, внешней. Кроме того, если вверху оставить немного пустого места, то и в центре получившегося рисунка будет отверстие. Чтобы внутренний круг был целым, то выделение нужно сделать от самой верхней границы рисунка.

circle1.gif

Снимаем выделение и заходим в раздел фильтров. Filter – Distort – Polar Coordinates.

circle2.gif

В настройках фильтра должно быть включено Rectangular to Polar.

circle3.gif

Жмем ОК и получаем готовый рисунок окружности из нескольких колец.

circle4.gif

Теперь нам осталось только сделать этот рисунок кисточкой, чтобы затем штемпелевать где захочется. Заходим в раздел Редактирование. Edit – Define Brush Preset. Там зададим кисточке имя и сохраним.

circle5.gif

Таких кистей можно заранее наготовить кучку и сохранить их отдельным пресетом. Размеры кистей можно оперативно изменять в небольших пределах без ухудшения качества и резкости. Если при оттиске окружность получается бледной, то нужно просто несколько раз клацнуть ею на одном месте. Тогда плотность и яркость соответственно увеличатся.

Mannodesign.Com

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

Рубрика: Уроки | Май 19, 2008 в 19:13

Ответов (14) на “Рисуем окружности в стиле ретро | Фотошоп”

  1.   Комментарий от Санёк — 19 Май 2008 #

    Забавные круглешки, но пока несовсем понятен их смысл! :)
    Думаю вскором времени я это всеже узнаю! :)

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

    Саш, кругляшки, как и звезды - это атрибутика стиля диско (читай - ретро). Сейчас очень модным стало вновь их использовать для оформления. На MTV часто на рекламных заставках мелькают тоже. :)

  3.   Комментарий от Ольга Т. — 19 Май 2008 #

    Отличный и простой урок! Умница, Настя!
    А смысл… просто сделать красивую картинку, где такие круги - забавная деталь. Вот и весь смысл. :)))

  4.   Комментарий от TRka — 19 Май 2008 #

    Привет, Настя. Для освоения фотошопа полезно, думаю.

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

    Привет, TRka! Да, это совсем просто. :)

  6.   Комментарий от Кредитный брокер — 29 Май 2008 #

    Добавлю, что элементарный кружочный дизайн на вебстраницах реализуется значительно сложней

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

    Кредитный брокер, вы противоречите сами себе. Говорите об элементарном и тут же заявляете что это сложно. Поясните, пожалуйста.

  8.   Комментарий от Кредитный брокер — 2 Июнь 2008 #

    Как бы сказать… Элементарный дизайн - с точки зрения рисования в фотошопах, а html тяготит к квадратному. Отсюда прошу - накропайте статью Квадраты в стиле футуры :)

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

    Хорошо! Будут вам квадраты. :) Хотя сейчас уже даже с помощью вполне устаканившегося CSS2 можно оформлять скругленные углы без использования рисунков, только чистым кодом. А в CSS3 и того больше будет возможностей. Так что о “тяготении” к прямоугольному я бы не стала так безапелляционно заявлять. :)

  10.   Комментарий от Кредитный брокер — 3 Июнь 2008 #

    Конечно, прогресс не остановить, однако до окончательного приществия css2 далековато, поскольку создавая сайт нужно делать его абсолютно совместимым со старыми браузерами. Сам не так давно столкнулся с тем, что ИЕ версии 5 отражает кое-какие дивы по другому. А он встроен в вин2000, и пользователей у него ещё прилично.

  11.   Комментарий от Юля — 6 Август 2008 #

    Блин,жаль что не написано как можно зделать фотку,как там нарисовано(выше)Я так хочу так же зделать…но не могу вдуплится как…!(((

  12.   Комментарий от Настя Манно — 6 Август 2008 #

    Юля, об этом у меня написано вот в этом уроке:
    http://www.mannodesign.com/urok-v-stile-granzh-shtamp
    Принцип тот же самый :)

  13.   Комментарий от drStas — 13 Август 2008 #

    Не понимаете для чего нужны круги и кольца? Да очень просто…
    Вы посмотрите на современные тенденции, тот же самый дом2 или женские журналы. Там отрисованая девочка и куча колечек и кругов на фоне. Нарисуйте солечко и наклонируйте их 20 раз, поиграйте с размерами и получится очень красивый эффект пузыриков. Тут главное чувство меры иметь )))

  14.   Комментарий от Димка — 15 Август 2008 #

    да хотя бы гляньте ролик сериала “Счастливы вместе”!=)))

Трэкбеки

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

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