Били ли сте някога се направи графично меню, което, в зависимост от манипулацията на мишката изглеждаше по-различно? Тогава трябва да знаеш колко много неудобства, свързани със създаването на всеки бутон на отделни файлове за всеки щат :. курсора на мишката върху бутона, щракнете върху мишката извън на бутона и т.н. Знаеш ли, какво е объркване, особено ако "адаптира" скрипта ръчно, за да си страница.
Photoshop ви позволява да създавате и записвате бутон и varinty за различните държави в един файл. Нищо ново. Същите слоеве. Но за всяка държава може да се направи невидим "екстра" слой, като същевременно се поддържа Photoshop автоматично ще изравнявам видимите слоеве за всеки отделен случай и ще запази всички опции за отделни файлове и генериране на HTML-код, и почти не се налага да се направи.
За работа, ние се нуждаем Photoshop и ImageReady. При писане на статия, за да използвате най-новите версии на двете програми.
Реших да се определят четири различни държави за бъдещето на един бутон.
- Нормално - нормално - нещо, което ще се види веднага след зареждането на страницата
- През - на мишката върху бутона
- Down - натиснат ляв или десен бутон (или освободен)
- Out - на такъв бутон ще бъде след курсора на мишката излиза извън своите граници, т.е. Нормално до бутона състояние няма да се върне до следващото рестартиране на страницата.
Бъдете внимателни, тъй като различни браузъри и различните им варианти не са еднакво третирани с различни събития. Следователно, резултатите от теста в различни версии.
Ето как става това въплътено технически.
В новосъздадената 200 х 200 размер на файла аз Pixley
1. Създайте нов слой (Ctrl + Shift + N), наречена ябълка нормално
и той се базира на своето нещо като една ябълка.
2. След това направих двоен слой (Layer / Duplicate слой. Клавишни комбинации не са налични), наричайки го ябълка свърши, и се опита да обрисуват захапа.
3. Логично, следващият държавен ухапан ябълка - е все още мъниче. Технически погледнато, той не просто намалява предишния слой, но в този случай това няма значение. Layer с кочан е кръстен ябълка надолу.
4. Е, изненадата, че очаква много ценители на ябълки - голям червей. име Layer ябълка навън.
Име слоевете не са от значение, те са дадени само на себе си да не се загубиш. Имам добавят още два слоя - с текст и сиви райета.
5. Сега Slice Tool инструмент (вж.) Изрежете ябълка.
Тази зона ще бъде от ключово значение, а останалата част - статичен.
Изпраща резултатите до ImageReady, като натиснете бутона в лентата с инструменти
ImageReady
В долната част на отворения раздела палитра Rollover и кликнете върху бутона "Създаване на ново състояние преобръщане", създаване на четири държави:
Всеки обект - механизма на собствен новини на организацията се храни безплатно! Повече >>
Сега обърнете кликване на мишката върху иконата на всяка държава, аз съм в раздела Layers, направи невидими излишните пластове от сред четиримата, които представляват нашия бутон в различни форми. Т.е. за нормална. Оставих видим ябълка нормално. за Over - ябълка свърши. и така нататък. В раздела преобръщане. на piktogrammki показва промени. Например, за sostonie надолу раздела Layers (в ImageReady) изглежда така:
Ако сте доволни, остава само да се оптимизира размера на изображението и запишете резултата.
Но това, което се случи с мен (тестван в MSIE 5.5 и 4.7 NC - работи по същия начин):
Свързани статии