Главная arrow Программирование arrow HTML arrow Как красиво сделать тени (например, тень для текста) Thursday, November 23 2017  
ГлавнаяКонтактыАдминистрированиеПрограммированиеСсылки
UK-flag-ico.png English Version
GERMAN-flag-ico.png Die deutsche Version
map.gif карта сайта
нашли опечатку?

Пожалуйста, сообщите об этом - просто выделите ошибочное слово или фразу и нажмите Shift Enter.

Поделиться:

Как красиво сделать тени (например, тень для текста) Версия для печати
Написал microsin   
22.06.2008

Это лучше проделать в Corel Draw, опишу процесс по шагам (Corel Draw Version 12.0.0.458).

1. У объекта, для которого хотим сделать тень, делаем копию - выбираем объект, Ctrl+C, Ctrl+V. На рисунке две копии пока лежат одна под другой:
shadow001.GIF

2. Копия объекта у нас будет тень. Смещаем её немного вниз и влево (как будто свет падает справа сверху), красим в черный цвет и помещаем копию на задний план (в контекстном меню Order\To Back).
shadow002.GIF 

3. В общем-то тень уже готова. Но она пока некрасивая - такая резкая тень не бывает, края у тени обычно размыты. Для этого превращаем нашу тень в картинку. Выбираем черную копию объекта (она у нас на заднем плане), и в меню выбираем Bitmaps\Convert to Bitmap...
shadow003.GIF

В окошке все параметры можно оставить по умолчанию (разве что разрешение в dpi увеличить, если у Вас картинка мелкая), просто жмем OK.

4. После конвертации визуально почти ничего не изменилось. Теперь надо копию "размыть", чтобы получилась настоящая тень. В меню вибираем Bitmaps\Blur\Gaussian Blur...
shadow004.GIF

В открывшемся окошке полоска прокрутки Radius определяет степень размытия. Подберите его требуемое значение, кнопка Preview позволяет посмотреть результат. Две маленькие кнопочки слева вверху позволяют поменять тип предпросмотра. Как подобрали нужное значение, жмем ОК. После преобразования наша тень сместится, поэтому скорректируем её положение. Вот примерный результат, который должен получиться:
shadow005.GIF

5. Дальше можно подпустить оформительского лоску - убрать окантовку оригинала, добавить фон - все ограничивается только полетом вашей фантазии. shadow006.GIF

Последнее обновление ( 22.06.2008 )
 

Добавить комментарий

:D:lol::-);-)8):-|:-*:oops::sad::cry::o:-?:-x:eek::zzz:P:roll::sigh:

Защитный код
Обновить

< Пред.   След. >

Top of Page
 
microsin © 2017