КАК СОБРАТЬ РАМОЧКУ В РАМОЧНИКЕ.. |
|
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:
"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)
могут встречаться атрибуты:
"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.
|
Бродилочка в Онлайн фоторедактор - Free Online-Image-Editor без знаний ФШ |
Серия сообщений "-уроки от VETA":
|
Видеоуроки по созданию рамок от Гузель Ситниковой |
Дневник |
|
Видео уроки по созданию рамок и открыток в фотошопе |
|
Делаем различные рамочки в ФШ |
Серия сообщений "•ТЕОРИЯ PS CS5/6•":
Часть 1 - Анимация в фотошопе CS5. Урок 3 "Лиса Алиса".Видеоурок.
Часть 2 - Новое в Photoshop CS5 - 6.Быстрое выделение волос.Видеоурок.
...
Часть 21 - Овальная рамочка в ФШ.
Часть 22 - ☞Горячие клавиши Фотошоп.
Часть 23 - Делаем различные рамочки в фотошоп.
Часть 24 - Как написать в фотошопе Текст по кругу.
Часть 25 - Инструмент Перо (Pen Tool).
...
Часть 42 - Инструмент Pen tool.Видео урок.
Часть 43 - Смарт-объекты в Adobe Photoshop.
Часть 44 - Корректирующие слои в Adobe Photoshop.Урок 2.
Серия сообщений "••МОИ УРОКИ••":Благодарю за Внимание к моим работам!
С Уважением, Алёна-48
Часть 1 - Переносим анимацию на другое изображение.
Часть 2 - Овальная рамочка в ФШ.
Часть 3 - Делаем различные рамочки в фотошоп.
Часть 4 - Простой приём создания Абстрактного фона.
Часть 5 - Создание интересного абстрактного эффекта в photoshop.
...
Часть 26 - Нежно розовые оттенки на изображении в Adobe Photoshop.
Часть 27 - Смарт-объекты в Adobe Photoshop.
Часть 28 - Корректирующие слои в Adobe Photoshop.Урок 2.
|
Простые ОБЪЕМНЫЕ рамочки разной формы |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 6 - Красивые слайд-шоу в ваш дневник
Часть 7 - Простые ОБЪЕМНЫЕ рамочки разной формы
Часть 8 - Бродилка по сайтам для обработки фото
Часть 9 - Простые, оригинальные рамочки разного цвета
Часть 10 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 11 - Все о бегущем тексте. Примеры и коды.
Часть 12 - Все о ссылках, оформление и коды.
|
Урок - Стеклянная рамочка |
Урок подготовила для вас Марина Колесова на сайте - http://photoshop-help.ru В сегодняшнем уроке мы с вами будем за три шага учиться как сделать простую стеклянную рамочку в фотошопе. Урок очень легкий, понятный и прекрасно подойдет новичкам в качестве самого первого урока по созданию рамочек для фото в фотошопе. Приступаем к изучению урока. Шаг 1. Открываем в фотошопе нашу исходную фотографию и берем инструмент Прямоугольная область. Делаем границы будущей рамочки. От краев отступайте побольше, чтобы рамочку было хорошо видно. Обозначив границы рамочки, идем на вкладку Выделение - Инверсия После того как инвертировали изображение (появилась линия выделения по краям фотки) копируем выделенное на новый слой. Применяем для этого сочетание клавиш Ctrl+J. Видим, что выше фотки появился слой с новой рамочкой. Шаг 2. Будем теперь собственно делать стеклянную рамочку. Для этого придадим стиль слою с рамочкой. Два раза левой кнопкой мышки щелкнем по слою и последовательно выбираем вкладки. Сначала выбираем Тень. Параметры тени пока поставьте такие как на скриншоте. В будущем уже можно будет экспериментировать. Затем выбираем Внутреннюю тень. И снова параметры выставляйте по скриншоту. Затем выбираем Внешнее свечение. И в последнюю очередь выбираем Внутреннее свечение. Здесь обратите внимание на Режим наложения – должно быть Осветление основы. Шаг 3. Стекло у рамочки будет матовое. Для этого идем на вкладку Фильтр – Размытие – Размытие по Гауссу. Радиус размытия выбираем глядя на экран. Кому какое матовое стекло понравится. В заключение объединяем слои в один. Правой кнопкой мышки щелкаем по слою и выбираем – Объединить видимые. Вот и получили симпатичную стеклянную рамочку для фото. А еще можно посмотреть урок Как изменить задний план с помощью фильтра искажение До новых встреч на сайте http://photoshop-help.ru |
|
Делаем рамочку |
Рамка для оформления постов в дневнике
|
Вот ее код:
|
Рамочка с разрывом. |
Простая рамочка Выпуклая рамочка |
урок провела Егорова Таня |
|
УРОКИ по созданию рамочек |
|
Урок 2(3 часть)продолжение. Рамка "Шаблон" |
|
Простые рамочки для текста (альбомные и обводка, тетрадный лист) |
|
Закругление углов изображения без ФШ |
|
Простые рамочки-обводки для текста |
|
Набор рамочек с разрывом (можно вставлять фон) |
|
Как сделать тени в рамочке и на картинках |
|
Уроки от guzel sitnikova |
|
КАК СДЕЛАТЬ "ЗАСНЕЖЕННУЮ" РАМОЧКУ В ФШ |
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 13 - Делаем простую Рамку с двигающимся текстом
Часть 14 - Шаблоны рамок
Часть 15 - КАК СДЕЛАТЬ "ЗАСНЕЖЕННУЮ" РАМОЧКУ В ФШ
Часть 16 - Делаем ФШ разрезную рамку с обрамлением
Часть 17 - ЗАГИБАЕМ УГОЛОК
...
Часть 44 - Как сделать разрезную рамку в ФШ
Часть 45 - Коды для Мейла и ЛиРу
Часть 46 - Делаем разрезную рамку в ФШ
Серия сообщений "* Делаем разные рамки":
Часть 1 - Как делать рамочки с тоненькими полосками.
Часть 2 - Делаем оригинальную рамку для фото
Часть 3 - Делаем разрезную рамку в ФШ
Часть 4 - КАК СДЕЛАТЬ "ЗАСНЕЖЕННУЮ" РАМОЧКУ В ФШ
Часть 5 - Как сделать рамку в ФШ
Часть 6 - Делаем ФШ рамку с помощью бордюрных масок
Часть 7 - Делаем в ФШ рамку для видео
Часть 8 - Делаем акцент на картинке
Часть 9 - Делаем разрезную рамку в ФШ
|
Узорная рамочка (урок для фотошопа) |
|
ПРОСТАЯ ЦВЕТНАЯ РАМКА С ЗАКРУГЛЁННЫМИ КРАЯМИ ЗА 5 МИНУТ |
<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>
|
Урок как сделать закругления по краям и "кармашки" |
|
|
Код рамочки:
|
УРОК ОТ Бабули--рамочка |
Когда-то на просторах инета я нашла урок по оформлению картинок. Мне понравилось, выглядело очень миленько.
Несколько раз я оформляла картинки именно так, а потом решила поэкспериментировать. И в результате экспериментов появилась моя эксклюзивная рамочка, такую я ни у кого не видела и хочу научить вас ее делать. Делается рамочка очень легко, выглядит симпатично.
Читать далее
Серия сообщений "РАМОЧКИ-УРОК":
Часть 1 - Рамочка многослойная
Часть 2 - Рамка с картинкой. в Photoshop CS5 .
Часть 3 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 4 - Урок по созданию разрезных фотошопных рамочек и код к ним.
Часть 5 - УРОК ОТ Бабули--рамочка
Серия сообщений "УРОКИ ОТ Бабули":
Часть 1 - УРОК ОТ Бабули--рамочка
Часть 2 - УРОК ОТ Бабули-ленточки
|
Золотая рамочка с фильтром Factory C в ФОТОШОПЕ |
|
Урок. Рамка для видео |
Дневник |
|
|
Урок"Как избежать деления рамочки ФШ при написании в ней текста" |
КАК ИЗБЕЖАТЬ ДЕЛЕНИЯ РАМОЧКИ ФШ ПРИ НАПИСАНИИ В НЕЙ ТЕКСТА Этот урок я сделала по просьбе. Извиняюсь заранее,что я далеко не мастер писать уроки,но что получилось,то получилось. Задавайте вопросы ,если непонятно. Оговорюсь,что во все тонкости изготовления рамки вдаваться не буду,потому как урок рассчитан на тех,кто уже делает рамочки и столкнулся с проблемой,когда рамочка делится на части ("идет полосками"),когда в ней пишут текст. Особенно часто это бывает при использовании градиентной заливки. Как я стараюсь избегать этого,рассказываю. А это просто лирическое отступление)) |
|
Объемные рамки разной конфигурации. Без фотошопа! |
|
|
РАМОЧКИ для стихов, постов и поздравлений |
|
РАМОЧКА =РАДОСТНЫЙ ПРАЗДНИК= |
|
Урок. Как сделать простую рамочку для текста |
|
|