Записи Друзья Комментарии
len4ik0206
Аватар len4ik0206

 -Рубрики

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов

 -Всегда под рукой

        

мой-банер (300x180, 60Kb)  баннер Mademoiselle Viv1 (193x145, 34Kb)

 -Поиск по дневнику

Поиск сообщений в len4ik0206

 -Подписка по e-mail

 

 -Сообщества

Читатель сообществ (Всего в списке: 1) Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 23.12.2013
Записей: 1533
Комментариев: 530
Написано: 2940


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

Суббота, 26 Апреля 2014 г. 06:51 + в цитатник
Цитата сообщения Semenova_Irina
Прочитать целикомВ свой цитатник или сообщество!
По просьбе 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://) ,а вместо слов Ширина и высота,соответственно цифры,наших частей.
Ну вот собственно и всё.
Спасибо за внимание)))

Серия сообщений "***рамочки для текста":
Часть 1 - РАМОЧКИ ДЛЯ ТЕКСТОВ (МАСКА)
Часть 2 - РАМОЧКИ ДЛЯ ТЕКСТОВ (НЕЖНОСТЬ)
Часть 3 - Рамочки "КОРИЧНЕВЫЕ С ЗОЛОТЫМ ДЕКОРОМ"
Часть 4 - Делаем рамки - окантовки!
Часть 5 - Урок простой рамочки для текста.
Часть 6 - Рамочка для текста

Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте