Мутное стекло

Тема в разделе "Веб-дизайн", создана пользователем vanderv, 14 июн 2012.

Статус темы:
Закрыта.
Модераторы: zek24
  1. vanderv

    vanderv

    Регистр.:
    30 май 2009
    Сообщения:
    267
    Симпатии:
    12
    Хочу сделать эффект мутного стекла в фотошопе.
    Вот есть пример как это сделать с картинкой http://www.photoshop-master.ru/lessons.php?rub=1&id=836
    А мне надо сделать этот эффект на полупрозрачной рамке. Что бы в итоге куда бы я её не поставил, везде создавался такой эффект. Такое реально?
     
  2. burevestnik

    burevestnik Создатель

    Регистр.:
    3 май 2012
    Сообщения:
    18
    Симпатии:
    4
    посмотри еще здесь видеоурок
     
  3. yhnyhn

    yhnyhn Постоялец

    Регистр.:
    8 июл 2009
    Сообщения:
    61
    Симпатии:
    7
    Смотрите, что нашел, может пригодится http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/
     
    gimmo нравится это.
  4. zoom404

    zoom404 Создатель

    Регистр.:
    1 окт 2012
    Сообщения:
    12
    Симпатии:
    4
    тут вся фишка в размытости главной картинки.... так что, то что вы хотите вряд-ли получится
     
  5. gimmo

    gimmo

    Регистр.:
    4 апр 2007
    Сообщения:
    228
    Симпатии:
    41
    Сделать в фотожопе - это как два пальца об асфальт. Я так понял, что надо это сделать где-то вне фотошопа? В смысле при посредстве фотошопа.
    Или Вы решили сделать плагин для него? Или макрос?
     
  6. BaNru

    BaNru Постоялец

    Регистр.:
    20 ноя 2008
    Сообщения:
    126
    Симпатии:
    52
    Если немного подождать, то можно будет такое делать на CSS3


    На данный момент работает только в Вебкитах (хром, сафари)

    yhnyhn, предложила хорошую альтернативу на данный момент. Наверняка есть и еще либы для этого как на чистом JS, так и на jQ
    В гугле вбей "jquery (javascript) blur effect" или воспользуйся ответами тут

    Так же можно для современных браузеров воспользоваться матрицами для фильтров или svg фильтров
    Искать по запросам
    css filter matrix blur
    или
    svg (filter) matrix blur
    Находил полно инфы по этим темам

    Вот несколько svg матриц (просто собрал в одном месте, испытывать самому)

     
  7. sl14

    sl14 Создатель

    Регистр.:
    31 авг 2012
    Сообщения:
    23
    Симпатии:
    0
  8. GhostPrototype

    GhostPrototype Создатель

    Регистр.:
    12 ноя 2009
    Сообщения:
    12
    Симпатии:
    0
    здравствуйте, подскажите как реализовать полупрозрачную полосу серого цвета на изображении в ps?
    пример во вложении. как это правильно называется? тоже мутное стекло?
    [​IMG]
     
  9. Gvaxvoir

    Gvaxvoir Писатель

    Регистр.:
    2 ноя 2012
    Сообщения:
    5
    Симпатии:
    2
    я бы сказал сказал что это просто слой с простой цветной заливкой и прозрачностью (60-70%).
    Как сделать? просто создайте новый слой, выделите необходимую область на нем и залейте темно-серым цветом (чисто черный советую вообще никогда не использовать), и уменьшайте непрозрачность слоя до нужного вам уровня.

    http://www.web-article.com.ua/2009/prozrachnost-i-poluprozrachnost-fotoshop/
    вот в картинках все показано
     
    GhostPrototype нравится это.
  10. merzkiy

    merzkiy Постоялец

    Регистр.:
    21 май 2007
    Сообщения:
    70
    Симпатии:
    34
    Я так реализовал данную тему.... Подсмотрел у маил_ру.
    Код:
    <img alt="картинка" src="kovka6.jpg" height="260" width="725" />
    <div>
    <span style="padding: 1px 40px 0.7em 10px;
    display: block;
    background: black;
    background: url(/foto_gradient.png) repeat-x 0 0px;
    -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.35);
    -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.35);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
    position: relative;"><h2>картинка</h2>
    <p>описание картинки</p></span>
    </div>
    Вот картинка которая понадобиться
    [​IMG]

     
    GhostPrototype нравится это.
Статус темы:
Закрыта.