Учимся делать баннер вместе с Юки-тян ^^
|
|
Пятница, 07 Ноября 2008 г. 08:22
+ в цитатник
YukiChou все записи автора
уже многие спрашивали меня как делать баннер или где урок взять можно...
и вот мну решилась!
специально для вас урок от мну как из картинки сделать баннер =)
*только учтите это все на очень низком уровне*
пункт №1 изображение ^^
1. открываем наш исходник, картинку выберите свою , у мну:
2. обрезаем его так как больше нравится и уменьшаем до приятного глазу размера *надеюсь не нужно объяснять как это делается =_=* Получаем нечто вроде этого:
3. дабы вы не мучились с цветокорекцией, т.к она великое зло мну создало файл "готовые установки" *см. вложение* Вот его мы скачиваем, распаковываем и открываем (благо фаил фотошопа). Далее перетаскиваем "Маску слоя" из моего файла на нашу картинку и ставим на "мягкий свет" *надеюсь здесь все понятно?* получаем нечто вроде:
4. А теперь моя самая любимая часть - занимаемся украшательством ^^ Здесь уже работаем на свой вкус: добавляем текст, кисти и текстуры *но только не переусердствуйте, всего должно быть в меру* Получаем:
а вот вам немного текстурок *чтобы было где развернутся*
4. делаем рамочку. для этого создаем новый слой и с помощью инструмента Ведро () заливаем все белым. Далее идем: редактирование -> штриховать (Edit -> Stroke) и выбираем такие установки:
теперь с помощью инструмента Волшебная палочка () выделяем белую часть и жмем Delete ^^
Ну вот мы и закончили делать изображение:
пункт №2 код
теперь приступим к самому веселому, а именно к коду. Опять же, дабы дети не марались мну дает вам этот шаблончик *только удалите все звездочки*
<*a href="*адрес дневничка" target="_blank"*><***img src="картинка*" title***="пара слов о том какая ты хорошая ^^" borde***r="0" width="ширина картинки" height="высота картинки" ***/>
Разбор полетов или что куда пихать
1 Адрес дневничка нужно брать из строки адрес, хотя думаю все и так в курсе)))
2.вместо слова "картинка" нужно вставить ссылку на картинку. для этого загружаем ее на Радикал и выбираем там такие установки:
3. пару добрых слов о себе берем от сердца ^^
4. ширину(1) и высоту(2) мы берем отсюда:
после того как мы удалили все звездочки (*) и вставили в код все выше перечисленное мы получаем баннер, и даже работающий ^^
я надеюсь я все понятно объяснила ^^'
Вложение: 3703493_gotovuye_Ustanovki.zip
Процитировано 9 раз
-
Запись понравилась
-
9
Процитировали
-
0
Сохранили
-