Похожие статьи

Создание красивого фона в PhotoShop (53,66%)
В статье описывается интересный способ создания красивого и стильного фона с помощью применения фильтров Adobe PhotoShop к «бесcмысленно изрисованному» изображению. Пробуя по этой схеме различные сочетания цветов, параметры фильтров, можно добиться очень интересных результатов…

Создание всплеска посещаемости сайта с помощью программы Add2Board (40,71%)
Часто встает задача создать кратковременный всплеск посещаемости сайта для привлечения внимания целевой аудитории к новинкам, новостям сайта. Такие события, как поступление новых позиций товаров, сезонные скидки и т.п. имеют короткий период актуальности. Поэтому, освещение событий и рекламные кампании должны носить кратковременный, но массовый характер…

Создание сайта с помощью фреймов (37,97%)
Из огромного количества сайтов сети многие используют фреймы для тех или иных целей. Да фреймы можно использовать и с толком для сайта. С другой стороны неправильная реализация фреймов — огромная ошибка…

Автор: Волков Кирилл aka Vulko
www.venus-design.com

Дата публикации 24-01-2004 19:47
Статья просмотрена 49052 раз

В этой статье я расскажу о достаточно простом, но вполне реалистичном эффекте. Моя цель состоит в том, чтобы показать читателю принцип создания капель, а уж при желании можно модифицировать этот эффект для конкретных нужд…

Начнем. Во-первых, необходимо выбрать подходящую для фона картинку. После долгих поисков в своей коллекции я нашел только одну фотографию, снятую мной на цифровик. Для большей наглядности я решил сделать капли и на градиентной заливке.

1. Создайте новый файл. Вставьте туда выбранную картинку (Edit -> Paste или Ctrl+V). Затем создай новый слой (Ctrl+Shift+N). Выделите некоторую область с помощью инструмента Rectangular marquue tool и сделайте в ней градиентную заливку (G -> Linear gradient. В качестве основного и дополнительного цветов я выбрал R-43, G-64, B-55 и R-226, G-221, B-218). Теперь эти два слоя можно свести (Ctrl+E или Layer -> Merge down).

У вас должно получиться примерно следущее:

Начальное изображение для работы

2. Создайте новый слой (Ctrl+Shift+N). Нажмите D (для установки черного и белого цветов в качестве основного и дополнительного). Теперь выберите инструмент кисть (Brush tool), нажав клавишу B. Радиус кисти лучше всего выбрать в пределах 10–20 пикселей. Теперь давайте нарисуем (черным цветом) «объекты», хоть как-то похожие на капли :). Следует также помнить, что капли иногда имею очень причудливую и неправильную форму.

Вот что получилось у меня:

Зарисовка расположения будущих капель

3. Теперь мы будем работать со стилем слоя с нарисованными «каплями». Для этого кликните дважды на этом слое в палитре Layers, или зайдите через меню Layer -> Layer style -> Blending options. На закладке Blending options найдите ползунок Fill opacasity, и задайте ему значение 3%. Далее кликните на Inner shadow. Здесь установите параметры также как и на этом скриншоте:

Скриншот окна необходимых настроек Adobe Photoshop

Теперь то же самое с закладкой Inner glow:

Скриншот окна необходимых настроек Adobe Photoshop

Ну, и наконец, разберемся со стилем Bevel and Emboss:

Скриншот окна необходимых настроек Adobe Photoshop

4. Остались последние штрихи. Для более быстрого создания капель, сохраним сделанный нами стиль. Для этого в окне Layer style нажмем на кнопку New style. Назовите стиль Капли. Теперь вы всегда сможете быстро вставить для любого слоя сохраненный стиль эффектов (выбрав в онке Layer style на закладке Styles или в палитре Styles стиль Капли).

Сравним оригинал и результат:

Начальное изображение для работы

Результат с каплями воды

5. Если картинка на которой вы рисуете капли уже «забрызгана», то можно попробовать поменять некоторые параметры, такие как:

  • Opacity (видимость — применительно к слою с каплями; изменять лучше всего в пределах 75–100%).
  • Fill opacity (видимость — применительно к слою с каплями; изменять лучше всего в пределах 0–10%, чем меньше значение, тем более яркими будут капли).
  • Opacity (видимость — применительно к Inner glow; изменять лучше всего в пределах 0–50%, чем меньше значение, тем более яркими будут капли).

