Отправляет email-рассылки с помощью сервиса Sendsay

Рецепты HTML

  Все выпуски  

Рецепты HTML # 122


Информационный Канал Subscribe.Ru

Добрый день.
Увы, возросшая популярность сайта htmlbook.ru сослужила ему плохую службу. Количество запросов к базе данных превышает ее возможности, из-за чего сайт временно прекратил свою работу. Теперь требуется переходить на другой хостинг или тарифный план. В любом случае требуются непредусмотренные материальные затраты, на поиск которых понадобится определенное время. Сайт быстрее заработает, и на нем будут появляться новые статьи, если вы его поддержите. Можно, конечно, морально, но лучше материально. Чтобы не выглядеть вымогателем или просителем, что в любом случае неприятно и досадно, предлагаю купить за 1 WMZ (один бакс по-нашему) локальную копию сайта. Вы получаете сайт в виде файлов html, которые можно смотреть без подключения к Интернету. В итоге, вы будете иметь следующее:

  • сайт содержит только ценную информацию; все лишнее в виде кнопок, баннеров и другой фигни, убрано;
  • вы получаете более двухсот эксклюзивных статей по теме создания сайта;
  • локальная версия сайта по содержанию является точной копией его Интернет-сайта, в том числе содержит статьи по графике, дизайну, JavaScript, PHP, CSS и т.д.;
  • сайт выполнен в виде одного архива, что делает его удобным для передачи другим людям и хранения на любом компьютере;
  • разрешается размещать у себя на сайте любые статьи. Нельзя только их продавать!
  • не требуется подключения к Интернету, что актуально для владельцев модемов или при отсутствии Интернета вообще;
  • разрешается передавать сайт другим людям, которые в нем нуждаются;
  • вы получаете возможность консультации автора по любым темам, упомянутым в локальной версии сайта, через электронную почту.

Все эти возможности доступны всего за 1 WMZ. Расценивайте покупку не только как удачное приобретение, но и как помощь любимому сайту.

Как получить сайт
Перешлите 1WMZ на кошелек с номером Z049001049533 в системе WebMoney. В комментарии укажите ящик электронной почты. После чего вы получите письмо, где будет указан адрес страницы, откуда можно скачать локальный сайт. Скачивайте сайт, распаковывайте его и наслаждайтесь. Внимание! Данная возможность будет работать только с понедельника, поэтому подождите два дня и только потом пересылайте деньги. По выходным деньги принимаются, но отправка не производится.


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

Создание пиктограмм в Adobe Illustrator. Часть 2

Рассмотрим процесс создания картинки в программе Illustrator, используя инструмент Mesh Tool. Достоинство этого инструмента заключается в возможности создавать весьма неожиданные градиентные заливки, позволяя имитировать эффект трехмерности (рис. 1). Дополнительным плюсом является и быстрота получения итогового результата.

Рис. 1. Этапы создания рисунка

Шаг 1 1. Рисуем контур будущего изображения. Счастливые обладатели планшетов могут это сделать одним росчерком пера, ну а всем остальным придется использовать мышь и кривые Безье. После применения к объекту инструмента Mesh Tool его контур исчезает, поэтому изображение необходимо продублировать. Выделяем объект курсором мыши и нажимаем вначале комбинацию Ctrl+C, а затем — Ctrl+F. После чего выделенный объект будет скопирован в буфер обмена и вставлен в то же место, что и текущий. Видимого результата не будет, однако стоит только переместить контур в другое место, как под ним откроется еще один рисунок.

Шаг 2 2. Закрашиваем нижний контур выделенным цветом. В данном случае использовался #990000. Цвет специально выбран темным, на нем лучше смотрятся света и блики.
Шаг 3

3. Выбираем инструмент Mesh Tool (Вызов клавишей U) и щелкаем курсором мыши примерно в центре изображения (рис. 2). При использовании горячих клавиш обращайте внимание на то, какой язык в данный момент включен. Адобовские программы не любят русский язык, и некоторые комбинации клавиш при нем не работают.

Рис. 2. Результат использования инструмента Mesh Tool
Рис. 2. Результат использования инструмента Mesh Tool

Сетка будет построена автоматически, в зависимости от вида контура и количества узловых точек. Поэтому для достижения нужного результата, может потребоваться отменить действие через Ctrl+Z и повторить его снова.

В указанной узловой точке меняем цвет на более светлый. В примере использовался #FF5454.


Шаг 4

4. Для пущего эффекта добавим блики. Рисуем их контуры и закрашиваем светлыми тонами. Для более яркого блика использовался белый цвет, а для правого нижнего — #FFC9C9. Теперь их надо растушевать, для этого используется фильтр под названием Feather (Перо). Этот фильтр находится в меню Effect | Stylize | Feather... (рис. 3).

Рис. 3. Вызов фильтра Feather
Рис. 3. Вызов фильтра Feather

Фильтр Перо предназначен для смягчения контуров изображения и управляется лишь одним параметром, который задает дистанцию размытия. Его значение зависит от размеров объекта, в данном случае параметр был установлен на 2 мм. Окончательный результат полученного изображения показан на рис. 4.

Шаг 4
Рис. 4. Окончательный результат

Величину размытия в любой момент можно сменить через панель Appearance. Осталось только установить нужный размер изображения и сохранить его через меню Save for Web (Ctrl+Shift+Alt+S).

Мы не зря сделали копию черного контура. Применяя к нему разные кисти (панель Brushes) можно буквально за одно нажатие получить всевозможные виды одного и того же рисунка (рис. 5).

Рис. 5. Разные виды одного и того же контура
Рис. 5. Разные виды одного и того же контура

Copyright 2002, 2003 Влад Мержевич, e-mail: vlad@htmlbook.ru
Материалы данного сайта охраняются законом об авторском праве.
Вы можете свободно использовать и распространять любые статьи с указанием автора и ссылки на сайт.


http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное