Разрезная рамочка. Урок простой рамочки для текста.
21-02-2016 04:03
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Semenova_Irina Оригинальное сообщение
По просьбе Dimitr, сделала Урок простой рамочки для текста, сделанная в Фотошоп.
Конечно, некоторые скажут, есть сайты- генераторы, на которых такие рамочки просто и без проблем делать, но видно не все могут ими пользоваться))) Но это дело каждого...
Я постаралась сделать этот пост более понятным....
Мы будет в этом уроке делать вот такую рамочку....
Код этой рамочки
Урок смотрим
Все картинки кликабельны.
Материал использованный в уроке:
[x172]
Вы же можете взять свой, это не принципиально, желательно чтоб они были бесшовные, чтоб при растягивании не искажался рисунок, и смотрелся более красиво...
И так начнём:
1) Для начала Открываем наши фоны в программе и сохраняем их как узор...см.рис:
[717x459]
2) Создаём новый слой (например 750х750, цвет белый)
И делаем его две копии (Сочетание клавиш Ctrl+J, нажимаем два раза)
Можете слои переименовать см.рис:
[503x505]
3) На первый и третий слой мы накладываем одинаковый узор (без рисунка) см.рис:
[800x375]
4) На слой 2 накладываем узор с рисунком:
[800x375]
5) Берём инструмент масштабирование (Ctrl+T) и зажав клавишу Shift и потянув за уголок уменьшаем второй и третий слой по очереди как на рисунке..
[522x520]
6) Теперь сделаем обводку всех трёх слоёв по очереди...
[756x506]
То что отмечено галочкой, вы можете менять, в зависимости от фона, рисунка и вообщем по желанию, как вам нравится)))
7) Копируем Слой 3 (Ctrl+J) (не забываем, когда работаем со слоем, он должен быть вкл., глазик виден и д.быть выделен)
И инструментом трансформирования Ctrl+T, уменьшаем сверху вниз см.рис:
[527x527]
8) Рамочка почти готова. Теперь открываем открытку, изображение, клипарт....то что вы хотите, при необходимости уменьшаем изображение, и перемещаем его под последний слой, см.рис:
[528x535]
9) Я ещё добавила на рамочку вот такой разделитель, в самом низу (для красоты)
вы же можете добавить свой, или не чего не добавлять...
[686x180]
10) Объединяем все наши слои, Shift+Ctrl+E.
И разделим нашу рамочку на три части.
И перемещаем черту 2 и 3, как показано на рисунке. (просто берём и перемещаем)
[800x381]
Теперь сохраняем нашу рамочку - Меню - Файл - Сохранить для веб устройств.
Теперь сохраняем наши части на каком нибудь хостинге, но можно и здесь на Ли.ру, только пока сохраняйте в черновик.
Когда вы редактируете, в коде отображена ссылка на изображение и размеры.
Далее копируем формулу рамочки вот с этого окошка
Открываем простой редактор, вставляем нашу формулу, и вместо слов Адрес картинки 1 или 2 или 3, всталяем код наших частей рамочек (Адрес картинки начинается с http://), а вместо слов Ширина и высота, соответственно цифры, наших частей.
Ну вот собственно и всё.
Спасибо за внимание)))
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Semenova_Irina Оригинальное сообщение
Конечно, некоторые скажут, есть сайты- генераторы, на которых такие рамочки просто и без проблем делать, но видно не все могут ими пользоваться))) Но это дело каждого...
Я постаралась сделать этот пост более понятным....
Мы будет в этом уроке делать вот такую рамочку....
 |
Урок смотрим
Все картинки кликабельны.
Материал использованный в уроке:
[x172]Вы же можете взять свой, это не принципиально, желательно чтоб они были бесшовные, чтоб при растягивании не искажался рисунок, и смотрелся более красиво...
И так начнём:
1) Для начала Открываем наши фоны в программе и сохраняем их как узор...см.рис:
[717x459]2) Создаём новый слой (например 750х750, цвет белый)
И делаем его две копии (Сочетание клавиш Ctrl+J, нажимаем два раза)
Можете слои переименовать см.рис:
[503x505]3) На первый и третий слой мы накладываем одинаковый узор (без рисунка) см.рис:
[800x375]4) На слой 2 накладываем узор с рисунком:
[800x375]5) Берём инструмент масштабирование (Ctrl+T) и зажав клавишу Shift и потянув за уголок уменьшаем второй и третий слой по очереди как на рисунке..
[522x520]6) Теперь сделаем обводку всех трёх слоёв по очереди...
[756x506]То что отмечено галочкой, вы можете менять, в зависимости от фона, рисунка и вообщем по желанию, как вам нравится)))
7) Копируем Слой 3 (Ctrl+J) (не забываем, когда работаем со слоем, он должен быть вкл., глазик виден и д.быть выделен)
И инструментом трансформирования Ctrl+T, уменьшаем сверху вниз см.рис:
[527x527]8) Рамочка почти готова. Теперь открываем открытку, изображение, клипарт....то что вы хотите, при необходимости уменьшаем изображение, и перемещаем его под последний слой, см.рис:
[528x535]9) Я ещё добавила на рамочку вот такой разделитель, в самом низу (для красоты)
вы же можете добавить свой, или не чего не добавлять...
[686x180]10) Объединяем все наши слои, Shift+Ctrl+E.
И разделим нашу рамочку на три части.
И перемещаем черту 2 и 3, как показано на рисунке. (просто берём и перемещаем)
[800x381]Теперь сохраняем нашу рамочку - Меню - Файл - Сохранить для веб устройств.
Теперь сохраняем наши части на каком нибудь хостинге, но можно и здесь на Ли.ру, только пока сохраняйте в черновик.
Когда вы редактируете, в коде отображена ссылка на изображение и размеры.
Далее копируем формулу рамочки вот с этого окошка
Открываем простой редактор, вставляем нашу формулу, и вместо слов Адрес картинки 1 или 2 или 3, всталяем код наших частей рамочек (Адрес картинки начинается с http://), а вместо слов Ширина и высота, соответственно цифры, наших частей.
Ну вот собственно и всё.
Спасибо за внимание)))
Вы сейчас не можете прокомментировать это сообщение.
Дневник Разрезная рамочка. Урок простой рамочки для текста. | nataliya_bezushko - Кладовая полезностей от Nataliya_Bezushko |
Лента друзей nataliya_bezushko
/ Полная версия
Добавить в друзья
Страницы:
раньше»