Урок простой рамочки для текста.
16-03-2013 05:52
к комментариям - к полной версии
- понравилось!
Это цитата сообщения 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://) ,а вместо слов Ширина и высота,соответственно цифры,наших частей.
Ну вот собственно и всё.
Спасибо за внимание)))
Серия сообщений "Мои уроки":
Часть 1 - Урок фотошопа"Фоновый рисунок"фильтр-Волна
Часть 2 - Урок фотошопа"Эффект-тонкого весеннего льда"
...
Часть 21 - Урок фотошопа-Анимация"Перелистывание листов"
Часть 22 - Продолжение урока анимации"Перелистывание листов"
Часть 23 - Урок простой рамочки для текста.
Часть 24 - Продолжение:Перелистывание 6 фонов.
Часть 25 - Урок фотошопа"Анимационная открытка"
Вы сейчас не можете прокомментировать это сообщение.
Дневник Урок простой рамочки для текста. | Svetlanka56 - Дневник Svetlanka56 |
Лента друзей Svetlanka56
/ Полная версия
Добавить в друзья
Страницы:
раньше»