Алексей в рубрику Дизайн

Вопрос: Эффект тени для обьектов на странице

Доброго времени суток.
Собственно суть вопроса:
хочу сделать эффект чистого листа с тенью на неоднородном фоне: лист - обычный белый лист, тень - тень падает от листа на фон, свет образующий тень падает на лист под 120 градусов, фон - сложный рисунок из линий и векторных фигур.
НЮАНС:
после создания эскиза хочу его раскроить и использовать куски для фона в div блоках сделать этокий wrapper. тень которую отбрасывает лист должна быть прозрачна, что бы по мере изменения структуры div блоков она двигалась вместе сними и нормально накладывалась на сложный фон стр..
Что делал сам:
использовал фотошоп цс4, набросал фон (условно назову - слой 0), создал белый лист (слой 1), добавил листу (слой 1) эффект тени.
все смотрится как надо.
делаю раскройку отключив слой 0 чтобы были прозрачные пикселы. Сохраняю в .png,а Ps при сохранении берет и закрашивает прозрачную тень растром...
прошу помоч, и посоветовать в какой программе это лучше сделать

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 7

Evgenij
Привет, Алексей.
Я обычно после отключения слоя 0, делаю копию слоя 1 (Слой 1 копия), слой 1 скрываю.
Далее
1. Слой 1 копия -> Layer -> Smart objects -> Convert to Smart Object.
2. Layer -> Smart objects -> rasterize

Тепеь из получившегося слоя надо вырезать нужные кусочки тени.
Алексей
Спасибо за ответ! не ожидал что так быстро! отличный ресурс рад что наткнулся на него!
сейчас попробую
#
Алексей
Алексей
Хм...к сожалению не выходит эффект получается что и был у меня до этого, фш заливает пикселы с переменной прозрачностью различными градациями серого (от черного к белому) как и делал раньше даже при сохранении для web там в политре нет прозрачных пикселов вообще
а необходило чтоб были да и причем разной прозрачности в зависимости от интенсивности тени:
ближе к обьекту мнее прозрачные дальше более и так до полной прозрачки
мб чтото не так сделал с раскройкой или сохранением...:
выделил с помощью инстр. "раскройка" все необходимые куски
через меню "сохранить для web и устройст" там выбрал стандартный набор сохранения "PNG-8 128 с дизерингом"...
#
Алексей
Саша Кириллов
Алексей, есть подозрение, что в меню Save for web (а через нее и нужно сохранять) вы не ставите галочку Transparency. Если она снята, то прозрачного фона действительно не будет.
Алексей
собственно так и приходится делать, мб версия фш битая или хз что но при сохранении с оптимизацией (ака для web) на галочку прозрачность этот зверь не реагирует, приходится кадрировать и сохранять просто в пнг=( вот так...
#
Алексей
Алексей
Лучше сохранять уже в PNG32 с полупрозрачностью в Fireworks, для веба очень даже подходит.

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler