Программирование HTML Как красиво сделать тени (например, тень для текста) Sat, December 21 2024  

Поделиться

Нашли опечатку?

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


Как красиво сделать тени (например, тень для текста) Печать
Добавил(а) microsin   

Это лучше проделать в 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

 

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


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

Top of Page