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