Источник http://blogs.mail.ru/mail/prih.09/539196B0AD855735.html
Вот, наконец-то, написала я этот долгожданный урок.
Хочу сказать сразу - если вы в Гимпе абсолютный чайник, то этот урок не для вас (без обид))
Урок рассчитан на тех, кто владеет основами работы в этом графическом редакторе, хочет делать рамочки, но не знает как.
Для тех, кто ещё ничего или мало знает о Гимпе, но имеет желание узнать больше,
существует "КОЛЛЕКЦИЯ ССЫЛОК ДЛЯ GIMP".
Тщательно изучив эту коллекцию, можно овладеть достаточными знаниями для того, чтобы приступить к созданию сборных рамочек.
В этом уроке я описываю как сделать простую сборную рамочку, без прозрачных областей. В дальнейшем, возможно, сделаю продолжение урока, где опишу и это.
Скажу сразу, чтобы потом не возникало никаких обид, отвечать на вопросы буду только именно по этому уроку. На вопросы об элементарном и на фразы - "У меня ничего не получается!" - ответа не будет, вам в помощь коллекция ссылок.
КОД этого урока в комментариях НЕ ИЩИТЕ!!! Выставлять я его не буду, по крайней мере пока не пойму, что урок получился понятным.
Приступаем!
1. ФАЙЛ - СОЗДАТЬ
|
2. ВЫДЕЛЕНИЕ - ВСЁ
3. ИЗОБРАЖЕНИЕ - НАПРАВЛЯЮЩИЕ - НАПРАВЛЯЮЩИЕ ИЗ ВЫДЕЛЕНИЯ
По контуру изображения появятся направляющие в виде синей окантовочки. Если у вас направляющие не появились - ВИД - ПОКАЗЫВАТЬ НАПРАВЛЯЮЩИЕ
4. ВЫДЕЛЕНИЕ - СНЯТЬ
5. Делаем основу рамочки. Конечно же для этого вы должны знать какие-то основы работы в Гимпе. Но если вы этими основами владеете - включайте свою фантазию и вперёд. Самое главное о чём не надо забывать в этом процессе - средняя часть нашей рамочки в дальнейшем при добавлении большого текста будет повторяться, поэтому её желательно сделать однотонной или с рисунком, который будет располагаться по вертикали.
Я в этой рамочке сначала применила заливку, добавила клипарт, применила к нему тень, немного порисовала кистью.
6. Добавляем подпись.
7. Если нас всё устраивает - объединяем слои.
ИЗОБРАЖЕНИЕ - ОБЪЕДИНИТЬ ВИДИМЫЕ СЛОИ - ОТСЕЧЁН ПО ИЗОБРАЖЕНИЮ - ОБЪЕДИНИТЬ.
8. Теперь нам надо разделить нашу рамочку на три части - верхнюю, среднюю, нижнюю.
Добавим ещё две направляющие.
В панели инструментов выберем ПЕРЕМЕЩЕНИЕ (1) и с верхней линейки (2) вытягиваем направляющую.
Устанавливаем её в том месте рамочки, где у нас будет граница между верхней и средней частями (1).
Затем вытягиваем вторую направляющую и устанавливаем на границе между средней и нижней частями (2)
9. В панели инструментов выбираем ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ и аккуратно по направляющим выделяем верхнюю часть нашей рамочки. Обязательно обращайте внимание на размер выделения (его видно в нижней части окна) У меня верхняя часть рамочки получилась размерами 680 на 270.
Идём в ПРАВКА - КОПИРОВАТЬ. Далее ФАЙЛ - СОЗДАТЬ. Создаём новое изображение с размерами равными размеру нашего выделения. В появившемся окне - ПРАВКА - ВСТАВИТЬ. Далее СЛОЙ - ПРИКРЕПИТЬ и ФАЙЛ - СОХРАНИТЬ КАК... Даём название, выбираем тип файла, в котором будем сохранять нашу рамочку, лучше это сделать в формате PNG, сохраняем.
Сохранили, закрыли окно и возвращаемся к нашей рамочке. Выделяем поочерёдно по примеру верхней части среднюю и нижнюю части и также сохраняем.
10. Загружаем три части нашей рамочки на Радикал или другой подобный фотохостинг. Обязательно контролируем размеры. Все три части рамочки должны быть одинаковой ширины, равной ширине создаваемого нами изображения. В моём случае это 680.
Высота трёх частей рамочки должна в сумме составлять высоту созданного нами изображения.
Например у меня это - 270 + 40 + 190 = 500. Если у вас какие-то размеры не совпадают, значит ранее вы что-то сделали неверно. И вам придётся вернуться и искать свою ошибку или даже начинать всё сначала.
11. Вставляем наши части в формулу.
Вот это формула, которой я пользуюсь. Знаю, что есть формулы и проще, но я уже привыкла к этой и не вижу в ней ничего сложного.
<div align="center"><table border="0" align="center" cellpadding="0" cellspacing="0" height="ВЫСОТА РАМОЧКИ"><tr><td width="ШИРИНА РАМОЧКИ" height="ВЫСОТА ВЕРХНЕЙ ЧАСТИ"><img src="АДРЕС ВЕРХНЕЙ ЧАСТИ" border="0" class="post_img"></td></tr><tr><td width="ШИРИНА РАМОЧКИ"><table border="0" background="АДРЕС СРЕДНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА СРЕДНЕЙ ЧАСТИ" border="0"><tr><td width="ЛЕВОЕ ПОЛЕ" height="0"> </td><td width="СРЕДНЯЯ ЧАСТЬ" height="0"><p align="center"><font size="РАЗМЕР ШРИФТА" face="НАЗВАНИЕ ШРИФТА" color="#ЦВЕТ ШРИФТА"><i>ТЕКСТ</i></font></p></td><td width="ПРАВОЕ ПОЛЕ" height="0"></td></tr></table></td></tr><tr><td width="ШИРИНА РАМОЧКИ" height="ВЫСОТА НИЖНЕЙ ЧАСТИ"><a href="АДРЕС БЛОГА" target="_blank"><img src="АДРЕС НИЖНЕЙ ЧАСТИ" border="0" class="post_img"></a></td></tr></table></div>
Теперь объясню что куда вставлять.
1) ВЫСОТА РАМОЧКИ - мы создавали изображение 680 на 500, соответственно высота рамочки у меня равна 500.
2) ШИРИНА РАМОЧКИ - раз 680 на 500, соответственно пишу сюда 680.
3) ВЫСОТА ВЕРХНЕЙ, СРЕДНЕЙ, НИЖНЕЙ ЧАСТИ - вспоминаем размеры ЧАСТЕЙ и вписываем сюда высоту.
4) АДРЕС ВЕРХНЕЙ, СРЕДНЕЙ, НИЖНЕЙ ЧАСТИ - сюда соответственно вставляем ссылки полученные при загрузке частей.
5) ЛЕВОЕ ПОЛЕ, СРЕДНЯЯ ЧАСТЬ, ПРАВОЕ ПОЛЕ - имеется в виду размер полей по краям рамочки, где не будет текста и размер средней части, где будет текст.
Здесь важно то, чтобы сумма этих размеров была равна ширине рамочки
Я обычно выставляю сюда такие размеры - 10 + 660 +10 или 20 + 640 + 20
12. Вставили все части, выставили размеры, параметры текста, вставили адрес вашего блога и... ВСЁ!!!
НАША РАМОЧКА ГОТОВА!!!
|
|
Здесь пишем текст.
Код рамочки в комментариях.
|
|
|
|