От homepage к порталу!

Подготовка графики Для создания фоновых текстур, кроме описанных фильтров, попробуйте использовать фильтры Colored Pencil (Волшебный карандаш), Sponge (Губка), Grain (Зерно), Craquelure (Кракелюры), Chalk & Charcoal (Мел и уголь), Mezzotint (Меццотинто), Mosaic (Мозаика), Halftone Pattern (Полутоновой узор), Note Paper (Почтовая бумага), Pointillize (Пуантилизм), Reticulation (Ретикуляция), Glass (Стекло), Texturizer (Текстуризатор), Texture (Текстура), Ink Outlines (Тушь) и Mosaic Tile ' < I (Цветная плитка). Заметим, что применение некоторых фильт-рименен фильтр ров, например, Glass (Стекло), к сплошному цветуJ дает очень ,„ , , ,
„ „ V, ' (Эффекты освещения) незначительный или нулевой эффект.
(ЗШУШЬ JV&20. Разрезаем изображения и создаем изображения-карты
В последнее время весьма актуальной задачей, стоящей перед Web-дизайнерами, становится разработка интерактивной графики. Одной из разновидностей такой графики являются изображения, разбитые на фрагменты (slices). Каждый фрагмент представляет собой прямоугольный участок изображения, который становится ячейкой таблицы в HTML-файле. После того, как документ разбит на части, можно оптимизировать каждую из них, используя наиболее подходящие для нее параметры оптимизации, что позволяет значительно уменьшить объем файла. Кроме того, каждый фрагмент можно «оживить», применив к нему эффект Rollover (Наведение). При просмотре в браузере, в зависимости от действий мыши, состояние этого фрагмента будет изменяться.
Все части изображения автоматически сохраняются в отдельных GIF- или JPEG-файлах, а при загрузке картинки в браузер отдельные ее фрагменты размещаются в ячейках таблицы HTML-документа. Каждому фрагменту можно присвоить ссылку на другую Webстраницу и создать таким образом навигационную панель.
Посмотрим, как выполняется нарезка изображения и создаются изображения-карты. В опытах первой главы мы создали для нашего сайта навигационную панель или меню из таблицы HTML и сохранили ее в файле menu.html. Теперь в программе Adobe ImageReady создадим для этого сайта простую графическую навигационную панель.
>• Убедившись, что в программе Adobe Photoshop закрыты все документы, перейдите в программу Adobe ImageReady, нажав кнопку "Е^ВД - Edit in ImageReady (Shift+Ctrl+M) (Редактировать в ImageReady (Shift+Ctrl+M)) на панели инструментов
(Tools).
> Установите на панели инструментов программы Adobe ImageReady белый цвет переднего плана и синий цвет фона с RGB-составляющими цвета R=0, G=0, B=255 или в шестнадцатеричном формате - OO00FF.
> Создайте в программе Adobe ImageReady новый документ с размерами 160x400 пикселов и цветом фона - Background Color, т.е. синим.
>• Введите названия пунктов меню как на Рис. 4.158, так, чтобы каждый из них располагался на отдельном слое.
[...]
Главная
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41] [42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92] [93] [94] [95] [96] [97] [98] [99] [100] [101] [102] [103] [104] [105] [106] [107] [108] [109] [110] [111] [112] [113] [114] [115] [116] [117] [118] [119] [120] [121] [122] [123] [124] [125] [126] [127] [128] [129] [130] [131] [132] [133] [134] [135] [136] [137] [138] [139] [140] [141] [142] [143] [144] [145] [146] [147] [148] [149] [150] [151] [152] [153] [154] [155] [156] [157] [158] [159] [160] [161] [162] [163] [164] [165] [166] [167] [168] [169] [170] [171] [172] [173] [174] [175] [176] [177] [178] [179] [180] [181] [182] [183] [184] [185] [186] [187] [188] [189] [190] [191] [192] [193] [194] [195] [196] [197] [198] [199] [200] [201] [202] [203] [204] [205] [206] [207] [208] [209] [210] [211] [212] [213] [214] [215] [216] [217] [218] [219] [220] [221] [222] [223] [224] [225] [226] [227] [228] [229] [230] [231] [232] [233] [234] [235] [236] [237] [238] [239] [240] [241] [242] [243] [244] [245] [246] [247] [248] [249] [250] [251] [252] [253] [254] [255] [256] [257] [258] [259] [260] [261] [262] [263] [264] [265] [266] [267] [268] [269] [270] [271] [272] [273] [274] [275] [276] [277] [278] [279] [280] [281] [282] [283] [284] [285] [286] [287] [288] [289] [290] [291] [292] [293] [294] [295] [296] [297] [298] [299] [300] [301] [302] [303] [304] [305] [306] [307] [308] [309] [310] [311] [312] [313] [314] [315] [316] [317] [318] [319] [320] [321] [322] [323] [324] [325] [326] [327] [328] [329] [330] [331] [332] [333] [334] [335] [336] [337] [338] [339] [340] [341] [342] [343] [344] [345] [346] [347] [348] [349] [350] [351] [352] [353] [354] [355] [356] [357] [358] [359] [360] [361] [362] [363] [364] [365] [366] [367] [368] [369] [370] [371] [372] [373] [374] [375] [376] [377] [378] [379] [380] [381] [382] [383] [384] [385] [386] [387] [388] [389] [390] [391] [392] [393] [394] [395] [396] [397] [398] [399] [400] [401] [402] [403] [404] [405] [406] [407] [408] [409] [410] [411] [412] [413] [414] [415] [416] [417] [418] [419] [420] [421] [422] [423] [424] [425] [426] [427] [428] [429] [430] [431] [432] [433] [434] [435] [436] [437] [438] [439] [440] [441] [442] [443] [444] [445] [446] [447] [448] [449] [450] [451]