-Всегда под рукой

 -Метки

adobe flash cs6 portable. artstudio blufftitler dp animation maker free online-image-editor gimp html mozilla firefox paint viber windows movie maker youtube Маски ТВ анимация антивирус блокировка рекламы браузер бродилка видео вирус вопрос все под рукой генератор генератор анимации генератор кнопок генератор рамочек генератор слайд-шоу генератор текста генераторы цвета движение делаем кнопки делаем плеер делаем рамочки делаем схемы делаем фон закладки запись действия на компьютере иконки интернет кат клавиши кнопки компьютер конвектор лиру мозилла музыка новости обои обрезать музыку окошко для кода оформление ссылок палитра цвета папки плагины плеер подложка поздравления программы промотка текста простой редактор работа с видео работа с картинкой работа с текстом работа с флеш рабочий стол радио рамочка с разрывом рамочки рамочки фш расположение картинок расположение текста расширение реклама сайты сертификат скайп скорость интернета слайд-шоу справочник лиру стили фотошоп таблицы текст телефон уроки от veta уроки фотошоп установка фильтров фильтры флеш фоторедактор фотохостинг фотошоп хостинг часики часы чистильщик шаблоны рамочек шрифт эдитор яндекс яндекс-диск

 -Поиск по дневнику

Поиск сообщений в соо-шпаргалка

 -Подписка по e-mail

 

 -Сообщества

Участник сообществ (Всего в списке: 1) Best_of_Callery

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.12.2014
Записей: 756
Комментариев: 3860
Написано: 5167


Объёмные рамки

Вторник, 14 Апреля 2015 г. 20:59 + в цитатник
Veta-z все записи автора
Цитата сообщения Егорова_Таня Объемные рамки разной конфигурации. Без фотошопа!

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А Sergg62, подсказал как сделать рамки с разными углами и тенью. За это ему огромное спасибо!
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю.

Даю коды готовых рамок и коды "скелетиков". Как ими пользоваться можете посмотреть в предыдущем уроке.
Расскажу теперь про эти рамки. Они с тенью и есть возможность делать углы разной закругленности, а значит и рамки разной конфигурации.
В принципе код для этих рамок-заготовок один. Можете взять его в окошке ниже.


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

Р± (700x209, 134Kb)
Вместо моих слов ставите свои значения и URL картинок-фонов.

Р° (700x431, 314Kb)

Radius: задает кривизну угла. В коде написано, например ВЕРХ ЛЕВЫЙ УГОЛ, значит подставляя цифру от 0 до 180, вы измените "округлость" верхнего левого угла. Значение 0 сделает угол прямым.
Можно изменить цвет тени-shadow: в коде стоит черный цвет-000000, вы можете заменить эти цифры на другие. Дальше идут цифры 6. Изменяя их в большую или меньшую стороны можно менять размер тени и ее отображение с одного или 3-х сторон.

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

Рамка 1

Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 2

Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 3


Здесь будет Ваш текст

Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 4

Здесь будет Ваш текст

Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 5

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона.
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 6

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона.

Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 7

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона.
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 8

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона.
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки

Серия сообщений "ДЕЛАЕМ РАМОЧКИ":
Часть 1 - Простые рамки-обводки для оформления дневника
Часть 2 - Рамки с объемным фоном без фотошопа!
...
Часть 4 - Как сделать тени в рамочке и на картинках
Часть 5 - Учимся делать рамочки
Часть 6 - Объёмные рамки
Часть 7 - Простые рамки-обводки с заголовком
Часть 8 - Простые рамочки с фоном
...
Часть 47 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 48 - Урок рамка фотошоп с картинкой. в Photoshop
Часть 49 - Рамочка украшенная клипартом в Эдиторе

Рубрики:  ДЕЛАЕМ РАМОЧКИ/-без ФШ
HTML
Метки:  
Понравилось: 2 пользователям

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку