-Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц

 -Рубрики

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

Поиск сообщений в Л_Ирина

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

 

 -Интересы

фотошоп.корел.флеш

 -Сообщества

Читатель сообществ (Всего в списке: 5) Куклы_и_Модели All-for-photoshop New_Photoshopinka Madame_Frames Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 06.09.2013
Записей: 2585
Комментариев: 450
Написано: 3850


Объемные рамки разной конфигурации. Без фотошопа!

Суббота, 28 Февраля 2015 г. 22:41 + в цитатник
Цитата сообщения Егорова_Таня Объемные рамки разной конфигурации. Без фотошопа!

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А 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 - Делаем рамки без кода
...
Часть 20 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 21 - Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны
Часть 22 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 23 - Ну очень простые рамки
Часть 24 - Рамочки простые для текста с прокруткой и без - по просьбе
...
Часть 32 - Урок рамка фотошоп с картинкой.
Часть 33 - УРОКИ по созданию рамочек
Часть 34 - Делаем разрезную рамку в ФШ

Рубрики:  Оформление
Метки:  
Понравилось: 1 пользователю

 

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

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

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

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