Реферат: Подготовка макета web-страницы в Adobe PhotoShop - текст реферата. Скачать бесплатно.
Банк рефератов, курсовых и дипломных работ. Много и бесплатно. # | Правила оформления работ | Добавить в избранное
 
 
   
Меню Меню Меню Меню Меню
   
Napishem.com Napishem.com Napishem.com

Реферат

Подготовка макета web-страницы в Adobe PhotoShop

Банк рефератов / Информатика, информационные технологии

Рубрики  Рубрики реферат банка

закрыть
Категория: Реферат
Язык реферата: Русский
Дата добавления:   
 
Скачать
Архив Zip, 26 kb, скачать бесплатно
Заказать
Узнать стоимость написания уникального реферата

Узнайте стоимость написания уникальной работы

Подготовка ма кета web-страницы в Adobe PhotoShop Автор: Sergey Lost Для подготовки web- страницы надо решить две задачи — разработать внешний вид (оформление) и написать HTML-код, реализующий его. В обязанности web-дизайнера часто входит только первая задача — разработка и реализация идеи оформления страни цы, отвечающей требованиям заказчика. Подготовка описания страницы на я зыке HTML во многих фирмах, занимающихся разработкой сайтов, возлагается на плечи специалистов в области web-программирования. Одновременно с этим мо гут разрабатываться необходимые серверные программы (сценарии), базы да нных и другие программные элементы. При такой организации работ от дизай нера, как правило, требуют представить рисунок страницы со всеми необход имыми графическими элементами и образцами текста — макет. Программист, пользуясь графическим редактором, разрезает макет на элементы и исполь зует их при окончательной компоновке страницы. Разумеется, далеко не все возможности современных графических редакторов можно совместить с до вольно жесткими ограничениями HTML, поэтому дизайнер должен хорошо предст авлять возможности языка HTML и различных версий браузеров. ВНИМАНИЕ. Основное ограничение языка HTML, касающееся оформления страниц — все рисунки, наход ящиеся на странице, должны быть только прямоугольными. Это связано с тем, что графические файлы могут хранить изображения только прямоугольной формы. Даже если вы используете какой-либо объект неправильной формы (от личной от прямоугольника), вам придется сохранить его в файле в виде прям оугольного изображения. Наверное, единственным исключением из этого пр авила являются активные области карт-изображений. Они могут иметь форму прямоугольника, круга или многогранника. Различные средства создания с айтов, такие как Flash, позволяют использовать объекты сложной формы, но сам к лип Flash имеет на странице вид прямоугольника. Здесь пойдет об основных приемах подготовки макета web-страницы при помощи Adobe PhotoShop. Будем считать, ч то у нас есть все необходимые элементы страницы (заголовки, рисунки, иллю страции и т. д.). Рассмотрим методы их размещения в поле будущего макета, ус тановки на отведенные им места, выравнивания относительно друг друга. За метим, однако, что в большинстве случаев удобнее готовить элементы стран ицы непосредственно во время подготовки макета. Это позволяет сразу учи тывать требуемые размеры изображений и их цветовую гамму в сочетании с д ругими элементами страницы. Первый шаг в подготовке макета web-страниц ы — создание изображения нужного размера. Вертикальная прокрутка стра ницы в окне браузера практически не ограничена. Поэтому высоту изображе ния для макета можно выбирать любой. Все определяется объемом информаци и, которую требуется разместить на странице. С выбором ширины изображени я все обстоит намного сложнее. Дело в том, что страница должна по возможно сти помещаться в окне браузера без горизонтальной прокрутки. Это избави т пользователя от необходимости постоянно пролистывать страницу слева направо и справа налево для того, чтобы просмотреть информацию, скрытую за границами окна. Пользоваться одновременно и горизонтальной, и вертик альной прокрутками неудобно. Если требуется избежать горизонтально й прокрутки, нужно, чтобы все элементы страницы имели ширину меньшую, чем у рабочей области окна браузера. Поэтому надо выбрать ширину изображени я для макета равной ширине окна браузера. При этом надо учесть, что часть о кна может быть занята вертикальной полосой прокрутки и самой границей о кна. Также следует учитывать, что страница может по-разному выглядеть пр и различных разрешениях экрана. Если вы, например, разрабатываете страни цу в расчете на разрешение 800x600 пикселов, то при разрешении 640x480 страницу прид ется просматривать, пользуясь горизонтальной прокруткой, а в режиме 1024x768 в окне браузера останется пустое место. Есть два способа бороться с это й проблемой. Первый заключается в том, что страница делается масштабируе мой по ширине. Этого можно достичь, оформив, например, заголовки и другие э лементы, занимающие всю ширину страницы, в виде таблиц с автоматически с жимающимися или растягивающимися до нужных размеров ячейками. Второй с пособ состоит в том, что информационной части страницы придается строго определенная ширина, а с одной (обычно справа) или двух сторон (справа и сл ева) оставляется свободное место. Если такая свободная область оставляе тся с двух сторон, то содержимое страницы автоматически располагается в центре окна. В первом случае страница будет прилично выглядеть в боль шинстве режимов видеосистемы. Следует, однако, учитывать, что при уменьш ении или увеличении ширины страницы пропорции ее элементов изменятся. Э то может несколько ухудшить вид сайта при разрешении экрана, отличном от того, в расчете на которое страница разрабатывалась. Можно сказать, что э тот метод позволяет сохранить страницу настолько красивой, насколько э то возможно. При использовании второго метода пропорции страницы будут оставаться неизменными. Если разрешение экрана на компьютере пользова теля окажется меньше, чем рассчитывалось, часть информации окажется скр ытой за границами окна. При разрешении, превышающем расчетное, вокруг ин формационной части появится пустое пространство. Суть этого подхода за ключается в том, что если появления свободного места в окне не избежать, т о оно должно появиться там, где это задумано. ПРИМЕЧА НИЕ. Такие операции, как изменение шири ны ячеек таблицы или выравнивание ее частей по центру окна, выполняются браузером автоматически при установке соответствующих значений парам етров элементов страницы. Таким образом, выбирая раз меры для макета будущей страницы, вы должны ориентироваться на видеореж им пользователя. На время написания этой книги большинство пользовател ей работали с разрешением экрана 800x600 при глубине цвета 16 битов (по данным са йта http://www.hotlog.ru/ ). Для браузера Internet Explorer 5.5, наиболее распространенного по данным того ж е сайта, такому видеорежиму соответствует размер рабочей зоны окна 780x480 пи кселов. Изображение такого размера поместится в окне браузера (при станд артных настройках) без прокрутки. СОВЕТ. Вы можете самостоятельно определить требуемые размеры макета п ри том или ином разрешении экрана. Запустите браузер и откройте какую-ни будь страницу. Для подобных исследований хватит и стандартного сообщен ия о том, что открыть сайт нельзя, выводимого многими браузерами в виде web-с траницы. После этого скопируйте в буфер обмена изображение с экрана (наж мите клавишу Print Screen), создайте на его основе изображение в любом графическо м редакторе и по изображению из-. мерьте размеры рабочей области окна бра узера. После того, как вы выбрали размеры макета, созда йте новое изображение с заданными характеристиками. В качестве цветово й модели выберите режим RGB, а разрешающую способность изображения укажит е равной 72 dpi (pixels/inch (пикселов на дюйм)). Создав новое изображение, поместите в документ готовые элементы изображения. Возможно, вы предпочтете рисов ать их непосредственно во время подготовки макета. Если изображения эле ментов были подготовлены в других файлах, вам потребуется перенести их в файл макета. Сделать это можно несколькими способами. Во-первых, вы может е выделить нужный графический объект в исходном файле, скопировать его в буфер, а затем вставить в файл макета. Во-вторых, можно копировать слои ме жду одновременно открытыми документами, «перетаскивая» их с панели Layers (С лой) в окно нужного файла (рис. 1). До начала этой операции надо сделать ак тивным окно документа, содержащего исходный элемент. Достаточно щелкну ть мышью в нужном окне. СОВЕТ. Переключаться между окнами документов можно, выбирая их имен а в меню Window (Окно). При помощи панели Layers (Слои) и мыши можно создавать новые слои и удалять существующие. Для создания нового слоя, щ елкните мышью на кнопке Create a new layer (Создать новый слой). Для удаления слоя вы де лите его и щелкните на кнопке Delete layer (Удалить слой) или просто перетащите сло й на эту кнопку при помощи мыши. После того, как вы соберете в одном файл е все нужные элементы, пора приступать к компоновке макета. Разумеется, ч асть элементов можно рисовать в процессе монтажа, используя, например, о дин из элементов в качестве фона для остальных. Монтируя элементы, вы мож ете перемещать их. Для этого ис пользуется специальный инструмент Move (Пер емещение). Можно также пользоваться любым из инструментов выделения ( удерживая нажатой клавишу Ctrl). Их использование подробно описано в уроке 5. Рис. 1. Можно копировать слои при помощи мыши СОВЕТ. Вы можете копировать фра гмент изображения при помощи инструментов выделения или инструмента Move ( Перемещение). Для этого перед началом перемещения объекта нажмите клави ши Ctrl и Alt и удерживайте их. Удерживая клавишу Shift, вы можете задать перемещени е объекта в направлениях, кратных 45°. При размещении э лементов изображения на странице часто возникает необходимость их рас положения вдоль одной линии. Для выравнивания графических элементов по одной линии в Adobe PhotoShop имеется специальное средство — Guides (Направляющие). При н аличии в окне направляющих линий перемещаемые объекты (как изображения, так и текстовые слои) «прилипают» к ним, как только оказываются на некото ром расстоянии. При этом «приклеивание» происходит по 50% границе прозрач ности изображения. «Приклеившийся» к направляющей фрагмент изображени я можно перемещать вдоль нее. Одна из координат (по вертикали или по гориз онтали, в зависимости от того, вертикальная или горизонтальная направля ющая используется) будет оставаться неизменной. Если вы попытаетесь отв ести фрагмент от направляющей линии больше чем на расстояние «прилипан ия», то он отделится от направляющей линии. Самый простой способ помес тить в окно документа направляющую линию — «вытащить» ее мышью из линей ки. О линейках стоит сказать несколько слов отдельно. Они представляют с обой шкалы, расположенные вдоль верхней и левой границ изображения (рис . 2). При перемещении курсора над рисунком на линейках показываются его коо рдинаты. Отображаются линейки на экране при помощи команды View > Show Rulers (Вид > По казать линейки). Команда View > Show Rulers (Вид > Показать линейки) позволяет убрать их. Если поместить курсор над линейкой, нажать кнопку мыши и «протащить» курсор над изображением, то будет образована направляющая линия, паралл ельная линейке. С помощью вертикальной линейки можно получить вертикал ьные направляющие, с помощью горизонтальной линейки — горизонтальные. Рис. 2. Направляющие линии образуются при помощ и линеек Еще один спосо б получения направляющих линий — команда меню View > New Guide... (Вид > Новая направл яющая...). Вызвав ее, выберите в появившемся окне тип линии (горизонтальная или вертикальная), укажите место ее расположения и нажмите кнопку ОК. Так вы можете быстро размещать направляющие линии в точках с известными коо рдинатами. Создав направляющую линию, вы можете переместить ее. Для эт ого подведите к ней курсор мыши и нажмите клавишу Ctrl. При этом указатель из менит свою форму, и вы сможете, удерживая клавишу и левую кнопку мыши, пере местить линию. При использовании инструмента Move (Перемещение) удерживать клавишу Ctrl не нужно (она служит для перевода других инструментов в режим п еремещения фрагментов изображения). ПРИМЕЧАНИЕ. Нельзя переместить направляющую лини ю с помощью инструментов Slice (Нож) и Hand (Рука). Поведение на правляющих линий и их взаимодействие с частями изображения поддаются д остаточно гибкой настройке. Для этого служат несколько команд меню View (Ви д) (рис. 3). Рис. 3. Команды меню View позволяют управлять работ ой направляющих линий Установив фл ажок напротив пункта Lock Guides (Заблокировать направляющие), можно запретить п еремещение направляющих линий. Это позволит избежать их случайного сме щения при работе с фрагментами изображения. Для отключения блокировки с нимите флажок (вызовите эту команду повторно). Используя команду Clear Guides (Уда лить направляющие), вы можете удалить все направляющие линии, содержащие ся в документе. Команда Snap (Прикрепить) позволяет включить или выключит ь режим «прилипания» объектов к направляющим линиям и другим элементам окна. В подменю Sflap То (Прикрепить к) вы можете выбрать, к каким именно элемен там будут приклеиваться фрагменты изображения. К элементам окна, служащ им для выравнивания изображения, относятся: · Guides (Направляющие линии); · Grid (Сетка) — использование сетки позволяет выделять области правильной формы и располагать фрагм енты изображения в определенных позициях холста. Вы можете настроить па раметры сетки при помощи команды Edit > Preferences > Guides & Grid (Правка > Предпочтения > Направ ляющие и сетка); · # Slices (Нарезка) — границы нар езанных при помощи инструмента Slice (Нож) блоков изображения; · Document Bounds (Границы документа) — границы холста изображения. Автоматическое выравнивание по краю изобр ажения может оказаться полезным при размещении элементов, которые долж ны находиттся точно на его границе. СОВЕТ. При помощи команд View > Snap To Mil (В ид > Прикрепить к > Включить все) и View > Snap То > None (Вид > Прикрепить к > Отключить все) вы сможете включить «прилипание» объектов ко всем перечисленным в меню элементам или выключить его. Команда View > Show Extras (Вид > Допол нительные элементы) используется для управления отображением направля ющих линий (Guides), сетки (Grid), границы выделения (Selection Edges), текущего пути (Target Path), нарезан ных блоков изображения (Slices) и примечаний (Annotations). Команда позволяет одновреме нно включать или выключать отображение этих элементов. При помощи коман д подменю View > Show (Вид > Показать) можно отображать на экране или скрывать эти э лементы по отдельности. Содержащиеся в этом же подменю команды All (Показат ь все) и None (Убрать все) используются для быстрого устранения с экрана или о тображения всех дополнительных элементов. Воспользовавшись командой View > Show > Show Extras Options (Вид > Показать > Настройка), можно указать (установив соответств ующие флажки в появившемся на экране окне), на какие из дополнительных эл ементов будет распространяться действие команды Show Extras (Дополнительные эл ементы). ПРИМЕЧАНИЕ. Упомянутые среди дополнительных элементов окна пути являются в екторными объек тами. Они могут быть созданы непосредственно в Adobe PhotoShop при п омощи инструментов работы с путями или же могут быть импортированы из ве кторного редактора. Импортировать векторные изображения можно через б уфер обмена. Лучше всего производить подобные операции при помощи векто рного редактора компании Adobe — Adobe Illustrator. PhotoShop и Illustrator используют одинаковое предс тавление векторной графики в буфере обмена, что обеспечит неискаженный перенос изображения из одной программы в другую. К дополнительным элеме нтам также относятся текстовые и звуковые примечания, которые вы можете разместить в документе при помощи инструментов Notes (Заметки) и Audio Annotation (Звуков ое примечание). В окне документа отображаются не сами примечания, а их сим волы. После того, как вы разместите в нужных позициях н аправляющие линии, приступаем к размещению вдоль них подготовленных эл ементов изображения. При помощи горизонтальных и вертикальных направл яющих можно образовать сетку, к которой будут «прилипать» перемещаемые изображения. В отличие от сетки, генерируемой Adobe PhotoShop, комбинация из направл яющих линий может иметь произвольные пропорции. Впрочем, в некоторых сит уациях вас устроит и стандартная сетка, тем более что вы можете включить «прилипание» объектов и к ней. На рис. 4 приведен пример использования направляющих линий для размещения элементов изображения. В данном случ ае это небольшие нарисованные шарики, которые могут использоваться, нап ример, в качестве маркеров списков. Рис. 4. При помощи направляющих линий можно выст авить фрагмент изображения на нужные позиции ВНИМАНИЕ. При перемещении направляющих линий о ни «прилипают» к своему первоначально му положению, что не дает перемеща ть их на небольшие (1-2 пиксела) расстояния. Если вам все-таки надо это сделат ь, сначала переместите линию на большое расстояние, а потом установите е е в нужное положение. ПРИМЕЧАНИЕ. Некоторые читатели могут удивиться то му, что такие элементы web-страниц, как списки или образцы текста, включаютс я в макет. Это делается для того, чтобы наиболее полно представить оформл ение сайта. Перемещать линии и фрагменты изображения можно при помощи практически всех инструментов при нажатой клавише Ctrl. О том, как ведут себя инструменты выделения при нажатии различных комбина ций управляющих клавиш, было подробно рассказано в уроке 5. Большинство д ругих инструментов переключается в режим перемещения объекта на время удерживания клавиши Ctrl в нажатом состоянии. Рис. 5. В меню Layer содержатся команды, позволяющие выравнивать связанные слои Выровнять объ екты вдоль одной линии (вертикальной или горизонтальной) можно и без пом ощи направляющих линий. Если изображения, которые надо установить в нужн ые позиции, находятся на разных слоях (эти слои не должны содержать други х объектов), для их выравнивания можно использовать команды Layer > Align Linked (Слой > В ыровнять связанные слои). Фрагмент этого меню изображен на рис. 5. Как сл едует из названия подменю, выравнивать можно только несколько связанны х слоев. При этом активный в данный момент слой используется в качестве о порного (по нему производится выравнивание). Для того чтобы связать слои, надо щелкнуть мышью на квадрате, расположенном рядом с символом видимос ти слоя (рис. 6). Текущий слой имеет в этом квадрате символ в виде кисточки. С лои, связанные с текущим, обозначены символами в виде звеньев цепи. Щелкн ув на этом символе, вы можете убрать связь слоя со слоем текущим. Одноврем енно может существовать несколько групп связанных слоев. То есть если в документе содержится, например, 7 слоев, то вы можете связать между собой с лои 1, 3 и 4, а потом выбрать слой 6 и связать с ним слой 7. Будут образованы две не зависимые группы слоев (разумеется, комбинировать слои можно в любом пор ядке). Рис. 6. Для выполнения некоторых операций надо с вязать слои между собой СОВЕТ. Устано вив связь между слоями, вы сможете перемещать расположенные на них объек ты синхронно. Это оказывается полезным, например, при перемещении заголо вка, текст и фон которого находятся на разных слоях. В меню Layer > Align Linked (Слой > Выровнять связанные слои) находятся следующие команды: · Top Edges (Верхние грани) — объек ты, находящиеся на связанных слоях, перераспределяются так, что их верхн ие границы совмещаются по высоте с верхней границей объекта, находящего ся на выделенном (активном) слое; · Vertical Centers (Центры по вертикали) — объекты располагаются так, что их центры оказываются на высоте центра объекта, находящегося на активном слое; · Bottom Edges (Нижние грани) — нижние границы объектов, находящихся на связанных слоях, совмещаются по высоте с нижней границей активного слоя; · Left Edges (Левые грани) — левые границы изображений, находящихся на связанных слоях, выравнива ются по левой границе изображения, находящегося на активном слое. Разуме ется, активный слой должен входить в группу связанных слоев; · Horizontal Centers (Центры по го ризонтали) — центры объектов из связанных слоев располагаются в том же положении (по горизонтали), что и центр объекта из активного слоя; · Right Edges (Правые грани) — выравн ивание производится по правой границе изображения, располагающегося н а активном слое. На рис. 7 показан п ример использования команды Horizontal Centers (Центры по горизонтали). Рис. 6. Исходное изображение (вверху) и изображен ие после выравнивания центров объектов по горизонтали (внизу). В качеств е опорного использовался верхний шарик СОВЕТ. Связав несколько слоев с фоном и выбрав е го в качестве активного слоя, вы можете выравнивать изображения (или тек ст, если слои текстовые) по центру или по краям холста. Команды меню Layer (Слой) позволяют выравнивать не только границы объектов и ли их центры, но и интервалы между ними. Для этого служат команды подменю Layer > Distribute Linked (Слой > Распределить связанные слои). Команды видны на рис. 8. Набо р команд аналогичен командам выравнивания слоев, но в данном случае слои перераспределяются так, чтобы выровнялись не соответствующие границы изображений, а интервалы между ними. Вы можете выполнить следующие опера ции: Рис. 8. Команды меню Layer > Distribute Linked служат для выравнива ния интервалов между объектами, находящимися на разных слоях · Top Edges (Верхние грани) — вырав ниваются интервалы между верхними гранями связанных слоев; · Vertical Centers (Центры по вертикали) — выравниваются интервалы между центрами объектов. Перемещение произ водится в вертикальной плоскости; · Bottom Edges (Нижние грани) — выравниваются интервалы между нижними гранями изображений, находящ ихся на связанных слоях; · Left Edges (Левые грани) — используйте эту команду для выравнивания расстояний между левыми гр анями объектов; · Horizontal Centers (Горизонтал ьные центры) — интервалы между центрами объектов выравниваются при пом ощи перемещения изображений в горизонтальной плоскости; · Right Edges (Правые грани) — выравн иваются интервалы между правыми гранями изображений. ВНИМАНИЕ . Так как эти команды с лужат для выравнивания интервалов между слоями, использо-вать их можно п ри наличии хотя бы двух таких интервалов. Поэтому для использования кома нд меню Layer > Distribute Linked (Слой > Распределить связанные слои) следует связать хотя б ы три слоя. Выравнивать интервалы в группе, содержащей фоновый слой, нель зя. На рис. 9 приведен пример выравнивания интервалов м ежду объектами, находящимися на разных слоях. Кроме выравнивания изо бражений по вертикали и горизонтали, часто возникает необходимость изм енить порядок следования слоев. Это позволяет, например, поместить одно изображение под другое, или, наоборот, вынести его на передний план. Выпол нить подобную операцию можно несколькими способами. Самый простой из ни х — перетащить символ слоя на палитре Layers (Слои) при помощи мыши. Для этого в ыделите нужный слой, нажмите левую кнопку мыши, и, удерживая ее нажатой, пе реместите символ слоя. Вы можете поместить его между двумя любыми слоями или над самым верхним слоем. Во время перемещения на месте, куда будет пом ещен слой, отображается белая линия. После выбора нужной позиции отпусти те кнопку мыши. Вид палитры Layers (Слои) во время выполнения этой операции пок азан на рис. 10. Рис. 9. Пример использования команды выравниван ия интервалов между слоями. Сверху — исхо дное изображение, внизу — изображение после применения команды Layer > Distribute Linked > Vertical Centers Рис. 10. Порядок расположения слоев можно изменя ть при помощи мыши ВНИМАНИЕ. Перемещать фоновый с лой нельзя. Если вы хотите поместить его над другими слоями, скопируйте е го (например, при помощи команды Duplicate Layer... (Скопировать слой...) из меню палитры) и поместите в нужное место копию. Сам фоновый слой после этого можно удал ить. ПРИМЕЧАНИЕ. С лои располагаются на панели Layers (Слои) в том порядке, в котором они отобража ются на экране. Самый верхний слой отображается «поверх» остальных. Фоно вый спой отображается «ниже» остальных — обычные слои на него накладыв аются. Еще один способ изменения порядка следования слоев — использование команд меню Layer > Arrange (Слой > Изменить порядок слоев). Эт о меню изображено на рис. 11. Рис. 11. С помощью команд меню Layer > Arrange можно изменять порядок наложения слоев друг на друга Вы можете исп ользовать следующие команды: · Bring to Front (На передний план) — ак тивный слой перемещается на передний план (становится ближайшим к польз ователю); · Bring Forward (Переместить вперед) — активный слой перемещается на одну позицию наверх (меняется местами с расположенным над ним слоем); · Send Backward (Переместить назад) — активный слой меняется местами со слоем, расположенным под ним; · Send to Back (На задний план) — акти вный слой помещается на задний план (становится самым удаленным от польз ователя). Если изображение содержит фоновый слой, то текущий слой помеща ется непосредственно над ним. Команды меню позволяют быстро перемещать слои, но делать это можно только «пошагово» — меняя местами соседние слои. Если слоев много, гораздо удобнее и нагля днее пользоваться палитрой Layers (Слои). СОВЕТ. Управлять перемещением слоев можно с клавиату ры при помощи комбинаций клавиш. Они указаны напротив соответствующих к оманд (рис. 11). В начале этого урока было сказано, что все графические элементы, находящиеся на web-странице, должны быть только прям оугольными. Это связано с тем, что в файлах могут сохраняться изображени я только такой формы. Поэтому после того, как вы подготовите макет сайта, в ам придется «нарезать» его, то есть разделить на отдельные изображения, которые затем будут сохранены в файлах и помещены на сервер. Резать на отдельные части удобнее не состоящее из множества слоев, а «плоское» из ображение, содержащее один слой (в большинстве случаев этот слой являетс я фоновым). Для того чтобы «склеить» слои, следует использовать специаль ные команды, находящиеся в меню палитры Layers (Слои), а также в меню Layer (Слой). К эт им командам относятся: · Merge Down (Объединить с нижним) — активный слой объединяется со слоем, расположенным под ним (накладывает ся на него); · Merge Visible (Объединить видимые) — объединяются все слои, видимые в данный момент (слои, для которых на пал итре Layers (Слои) установлен символ видимости). Объединение производится в то м порядке, в котором слои расположены на палитре Layers (Слои); · Flatten Image (Объединить в се) — объединяются все слои, находящиеся в редактируемом файле. Если час ть слоев невидима (отсутствует на экране), то на экран выводится запрос о т ом, следует ли их отбросить или же необходимо сохранить. Объединение про изводится в порядке расположения слоев. · ВНИМАНИЕ. Перед тем, как производить объединение («склеивание») слоев, сдел айте резервную копию файла. В противном случае вы можете, нечаянно сохра нив объединенные спои, лишиться возможности дальнейшего редактировани я элементов изображения. СОВЕТ. Вызвать меню палитры можно при помощи кно пки со стрелкой, расположенной в верхнем правом углу панели. Получив «плоское» изображение, приступайте к его нарезке. При этом вы должны четко представить себе структуру будущей страницы, форму и размеры ее элементов. Если предполагается использовать рисованный фо н (текстуру), то удобнее подготовить его в виде отдельного файла. Это упрос тит сохранение фона в пригодном для использования на web-странице виде. Для выделения элементов в Adobe PhotoShop удобнее всего использовать инструмент Rectangular Marquee (Прямоугольное выделение). С его помощью можно легко выделять прям оугольные фрагменты изображения и переносить их (через буфер обмена) в н овый файл. Этот файл затем можно сохранить в оптимальном для него формат е, подобрав параметры, обеспечивающие максимальное сжатие. СОВЕТ. Если вы создаете новый файл, а в буфере об мена Windows уже находится изображение, то файлу по умолчанию будет присвоен р азмер этого изображения. Готовить изображение к сохр анению и регулировать параметры сжатия вы можете вручную при помощи раз личных команд. Также можно воспользоваться командой File > Save for Web (Файл > Сохрани ть для Web). Она позволяет оптимизировать сжатие файла, непосредственно наб людая за тем, как вносимые изменения влияют на качество изображения и ег о размер на диске. Подробнее эти процедуры рассматриваются в следующем у роке. Для того чтобы облегчить выделение различных элементов (а также их размещение на макете страницы), полезно создать в файле макета отдель ный слой и раскрасить его, обозначив тем самым области изображения. Прим ер такой разметки приведен на рис. 12. Рис. 12. Пример разметки макета В дальнейшем в ы сможете легко выделить нужную область, например при помощи инструмент а Magic Wand (Волшебная палочка). Еще одно средство разметки страниц и выделен ия элементов для сохране ния отдельных файлов — инструмент Slice (Нож). С его помощью изображение «разрезают» на области, которые затем можно сохран ять по отдельности (при помощи команды Save for Web (Сохранить для Web)), используя для каждой из них свои настройки сжатия. При помощи инструмента Slice Select (Выбрать область) можно получить доступ к области после ее создания. Это позволит вам, например, перемещать область по холсту. Продолж ение следует...
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Экономическая теория

 Анекдоты - это почти как рефераты, только короткие и смешные Следующий
На брифинге Госдепа США.
- Джен, а кто отец вашего ребенка?
- У меня пока нет данной информации, но я уточню в офисе.
Anekdot.ru

Узнайте стоимость курсовой, диплома, реферата на заказ.

Обратите внимание, реферат по информатике и информационным технологиям "Подготовка макета web-страницы в Adobe PhotoShop", также как и все другие рефераты, курсовые, дипломные и другие работы вы можете скачать бесплатно.

Смотрите также:


Банк рефератов - РефератБанк.ру
© РефератБанк, 2002 - 2016
Рейтинг@Mail.ru