верстка текста CSS

(Ответов: 3, Просмотров: 1466)
  1. Студент Аватар для Dikucher
    • Регистрация: 08.02.2013
    • Сообщений: 66
    • Репутация: 0
    Есть макет PSD, в нем текст. Слой текста налаживается перекрытием, заливкаой 50%, прозрачностью 94%.
    На текст наложены следующие эффекты :
    -тень ( перекрытие, прозрачность 63%, #fff)
    -внутренняя тень ( перекрытие, проз 80%, #000)
    -наложение градиента (линейный свет, проз 15%, инверсия, стиль = зеркальный,выровнять по слою)

    вот как это выглядит.

    Нажмите на изображение для увеличения.  Название:	exmp.png  Просмотров:	15  Размер:	10.7 Кб  ID:	9534

    Как лучше это исполнить на CSS ?
    • 0
  2. Студент Аватар для Красавчег
    • Регистрация: 02.07.2010
    • Сообщений: 97
    • Репутация: 196
    Подложку (деревянную) делаете бэкграундом к меню, а пункт меню (текст с тенями) делаем прозрачной картинкой в .png
    • 0
  3. Студент Аватар для Dikucher
    • Регистрация: 08.02.2013
    • Сообщений: 66
    • Репутация: 0
    Ну и макетик мне попался. Сплошные эффекты наложения слоев + прозрачности + заливки.
    Я только не давно верстаю, но вот ну ни как не могу понять как выкрутить ! До этого все было стандартно, нужен какой то слой -> перевел его в смарт объект -> выделил, скопировал в новый док -> подгружаешь в CSS.
    Но как быть, если при переводе в смарт отъект я получаю совершенно другую картинку, так как она естественно без всех этих эффектов наложения ?

    Понятно, что отчасти дело тут в моих кривых не опытных руках, но по какому принципу верстать эти наложенные слои ?

    ---------- Сообщение добавлено 20:08 ---------- Предыдущее 19:09 ----------

    Красавчег, Как вариант, но текст картинкой - не есть хорошо.
    • 0
  4. Опытный
    • Регистрация: 13.01.2011
    • Сообщений: 250
    • Репутация: 42
    • Webmoney BL: ?
    Dikucher, думаю для Вас будет полезна ссылочка _http://www.artlebedev.ru/tools/technogrette/js/gradient-text/

    а также используйте такие параметры как text-shadow и для цветов rgba(255, 255, 255, 0.57) 0.57 - это процент прозрачности, по возиться предеться, но сделать можно, раньше делал просто щас писать весь код, немного лень если, что киньте в псд кнопочку попробую помочь, как буду свободен. Но думаю если поняли к чему намекнул у Вас дело пойдет:)
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Оформление текста
Оффтоп и свободные темы 16 15.07.2012 19:18
Фишки для текста
Вопросы от новичков 5 10.07.2012 23:51
Верстка сайтов любой сложности HTML5+CSS3. Mobile/iPad верстка
Создание сайтов 3 20.01.2012 12:37
HTML верстка сайтов. HTML/CSS верстка.
Реклама партнерских программ 2 26.07.2010 13:12
Парсер текста
Дорвеи и black SEO 30 27.02.2010 00:18

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры