Отправлено: 10.09.06 14:30. Заголовок: Будни веб-дизайнера: объединенная тема

Коды цветов. где взять??
желательно чтоб была функция пипеточки, т.е. чтобы брать цвет из готовой картинки.

 Отправлено: 09.08.06 13:32. Заголовок: Re:

Ксафания

-У меня таже проблемка......

 Отправлено: 09.08.06 15:09. Заголовок: Re:

А я вот читаю и понимаю, что никогда не справлюсь!

 Отправлено: 09.08.06 16:04. Заголовок: Re:

Wind пишет:

цитата:

Как в фотошопе разрезать картинку на отдельные части?

как тут что ли? http://camotemp.narod.ru/navigator.htm

 Отправлено: 09.08.06 16:07. Заголовок: Re:

Нарезка изображений в Photoshop by Norm Iridium
Текст не мой

Если вы создали большой и сложный рисунок для своей страницы, то имеет смысл его нарезать на несколько маленьких, которые затем поместить в таблицу с невидимыми разделителями (border=0). Зачем это надо? Во-первых, скорость загрузки такой страницы увеличится, за счет параллельной загрузки сразу нескольких файлов. Во-вторых, если правильно подойти к делу, то суммарный размер нарезанных картинок можно сделать меньшим, чем исходного файла.

Допустим, на всей картинке у вас используется 256 цветов и вы записываете ее в соответствующий файл gif. Теперь если вы правильно порежете картинку, то обнаружите, что в отдельных областях достаточно 128 или 64 цветов (правильная нарезка как раз и состоит в выделении областей с небольшим количеством цветов). Убирая лишние цвета, вы уменьшите размер файла. Эта же техника позволит сделать как бы единую gif-картинку, содержащую больше 256 цветов - думаю понятно как.

Если кто не знает, поясняю - формат gif может показывать не больше 256 цветов, но эти цвета могут быть любыми из TrueColor (16 млн). Описания цветов, используемых на картинке, хранится в самом файле в проиндексированном виде, например так - цвет номер 0 имеет RGB составляющие 0,0,0 (черный), а номер 2 -255, 255, 255 (белый). Соответственно, чем больше цветов вы используете на картинке, тем больше размер файла.

Если у вас на картинке используется только 16 цветов, а вы записали файл gif в 256-цветном режиме, то лишние цвета просто занимают место в таблице, увеличивая размер.

Возможен еще такой вариант - картинка может содержать комбинацию фотореалистичных участков с большим количеством цветов и плавными переходами и участков с малым количеством цветов и резкими границами да еще и прозрачностью. Как известно первые лучше записывать в jpeg, последние - в gif, вот так и режем (честно говоря, я ни разу не видел, чтобы так делали).

Значит так с помощью Photoshopa разрезать изображение можно двумя способами.

1-й способ подойдет для более ранних версий и основан на самом, что ни наесть элементарном способе. Для начала в изображении надо расставить guides ( направляющие) - это горизонтальные и вертикальные линии, не влияющие на само изображение. В первую очередь выберите режим привязки guides - ( Привязка или Ctrl+;) и показа линейки (Показать границы или Ctrl+R). Теперь на линейке нажимаем на мышь и тянем ее с нажатой кнопкой на изображение - появляется синенькая линия - вот это guide и есть.

Теперь, если вы выберете инструмент перемещения, guides можно передвигать с места на место или уничтожать (для этого просто вытащите guides за пределы изображения) .Чтобы временно убрать показ guides, но не уничтожать их перейдите в режим (Показать направляющие или Ctrl+`). Расставьте guides так, как вы собираетесь порезать картинку.

Следующий момент - проследите что б у вас был включен режим "прилипания" инструментов к guides. Теперь все инструменты выделения будут липнуть к расставленным направляющим. Все что осталось сделать - выделить соответствующие области, сделать "обрезку" и записать их. После этого делаете откат назад (используйте history) и вырезаете следующий кусочек. При записи лучше пользоваться меню Сохранить для Web Alt+Ctrl+Shift+S, позволяющим оптимизировать размер файла.

Вот на рисунке изображен один из способов разрезки изображения.




2-й способ более автоматизирован и практичен.
Для нарезки изображения достаточно выбрать инструмент "срез" (slice) и выделяя квадратные области разметить всю картинку. Далее выбрав инструмент "выбор среза" (slice select) более точно подкорректируйте области среза.

Здесь как вы видите все очень просто и быстро. Дважды кликнув на конвертике рядом с номером кусочка вы можете ввести название картинки, url на который он будет ссылаться и т.д. что очень полезно в web программировании.

Далее нажав "Сохранить для Web" (Alt+Ctrl+Shift+S) открывается новое окно. В левой панели выберите инструмент "выбор среза" (slice select) и выбирая по очереди каждый кусочек настройте под него самые оптимальный параметр. !!! Важно так же следить, что бы в гонке за малым разметом картинка не потеряла своей монолитности!!!!
Результат можно сохранить тремя способами: кусочки собраны в html файле, только отдельные кусочки в тех форматаж которые вы установили, только html.

 Отправлено: 09.08.06 16:09. Заголовок: Re:

И еще вам полезного:
Как растянуть форум по всем краям?

Вставте между тегами <style> ... </style>

body
{
margin-bottom:0; //отступ снизу
margin-top:0; //отступ сверху
margin-left:0; //отступ слева
margin-right:0; //отступ справа
}

Сама всегда забываю...

 Отправлено: 09.08.06 16:16. Заголовок: Re:

Wind пишет:

цитата:

а резать на части

Ещё проще- задать размер выделения или использовать сетку

 Отправлено: 09.08.06 20:05. Заголовок: Re:

Мила
сЫпасибо! Буду пробовать!

merneq
Где находится сетка?

 Отправлено: 10.08.06 13:45. Заголовок: Re:

Мила пишет:

цитата:

Нарезка изображений в Photoshop by Norm Iridium

Боже, это то, что доктор прописАл!!! Большое спасибо Норму и скорейшего его возвращения из бани!

 Отправлено: 16.08.06 16:58. Заголовок: Нашёл программу для рисования текстовой графики ))

888888888888________________________________________________________________88
88________88________________________________________________________________88
88________88__88__8888____88______88____888888________888888____8888888888__88
88________88__8888____88__88____8888____88____88____88______88______88______88
88________88__88______88__88__88__88____888888______8888888888______88______88
88________88__88______88__88__88__88____88____88____88______________88______88
88________88__8888____88__8888____88____88____88____88______88______88________
88________88__88__8888____88______88____888888________888888________88______88
______________88______________________________________________________________
______________88______________________________________________________________






____8888888888________8888888888__88__________________________________________________________88
__88________88________88______________________________________________________________________88
__88________88________88__________88____8888__88____888888____88__88____888888______888888____88
____8888888888________88888888____88__88____8888__88______88__8888____88______88__88______88__88
______88____88________88__________88__88______88____88888888__88______88______88__88______88__88
____88______88________88__________88__88______88__88______88__88______88______88__88______88__88
__88________88________88__________88__88____8888__88____8888__88______88______88__88______88____
__88________88________88__________88____8888__88____8888__88__88________888888______888888____88
______________________________________________88________________________________________________
______________________________________88888888__________________________________________________

 Отправлено: 16.08.06 16:59. Заголовок: Re:

так давай же ссылку

 Отправлено: 16.08.06 16:59. Заголовок: Re:

Figaroo

А ссылку мон?))

 Отправлено: 16.08.06 17:02. Заголовок: Re:

ээээ... вы думаете, я помню, откуда качал? я потом выложу на свой хостинг и дам. погодите немного.

 Отправлено: 16.08.06 17:16. Заголовок: Re:

Figaroo пишет:

цитата:

я потом выложу на свой хостинг

Случаем, не себя собираешься выкладывать?

 Отправлено: 16.08.06 17:46. Заголовок: Re:

NBS
no
all
http://valerkinside.jino-net.ru/files/ASCII_Art_Generator.exe

 Отправлено: 16.08.06 17:58. Заголовок: Re:

____88888888____________________________________________________________
__88____________________________________________________________________
88____________88____8888____888888____88______88____888888______88888888
88____________88__88______________88__88______88__________88____88____88
88____________8888__________88888888__88______88____88888888____88____88
88____________88__88______88______88____88888888__88______88____88____88
__88__________88____88____88______88__________88__88______88____88____88
____88888888__88______88____88888888__________88____88888888__88______88

 Отправлено: 16.08.06 18:01. Заголовок: Re:

Классная програмка. Давно искала...

 Отправлено: 16.08.06 18:03. Заголовок: Re:

Милиция & Krutan
я рад, что помог (поставьте плюсов )

 Отправлено: 16.08.06 18:04. Заголовок: Re:

Figaroo
Уже ставила.

 Отправлено: 16.08.06 18:05. Заголовок: Re:

 Отправлено: 16.08.06 18:08. Заголовок: Re:

Милиция пишет:

цитата:

Уже ставила.

я тож