ресурс для начинающих веб-разработчиков
комплексные веб-услуги по созданию сайтов

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

Разработка отдельных фрагментов сайтов, консультации по вопросам верстки веб-страниц и веб-программирования.

Создание светящихся параллельных линий

Создание светящихся параллельных линий

Использование параллельных линий придает веб-страницам более изящный вид, притягивает взгляд и делают изображение объемным.

Создадим новый документ Файл ⇒ Создать с параметрами указанными на рисунке и зальем его черным цветом.

Параметры нового изображения

Создадим новый слой и с помощью инструмента Карандаш нарисуем прямую линию.

Параметры инструмента Карандаш

Прямая линия

Перейдем на панель Стили Окно ⇒ Стили. В раскрывающемся меню панели выберем пункт Пунктирные штрихи. Выберем штрих Белый 1пт (пунктир 3 пт без заливки).

Меню панели Стили Стиль Пунктирные штрихи

Получится линия состоящая из точек.

Пунктирная линия

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

Панель Слои Панель Слои после объединения слоев

Теперь с помощью инструмента Свободная трансформирование Ctrl + T вытянем линию.

Линия после трансформирования

Создадим новый слой. Выберем инструмент Градиент и выполним заливку.

Параметры градиента

Применим к слою Слои ⇒ Создать обтравочную маску.

Рисунок примет следующий вид.

Рисунок после градиентной заливки и применения обтравочной маски

Активируем слой Слой 2 с линией. Выберем Редактирование ⇒ Трансформирование ⇒ Деформация и создадим что-то похожеее на это.

Рисунок после деформации