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

Ice-cream бэкграунд

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

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

icebold0.jpg

Для начала создадим новый документ 520х520 пикселей и зальем его при помощи Ведерка (Paint Bucket Tool) цветом #E9E6F4. Затем выбираем инструмент Прямоугольное Выделение (Rectangular Marquee Tool). В его настройках (вверху, в панели редактирования инструмента) выставим следующие параметры: Style: Fixed Size; Width: 20 px; Height: 520 px.

icebold1.gif

Теперь кликаем левой клавишей мышки в левом верхнем углу рисунка. Получим выделенный «столбик» с заданными размерами. Его мы сдвинем вправо на 10 пикселей, удерживая клавишу Shift и нажав стрелочку «вправо».

icebold2.gif

Создадим новый слой и зальем выделение цветом #9C85EE

icebold3.gif

Теперь, удерживая клавишу Shift, при помощи клавиши со стрелкой вправо сдвигаем выделение на 40 пикселей (нажимаем на стрелку 4 раза). И снова заливаем цветом. Так повторяем до конца всего рисунка. Есть и другие способы заполнения. Можно полоску сохранить в виде паттерна и им залить новый документ. Но я решила воспользоваться более простым способом. В результате получим вот такие симпатичные обои:

icebold4.gif

Далее снимаем выделение (Shift + D) и в разделе фильтров находим: Filter > Distort > Polar Coordinates.

icebold5.gif

Получим из нашей заготовки вот такие симпатичные лучи. Уже похоже на ретро, не правда ли?

icebold6.gif

Теперь снова заходим в раздел фильтров и находим там: Filter > Distort > Twirl. И выставляем значения как на этом рисунке:

icebold7.gif

Теперь наши лучи превратились в некое подобие закрученного мороженого, если посмотреть на него сверху. Остается только немного раскрасить его и придать более мягкий вид. Для этого сначала зайдем снова в раздел фильтров и там найдем: Filter > Blur > Gaussion Blur. Значение выставим не очень большое. Например, 2,0.

icebold8.gif

Затем в настройках текущего слоя с линиями, в окошке выставим значение Color Burn. Линии станут бледными, словно мы увеличили прозрачность.

icebold91.gif

Скопируем этот слой и развернем копию на 90 градусов по часовой стрелке (Edit > Transform > Rotate 90˚ CW).

icebold10.jpg

А теперь увеличим прозрачность этого слоя до 70% и в окошке выставим значение Vivid Light.

icebold111.jpg

Получим самое настоящее клубнично-чернично-ванильное мороженое. :)

icebold12.jpg

Источник: Photoshopstar.Com

Mannodesign.Com

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

Рубрика: Стиль, Уроки | Июль 13, 2008 в 13:53

Ответов (8) на “Ice-cream бэкграунд”

  1.   Комментарий от DAYRED — 13 Июль 2008 #

    Эх ретро, ретро.

  2.   Комментарий от Дизайнер-художник — 15 Июль 2008 #

    Ну, быстро, просто и симпатишно! хороший урок..

  3.   Комментарий от Дизайнер-художник — 18 Июль 2008 #

    Кстати, Настюш, когда будет работать DesCat, а то логотип давно утвердили, а проект еще нет? К осени будет? Хотелось бы быть в нём!

  4.   Комментарий от cross — 18 Июль 2008 #

    Красивенькое ретро, обязательно попробую где-нить применить.

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

    Я думаю, что в августе уже запустим. :)

  6.   Комментарий от Кирил Неждан — 26 Июль 2008 #

    Спасибо, все просто и доступно описано. Спасибо за сайт указанный как источник, открыл для себя новые приемы в Photoshop…

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

    Да простят меня любители ретро и фотошопа…но ретром тут не пахнет. Фон хороший, но не Ретро, простите.

    Кстати, шрифт тоже не очень ретро.

    Не бейте меня камнями, просто я препод в онлайн школе фотошоп и не могу не сказать свое мнение ))

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

    Станислав, ну что же вы, право слово! :) Как человек творческий, должны сами понимать, что спорить о стилистике нет смысла, потому что каждый понимает ее по-своему.

Трэкбеки

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

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