гирлянда

снежинки

********************************************************

четверг, 29 сентября 2016 г.

Урок простой рамочки для текста.от Ирины


По просьбе Dimitr, сделала Урок простой рамочки для текста,сделанная в Фотошоп. Конечно,некоторые скажут,есть сайты- генераторы,на которых такие рамочки просто и без проблем делать,но видно не все могут ими пользоваться)))Но это дело каждого... Я постаралась сделать этот пост более понятным.... Мы будет в этом уроке делать вот такую рамочку....
~~Здесь будет ваш текст~~
SemIra
Код этой рамочки  



Все картинки кликабельны. Материал использованный в уроке: Вы же можете взять свой,это не принципиально,желательно чтоб они были бесшовные,чтоб при растягивании не искажался рисунок,и смотрелся более красиво... И так начнём: 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://) ,а вместо слов Ширина и высота,соответственно цифры,наших частей. Ну вот собственно и всё. Спасибо за внимание)))

Комментариев нет:

Отправить комментарий