Новое Оформление дневника для Лирушников. ...
Популярные журналы по вязанию - (0)Популярный журнал по вязанию Журналы по вязанию Приятных творче...
Искусство круглой кокетки - (0)Искусство круглой кокетки Универсальная техника вязания Автор: Б. Керри ...
Библия аранских узоров - (0)Библия аранских узоров 120 рельефных мотивов с косами, жгутами и шишечками Автор: С. Лосева ...
Вяжи как дизайнер! - (0)Вяжи как дизайнер! Универсальный курс по вязанию современной авторской одежды: конструкции, т...
Рамки с объемным фоном без фотошопа |
Рамки с объемным фоном без фотошопа!
Не так давно здесь и здесь я давала уроки как делать без фотошопа рамки с круглыми углами и тенью. Сегодня даю небольшое дополнение к предыдущим урокам. Расскажу как сделать объемно-выпуклым центральный фон и вообще любой фон в рамке. Сравните. Рамка А без эффекта объема, рамка Б с таким эффектом и рамка В с усиленным эффектом.
РАМКА А
|
РАМКА Б
|
РАМКА В
|
Можно сделать рамку и с прямыми углами
|
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.
ИТАК.
Ниже в окошках даю коды готовых рамочек и "скелетики" , которые можно использовать в любых вариантах. Их можно использовать как самостоятельную рамку, а можно вставлять в прямоугольные рамки или в такие же рамки с закругленными углами, или в такие круглые рамки вставлять прямоугольные. Можно брать заготовки и из этого урока и из предыдущих. Все зависит от вашей фантазии.
РАМКА с круглыми углами
Код готовой рамки
Код "скелетика" рамки
РАМКА с прямыми углами
Код готовой рамки
Код "скелетика" рамки
Пользоваться "скелетиками" очень просто. Берете из окошка код и вместо моих слов ОБВОДКА, ФОН 1, ЦВЕТ ШРИФТА, РАЗМЕР ШРИФТА ставите свои фоны и значения. Так же вставляете ССЫЛКУ НА ВАШ БЛОГ и ВАШУ ПОДПИСЬ. Как изменить кривизну углов вы можете посмотреть в предыдущих уроках по ссылке в начале поста.
За объем отвечают вот такие параметры в коде рамки- box-shadow: 5px 5px 40px #000000 inset;. Цифры можно менять в большие и меньшие стороны. Цифра 5 отвечает за глубину объема(см. фото А-1), а цифра 40 за плавность перехода объема(см. фото А-2). Тень в "скелетиках" установлена черного цвета, но его можно поменять на любой другой. Для этого надо изменить 6 цифр 000000(см. фото А-3) на нужный код цвета.
|
Код готовой рамки
Код "скелетика" рамки
|
Код готовой рамки
Код "скелетика" рамки
Рубрики: | Уроки на Лиру/Простые рамочки |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |