По просьбе Dimitr, сделала Урок простой рамочки для текста, сделанная в Фотошоп.
Конечно, некоторые скажут, есть сайты- генераторы, на которых такие рамочки просто и без проблем делать, но видно не все могут ими пользоваться))) Но это дело каждого...
Я постаралась сделать этот пост более понятным....
Мы будет в этом уроке делать вот такую рамочку....
Все картинки кликабельны.
Материал использованный в уроке:
Вы же можете взять свой, это не принципиально, желательно чтоб они были бесшовные, чтоб при растягивании не искажался рисунок, и смотрелся более красиво...
И так начнём:
1) Для начала Открываем наши фоны в программе и сохраняем их как узор...см.рис:
2) Создаём новый слой (например 750х750, цвет белый)
И делаем его две копии (Сочетание клавиш Ctrl+J, нажимаем два раза)
Можете слои переименовать см.рис:
3) На первый и третий слой мы накладываем одинаковый узор (без рисунка) см.рис:
4) На слой 2 накладываем узор с рисунком:
5) Берём инструмент масштабирование (Ctrl+T) и зажав клавишу Shift и потянув за уголок уменьшаем второй и третий слой по очереди как на рисунке..
6) Теперь сделаем обводку всех трёх слоёв по очереди...
То что отмечено галочкой, вы можете менять, в зависимости от фона, рисунка и вообщем по желанию, как вам нравится)))
7) Копируем Слой 3 (Ctrl+J) (не забываем, когда работаем со слоем, он должен быть вкл., глазик виден и д.быть выделен)
И инструментом трансформирования Ctrl+T, уменьшаем сверху вниз см.рис:
8) Рамочка почти готова. Теперь открываем открытку, изображение, клипарт....то что вы хотите, при необходимости уменьшаем изображение, и перемещаем его под последний слой, см.рис:
9) Я ещё добавила на рамочку вот такой разделитель, в самом низу (для красоты)
вы же можете добавить свой, или не чего не добавлять...
10) Объединяем все наши слои, Shift+Ctrl+E.
И разделим нашу рамочку на три части.
И перемещаем черту 2 и 3, как показано на рисунке. (просто берём и перемещаем)
Теперь сохраняем нашу рамочку - Меню - Файл - Сохранить для веб устройств.
Теперь сохраняем наши части на каком нибудь хостинге, но можно и здесь на Ли.ру, только пока сохраняйте в черновик.
Когда вы редактируете, в коде отображена ссылка на изображение и размеры.
Далее копируем формулу рамочки вот с этого окошка
Открываем простой редактор, вставляем нашу формулу, и вместо слов Адрес картинки 1 или 2 или 3, всталяем код наших частей рамочек (Адрес картинки начинается с http://), а вместо слов Ширина и высота, соответственно цифры, наших частей.
Ну вот собственно и всё.
Спасибо за внимание)))