-Фотоальбом

Посмотреть все фотографии серии Обои для рабочего стола
Обои для рабочего стола
14:20 28.10.2012
Фотографий: 2
Посмотреть все фотографии серии Ноябрь
Ноябрь
14:18 28.10.2012
Фотографий: 1
Посмотреть все фотографии серии Октябрь
Октябрь
20:21 16.09.2012
Фотографий: 2

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

 

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

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

 -Статистика

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


Учимся делать баннер вместе с Юки-тян ^^

Пятница, 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 раз

Arska   обратиться по имени Пятница, 07 Ноября 2008 г. 10:06 (ссылка)
Хороший урок))правда ми уже давно знала)))
Кстати, когда делаю баннер высоту и ширину не выставляю, не знаю почему)))у ми всегда одна какая-то)))
Ответить С цитатой В цитатник
-_Архангел_-   обратиться по имени Пятница, 07 Ноября 2008 г. 12:25 (ссылка)
Спасибо за урок))
*Утащила несколько текстур и с грозным сопением побежала делать аватарки*^^
Ответить С цитатой В цитатник
YukiChou   обратиться по имени Пятница, 07 Ноября 2008 г. 22:20 (ссылка)
Элион_Сирин, потму что в коде стандарт стоит - и ты под него баннер лепишь, но новичку это трудновато ^^
Ответить С цитатой В цитатник
-Yuuko   обратиться по имени Пятница, 07 Ноября 2008 г. 23:48 (ссылка)
Э...знаю,нагло...а можно 3 пункт на английском,у меня английский фотошоп,и я совсем не втыкаю в русский -_- гомен...
А так,спасибо)))
Ответить С цитатой В цитатник
YukiChou   обратиться по имени Суббота, 08 Ноября 2008 г. 11:43 (ссылка)
Юко-сан, ну с тем как перетаскивать один слой на другой я думаю понятно...
маска слоя - это та которая сверху (два таких квадратика скрепочкой соединены)
режим мягкий свет - это Soft lidht
Что еще не понятно?
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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