ExBB Community » » Обсуждение » Как создать собственные графические элементы, аватары, логотипы, кнопки?

Страниц (1): [1]
 

1. Victor - 10 ноября 2009 — 18:38 - перейти к сообщению
Наверно каждый хоть раз хотел, поменять и попробовать собственные силы в графике. Как и и везде интернет, точнее Web обладает рядом ограничений:

а именно не все браузеры одинаково отражают цвета, и существует универсальная палитра безопасных цветов, которая гарантирует правильное их отображение, они есть в редакторах и конечно же в сети см. http://web.artlebedev.ru/tools/colors/

второе ограничение размеры изображения? не всегда, но часто размеры изображения указываются в абсолютных значениях тоесть точно, например 46 на 12 и если ваше изображение не будет такого размера, то браузер автоматически его сузит или растянет, что естественно скажется на качестве...

вес, в килобайтах, мегабайтах, чем качественнее будет изображение тем больше оно будет весить и тем дольше потребуется времени на его передачу на вашу страничку, а если изображений много то часть их может и не успеть загрузится... конечно размер можно уменьшать.. но не стоит с этим переусердствовать (ведь все больше людей использую высокоскоростной и широкополосный интернет) главное помнить что монитор хоть и может отражать много миллионов цветов и оттенков, не всегда браузеры способны это все передать.. а зачем нам лишняя информация которая не используется в 99,9%, правильно не зачем это и называется оптимизация Улыбка

формат изображения gif или jpg первый использует векторную графику (линии), второй растровую (точки), а если по простому первый для рисунков, второй для фото Улыбка

итак мы постарались вникнуть о чем будем говорить и приступим:
Нам нужно узнать информацию о рисунке который мы хотим заменить для этого можно прям в браузере щелкнуть на изображении правой кнопкой мышки (контекстное меню) и выбрать пункт открыть изображение появится только наше изображение и вновь на нем правой кнопкой и снова пункт свойства
в итоге появится окно содержащие следующую информацию:
тип
размер изображения
размер файла (вес)
и альтернативный текст

имя файла будет отражено в заголовке окна

всю эту информацию записываем/запоминаем

Для создания изображения я использую Adobe PhotoShop (самой последней версии) хотя если честно любой начиная с 6.0. почему? дело привычки и умения в ней работать...

1. Запускаем программу и жмем на меню файл - новый, открывается окно где можно задать первоначальные настройки будущего изображения, нас интересует размер в пикселах, если конечное изображение 25х45 то можно создать 250х450 (уменьшить всегда успеем), а работать с увеличенным изображением проще...

2. Рисуем, пишем, используя все инструменты в общем создаем...

3. если мы решили просто изменить другое изображение файл-открыть и обрезаем, при этом не забудьте указать вверху нужные нам размеры

4.когда изображение готово:
открываем файл - сохранить для Web откроется окно оптимизации где
слева будут четыре варианта изображения, справа настройки.

5. в настройках меняем тип изображения gif или jpg
палитру цветов, окончательный размер (изображения) выбираем из четырех наиболее понравившиеся щелкаем закрепляя результат и сохраняем под нужным нам именем

6. копируем файл на сервер в нужную папку/каталог или загружаем его через веб-интерфейс.

кстати как вариант можно сделать и свои смайлы...

Предлагаю продолжить высказываться и спрашивать..
2. 1Bot - 11 ноября 2009 — 12:58 - перейти к сообщению
Желательно переместить эту тему в ExBB Community » Веб-разработка » Вопросы и ответы » Графика

Яндекс.Метрика   

Powered by ExBB
[Script Execution time: 0.0141]     [ ]