Делаем рамку Урок по ФШ CS5

Понедельник, 29 Апреля 2013 г. 19:35 + в цитатник

Цитата сообщения yaqut

Прочитать целиком В свой цитатник или сообщество!

Урок по ФШ CS5 - Делаем рамку.

Учимся делать рамку в Фотошопе CS5 !

Если внимательно изучить урок, который я вам сейчас покажу,
то Вы поймете, что ничего сложно нет!!! Вы уже могли видеть
подобные уроки, но я решила написать свой, так как многие
из вас просили именно моего урока!!!

Отступление: Друзья заранее прошу меня извинить если
встретите ошибки или опечатки! Как в скринах так и в тексте.
Урок писала поздней ночью при свете только от своего монитора!!!
Надеюсь на Ваше понимание и снисходительность.

И так начнем урок! Открываем Фотошоп!

Создаем документ!

Размер нашей рамки будет 700 на 600
но вы можете выбрать свой! Не советую делать больше 900
она просто не очень красиво будет смотреться в блоге.

Далее берем инструмент Заливка, и выбираем цвет рамки.

Теперь берем инструмент Прямоугольное выделение,
И рисуем прямоугольник, отступив от кроев. Следите
затем чтобы ваши кроя были ровные со всех сторон.
Затем в верхней панели находим Выделение и
выбираем Инверсия, это мы делаем для того,
чтобы вокруг нашей рамочки получилась в дальнейшем окантовка.

После это вы увидите как по-нашему прямоугольнику
двигаются черно-белые черточки в виде двух линий,
кликаем в середине рамки правой кнопкой мыши,
и в появившейся табличке выбираем Скопировать на новый слой

Далее у нас появляется второй слой, который и будет окантовкой нашей рамки.
Теперь нам нужно сделать окантовку видимой.
Для этого мы применяем стили. От стиля зависти наша окантовка.
Со стилями можно поиграть и вы будете видеть, как меняется
цвет и фактура вашей окантовки.

После того как мы сделали окантовку у нас в принципе готова простая рамка.
Теперь мы будем ее украшать. Будем загружать картинку.

Выбрав и загрузив картинку нам ее нужно перетащить в нашу рамку.
Для этого в таблице инструменты выбираем значок Перемещение
и перетаскиваем картинку в рамку.

Ставим картинку в том месте, в котором вам нравится
в нашем случаи я размещу по середине. Если картинка слишком
большая, то ее надо уменьшить. Для этого нажимаем CTRL + T
на картинке образуется сетка с квадратиками. Зажимаем клавишу
SHIFT курсор наводим на синий квадратик, и зажимает левую клавишу
мыши и двигая мышкой, уменьшаем картинку до нужного вам размера.
После того как вы довольны размером своей картинки вам нужно снять
выделение. Для этого просто нажмите клавишу ENTER.

После того как вы довольны картинкой нам нужно подписать
рамку своим авторством. Для этого жмем в таблице инструментов
значок Т и пишем свой ник или имя. Не забудьте сменить цвет
с нашего фона на другой цвет иначе вы просто не уведете, что вы пишите.

Вот наша рамка и готова!!!
Но нам предстоит ее разрезать и поместить в специальную формулу.

Чтобы разрезать рамку берем инструмент Раскройка,
и разрезаем рамку на три части. Проще говоря, выделяем серединку рамки.
Главное чтобы эта серединка была без рисунка, т.е. однотонной. Это важно
т.к. если вы захватите кусочек рисунка, то этот кусочек будет
повторяться у вас при написании вашего будущего текста.

После того как вы разрезали рамку нам ее нужно сохранить.
Для этого в верхней панели жмем Файл и в открывшемся окне
выбираем Сохранить для Web устройств.

Далее мы выбираем формат, в котором будем сохранять и при
желании можем просмотреть рамку целиком нажав на Просмотр

Теперь выбираем, куда сохранить.

Разрезанная рамка сохранится в папочке images и в ней должны быть
три части вашей рамки.

И теперь эти части нам нужно вставить в специальную формулу.
Эту формулу вставляем в блоге в HTML формате.

Формулу просто скопируйте из окошка.

Далее идём на хостинг это может быть
"Радикал" - http://www.radikal.ru/ или
"Савепик" - http://savepic.org/
Загружаем части рамки и копируем 1 ссылку
Вставляем части рамок в формулу.

Если Вы выбрали другой размер рамки, то не забывайте менять
размер в рамке. Вместо 700 ставьте тот, который выбрали вы.

Вот и все!!! Наша рамка готова!!!
Пробуйте и у вас все получится!
Творческих Вам успехов!

Автор урока Valdiviya Для Сообщества Полезные уроки для Блога

Серия сообщений "рамки":
Часть 1 - Коллекционные скраповые рамочки Монро_дизайн
Часть 2 - Разные красивые рамочки в PNG
...
Часть 7 - Оригинальные рамки
Часть 8 - Создание рамок. Уроки фотошоп.
Часть 9 - Делаем рамку Урок по ФШ CS5
Часть 10 - Рамки в фотошопе (урок 3)
Часть 11 - Учимся делать рамки в ФШ