Создание красивого фона в PhotoShop (53,66%)
В статье описывается интересный способ создания красивого и стильного фона с помощью применения фильтров Adobe PhotoShop к «бесcмысленно изрисованному» изображению. Пробуя по этой схеме различные сочетания цветов, параметры фильтров, можно добиться очень интересных результатов…
Создание сайтов - модель качественной верстки (41,3%)
Начнем с того, что суть моей статьи в первую очередь заключается в создании удобной модели верстки наших проектов. Иногда гуляя по сети, я натыкаюсь на очень хорошо сделанные веб – сайты, но когда, начинаю разглядывать внутреннюю структуру сайта я ужасаюсь. Дело в том, что при создание сайтов разной сложности и структуры, я наработал немалый опыт…
Создание всплеска посещаемости сайта с помощью программы Add2Board (40,71%)
Часто встает задача создать кратковременный всплеск посещаемости сайта для привлечения внимания целевой аудитории к новинкам, новостям сайта. Такие события, как поступление новых позиций товаров, сезонные скидки и т.п. имеют короткий период актуальности. Поэтому, освещение событий и рекламные кампании должны носить кратковременный, но массовый характер…
В этой статье я расскажу о достаточно простом, но вполне реалистичном эффекте. Моя цель состоит в том, чтобы показать читателю принцип создания капель, а уж при желании можно модифицировать этот эффект для конкретных нужд…
Начнем. Во-первых, необходимо выбрать подходящую для фона картинку. После долгих поисков в своей коллекции я нашел только одну фотографию, снятую мной на цифровик. Для большей наглядности я решил сделать капли и на градиентной заливке.
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. Здесь установите параметры также как и на этом скриншоте:
Теперь то же самое с закладкой Inner glow:
Ну, и наконец, разберемся со стилем Bevel and Emboss:
4. Остались последние штрихи. Для более быстрого создания капель, сохраним сделанный нами стиль. Для этого в окне Layer style нажмем на кнопку New style. Назовите стиль Капли. Теперь вы всегда сможете быстро вставить для любого слоя сохраненный стиль эффектов (выбрав в онке Layer style на закладке Styles или в палитре Styles стиль Капли).
Сравним оригинал и результат:
5. Если картинка на которой вы рисуете капли уже «забрызгана», то можно попробовать поменять некоторые параметры, такие как:
- Opacity (видимость — применительно к слою с каплями; изменять лучше всего в пределах 75–100%).
- Fill opacity (видимость — применительно к слою с каплями; изменять лучше всего в пределах 0–10%, чем меньше значение, тем более яркими будут капли).
- Opacity (видимость — применительно к Inner glow; изменять лучше всего в пределах 0–50%, чем меньше значение, тем более яркими будут капли).
Несмотря на то, что часто эти параметры особо не отличаются, не стоит считать, что они одинаковые. На некоторых цветах фона под каплей, они очень сильно отличаются друг от друга.
P.S. При написании данной статьи использовались различные материалы по созданию различных эффектов (как английских, так и русских), поэтому здесь собран и доработан материал многих статей.
Создание сайта с помощью фреймов (37,97%)
Из огромного количества сайтов сети многие используют фреймы для тех или иных целей. Да фреймы можно использовать и с толком для сайта. С другой стороны неправильная реализация фреймов — огромная ошибка…
Версия сайта для печати средствами CSS (37,65%)
Допустим, у нас есть серьезный бизнес-сайт, с серьезными клиентами. А серьезные люди, как правило, консервативны; они больше доверяют бумаге — там и подпись поставить можно и у нотариуса заверить… В общем, непременно нужна качественная версия сайта для печати. Благодаря CSS решение этой задачи не составит большого труда…
Создание профессионального логотипа компании (37,36%)
Логотип является важной составляющей имиджа организации. В статье рассказывается о том, как приступить к разработке качественного логотипа компании: сформулированы основные аспекты создания логотипов, различия между логотипами для печати и интернета…
Тестирование ноутбуков и настольных систем (35,96%)
В этой исследовании мы протестируем несколько настольных компьютеров, сравним результаты с предыдущими тестами наших ноутбуков и попытаемся выяснить, что же скрывается за загадочной надписью Centrino. Компьютеры, представленные в тестировании, не подбирались заранее с какой-либо определенной целью. Просто мы взяли свои домашние компьютеры,…
Рациональное использование экранного пространства (35,42%)
Не существует надежного способа, определить разрешение монитора посетителя сайта. Поэтому данная статья не решает вопроса «для какого разрешения и размера экрана стоит создавать сайт?», вместо этого мы рассмотрим, как рационально использовать экранное пространство для выбранного разрешения…