Несмотря на то, что часто эти параметры особо не отличаются, не стоит считать, что они одинаковые. На некоторых цветах фона под каплей, они очень сильно отличаются друг от друга.

P.S. При написании данной статьи использовались различные материалы по созданию различных эффектов (как английских, так и русских), поэтому здесь собран и доработан материал многих статей.

Похожие статьи

Версия сайта для печати средствами CSS (37,65%)
Допустим, у нас есть серьезный бизнес-сайт, с серьезными клиентами. А серьезные люди, как правило, консервативны; они больше доверяют бумаге — там и подпись поставить можно и у нотариуса заверить… В общем, непременно нужна качественная версия сайта для печати. Благодаря CSS решение этой задачи не составит большого труда…

Создание профессионального логотипа компании (37,36%)
Логотип является важной составляющей имиджа организации. В статье рассказывается о том, как приступить к разработке качественного логотипа компании: сформулированы основные аспекты создания логотипов, различия между логотипами для печати и интернета…

Рациональное использование экранного пространства (35,42%)
Не существует надежного способа, определить разрешение монитора посетителя сайта. Поэтому данная статья не решает вопроса «для какого разрешения и размера экрана стоит создавать сайт?», вместо этого мы рассмотрим, как рационально использовать экранное пространство для выбранного разрешения…

Манифест борцов за свободу интернет-форумов (33,33%)
Что же такое оффтоп? Почему его так ненавидят админы и так любят посетители форумов? Какие последствия принесет форуму отказ от него? Как оффтоп приводит к регуляции общественной жизни форума? Обо всем этом вы узнаете из данного, не побоюсь этого слова, манифеста…

nLite: делаем свой дистрибутив Windows (32,94%)
В случае переустановки ОС необходимо не только заново устанавливать драйвера устройств, настраивать систему, но еще и снова инсталлировать различные «патчи» и «сервис паки». Однако есть возможность изменить дистрибутив Windows, чтобы избежать дополнительной работы после установки системы. Эта возможность — утилита nLite…

← Раздел «Вебмастеру: Графика» | Комментарии (11) →

Ваше имя: 

Цифры с картинки:
Включите графику в браузере

Ваши комментарии:

Все поля формы обязательны для заполнения.
Комментарий: Любые HTML-теги в сообщениях запрещены.
Гиперссылки в комментариях не работают — добавлять спам бесполезно!
Максимальная длина комментария — 5000 символов.
Комментарии, не имеющие отношения к статье, будут удалены.

 

Графика для Web Данная статья вряд ли пригодится профессионалам. Содержащиеся в статье практические примеры, описания и исторические справки скорее помогут новичкам понять и увидеть разницу между различными форматами изображений для web, а также, я надеюсь, научатся их грамотно, "к месту", использовать. Статей на данную тематику в интернет множество, но…

Этапы разработки логотипа компании Логотип - это графическое представлен компании. Как правило, логотип состоит из названия компании и оригинального изображения, которое должно характеризовать основную деятельность компании. Иногда логотип называют фирменным или товарным знаком. От логотипа зависит узнаваемость компании среди потребителей. В истории мирового бизнеса известно немало…

Создание красивого фона в PhotoShop В статье описывается интересный способ создания красивого и стильного фона с помощью применения фильтров Adobe PhotoShop к «бесcмысленно изрисованному» изображению. Пробуя по этой схеме различные сочетания цветов, параметры фильтров, можно добиться очень интересных результатов…

Графика для Web Данная статья вряд ли пригодится профессионалам. Содержащиеся в статье практические примеры, описания и исторические справки скорее помогут новичкам понять и увидеть разницу между различными форматами изображений для web, а также, я надеюсь, научатся их грамотно, "к месту", использовать. Статей на данную тематику в интернет множество, но…

Создание красивого фона в PhotoShop В статье описывается интересный способ создания красивого и стильного фона с помощью применения фильтров Adobe PhotoShop к «бесcмысленно изрисованному» изображению. Пробуя по этой схеме различные сочетания цветов, параметры фильтров, можно добиться очень интересных результатов…

Создание профессионального логотипа компании Логотип является важной составляющей имиджа организации. В статье рассказывается о том, как приступить к разработке качественного логотипа компании: сформулированы основные аспекты создания логотипов, различия между логотипами для печати и интернета…