Adobe muse вставить картинку
В представлении Дизайна в меню File выберите Place.
Выберите изображение для вставки (можно выбрать несколько изображений).
Выбранное изображение будет иметь вид небольшого значка. Установите его на место вставки. При щелчке по значку изображение примет натуральные размеры.
При изменении вставленного изображения (перетаскиванием маркеров) редактор укажет процент изменения размера.
Вставьте изображение из другой программы
В другой программе, такой как Adobe Photoshop, копируют изображение, используя соответствующую опцию меню. Откройтесь web-страницу в представлении Дизайна, вставьте изображение, используя меню Edit - Paste.
Выберите изображение. Заполнение страницы изображением - см. Работа с прямоугольниками .
Дублируйте изображение
В меню Edit выберите Duplicate
Закрепление изображения
Закрепленное изображение "придерживается" своего местоположения относительно браузера, а не относительно других элементов на странице.
Для закрепления изображения используйте инструмент Pin tool (при этом Вы по существу удаляете изображение из состава остальной части страницы). В результате скрепленное изображение сохраняет свое положение на экране, когда пользователь прокручивает страницу в браузере.
В представлении Дизайна выберите изображение, которое Вы хотите скрепить. В Панели управления щелкните позицией в инструменте Pin tool, чтобы определить, как Вы хотите скрепить изображение относительно браузера. Выбор главного центра скрепит изображение относительно главного центра браузера. Выбор позиции справа скрепит изображение относительно справа основания браузера, и так далее.
Измените размеры изображения
В представлении Дизайна щелкните по изображению, чтобы выделить его. Перетащите маркеры, чтобы корректировать ширину изображения или высоту. Альтернативно, Вы можете установить точные размеры ширины и высоты, используя опции Width и Height в Панели управления.
Вращайте изображение
В представлении Дизайна выберите изображение, которое Вы хотите повернуть на определенный угол. Увеличьте или уменьшите угол вращения в Панели управления. (Опция Rotation Angle option - самая правая опция в Панели управления). Альтернативно, Вы можете навести курсор на угол изображения, пока Вы не видите значок вращения, и затем вращаете изображение вручную.
Установите изображение
В представлении Дизайна выберите изображение, которое Вы хотите установить. Перетащите изображение к соответствующей позиции. Альтернативно, Вы можете установить точный X и координаты Y для изображения, используя X и опции Y в Панели управления.
Непрозрачность изображения
Выберите изображение в представлении Дизайна, на Панели управления в опции Fill щелкните Opacity, и установите движком уровень непрозрачности изображения. Альтернативно, Вы можете определить точную непрозрачность, нажимая в коробке редактирования Непрозрачности и вводя число.
Добавьте эффекты к изображению
Вы можете добавить эффекты, такие как тени снижения, скосы и жар к изображению.
Подробнее см. Работу с прямоугольниками .
Подрежьте изображение
В представлении Дизайна выберите изображение, которое Вы хотите подрезать. Щелкните инструментом Crop Tool на панели инструментов Tools. Перетащите любой из изменяющих размеры маркеров внутрь, чтобы подрезать изображение.
Дополнительно: при появлении круга на изображении изображение можно перемещать в пределах рамки изображения (установив курсор внутрь круга). Все, что при этом выйдет за пределы рамки, будет обрезано.
Поместите кнопку Photoshop
В представлении Дизайна в меню File выберите Place Photoshop Button .
Кнопка Photoshop в редакторе позволяет координировать работу Muse и Photoshop .
Работа с опциями в контекстном меню
Щелкните правой кнопкой мыши по изображению на странице.
В контекстном меню доступны следующие опции:
Arrange-Устанавливает порядок расположения выделенного изображения (выше или ниже других элементов на странице).
У Настройки опции This есть два выбора: Fit Content Proportionately -Пригодное Содержание Пропорционально и Fill Frame Proportionately-Заполняет Рамку Пропорционально. Установка Fit Content Proportionately масштабирует изображение, чтобы сохранить его формат изображения в пределах области дисплея. Заполняющаяся Рамка, пропорционально устанавливающая зерновые культуры изображение (если нужно), чтобы гарантировать, что область дисплея полностью заполнена.
Edit Original -Редактируйте оригинал. Если Вы сделали так, чтобы главный источник отобразил файл на Вашей машине, (такой как Photoshop PSD file or a Fireworks PNG file-Фотомагазин файл PSD или Фейерверк файл PNG), Вы можете выбрать Edit Original и сделать изменения к главной версии файла, сохранять обе копии в синхронизации. Это путешествие туда и обратно, редактирующее особенность, не доступно, если изображение было скопировано и затем вставлено в страницу. Add Alternative Text -Добавьте Альтернативный Текст. Чтобы улучшить доступность и Оптимизацию Поискового сервера, Вы можете ввести текстовое описание для каждого файла изображения. Альтернативный текст появится вместо изображения, если файл изображения нельзя показать.
Использование панели Assets
Обратитесь к панели Assets (Активы) в "Доке панелей" (панель открывается из меню Window - Assets).
Щелкните правой кнопкой мыши на именах файла в панели Assets.
В контекстном меню есть такие опции:
Relink All Instances - Позволяет Вам повторно подключать активы, которые были перемещены после того, как они были размещены в страницы.
Embed Link Adds - Добавляет значок ссылки с путем к местоположению актива на местном компьютере.
Reveal in Finder Opens - Открывает Эксплорер Файла (Windows) или Искатель (Mac) и отображает папку, которая содержит активы сайта, чтобы облегчить определять местонахождение определенного файла. Скопируйте Полные Копии Пути путь к местоположению актива на местном компьютере к Вашему буферу обмена.
Отметьте: подобную панель в InDesign называют Панелью Ссылок.
Вы можете группировать выделенные объекты (включая изображения, прямоугольники и текстовые рамки) в единую группу, чтобы облегчить размещение ряда элементов на странице. Используйте инструмент (на панели инструментов) Selection tool - инструмент выбора, чтобы выбрать два или больше объекта.
Щелкните правой кнопкой мыши и выберите опцию Group из контекстного меню. Или в меню Object выберите Group.
Как только объекты сгруппированы, ограничивающий прямоугольник окружает всю группу.
Чтобы разгруппировать объекты, щелкните правой кнопкой мыши и выберите опцию Ungroup из контекстного меню. Альтернативно, в меню Object выберите Ungroup.
Так как Adobe Muse входит в состав пакета программ Adobe под названием Adobe Creative Cloud , то многие функции Muse реализуются при совместной работе с другими программами Adobe.
Так, при создании фотоальбомов Muse работает совместно с другой программой Adobe - графическим редактором Lightroom .
При совместной работе Lightroom, Muse и Business Catalyst фотоальбом создается за несколько минут.
Узнайте, как добавлять ресурсы и управлять ими в Adobe Muse.
При создании сайтов в приложении Adobe Muse добавляемые файлы вносятся в список на панели «Ресурсы». Эта панель содержит много полезных функций, которые можно использовать для быстрого обновления, оптимизации и выгрузки графики при создании сайта.
Чтобы открыть панель «Ресурсы», выберите меню «Окно» > «Ресурсы». Либо нажмите вкладку «Ресурсы», чтобы активировать панель «Ресурсы» в наборе панелей.
Нажмите правой кнопкой мыши ресурс (или выделенный набор ресурсов) на панели «Ресурсы», чтобы применить к нему параметры меню. Параметры, доступные в меню, зависят от типа выбранного файла. Доступны следующие варианты:
- Встроить ссылку: удаляет ссылку на исходный помещенный файл. При выборе этого параметра большинство функций управления файлом на панели «Ресурсы» становятся недоступны, однако файл .muse становится самостоятельным, что предотвращает появление уведомлений при совместном использовании файлов Adobe Muse с другими дизайнерами.
- Связать заново: позволяет заново связать файл ресурса, если после помещения он был перемещен или переименован. В открывшемся окне выберите необходимый файл. При этом также удаляется значок уведомления на панели «Ресурсы».
- Перейти к ресурсу/Перейти к месту использования ресурса: при работе в Adobe Muse иногда может быть трудно отследить место использования отправленного ресурса или фонового изображения. Теперь можно воспользоваться новой функцией «Перейти к месту использования ресурса», позволяющей отслеживать использование фоновых изображений и отправлять ресурсы на веб-сайт.
- Редактировать оригинал: открывает исходное изображение (хранящееся на компьютере), позволяя вносить изменения в главный файл. Файл откроется во внешнем редакторе в зависимости от типа файла и ассоциации файлов на компьютере.
- Добавить заголовок: открывает диалоговое окно «Свойства изображения», содержащее поля для ввода заголовка и альтернативного текста для выбранного ресурса. Это короткие текстовые описания, которые добавляются в код сайта во время его публикации. Заголовки предоставляют дополнительную информацию о ресурсе. Заголовки должны быть описательными, запоминающимися и точными. В некоторых браузерах текст заголовка отображается в виде подсказки, когда на изображение наводится указатель мыши.
- Добавить альтернативный текст: открывает диалоговое окно «Свойства изображения», содержащее поля для ввода заголовка и альтернативного текста для выбранного ресурса. Это короткие текстовые описания, которые добавляются в код сайта во время его публикации. Альтернативный текст — это альтернативный источник информации для пользователей, отключивших в своем браузере отображение изображений, и посетителей с ослабленным зрением, которые используют для навигации по сайту программы чтения с экрана и другие вспомогательные устройства. Многие поисковые системы используют альтернативный текст для индексации сайта. Добавление альтернативного текста позволяет повысить рейтинг сайта в результатах поиска.
- Показать в программе Finder: отображает расположение исходного файла на компьютере в Mac Finder или Проводнике Windows.
- Копировать полный путь: копирует путь к местоположению файла исходного ресурса на жестком диске в буфер обмена в формате, аналогичном file:///Users/User_Name/Folder_Name/Subfolder_Name/image.jpg
Перетащите боковые и нижние границы панели «Ресурсы», чтобы расширить ее для просмотра дополнительных пунктов списка.
Чтобы изменить порядок ресурсов в списке, нажмите верхнюю строку заголовка. Список можно сортировать по имени ресурсов, значкам ошибок или именам страниц в порядке возрастания или убывания. Каждый заголовок действует как кнопка переключения, позволяющая сортировать пункты в соответствующем столбце.
При размещении нескольких экземпляров одного файла изображения исходный ресурс отображается выше экземпляров. Чтобы развернуть или свернуть набор ресурсов, нажмите стрелку слева от имени исходного ресурса. Это позволяет сократить список ресурсов и упрощает перемещение между элементами панели «Ресурсы».
Если дублировать помещенное изображение и внести в него изменения (включая поворот или обрезку), то при экспорте или публикации сайта повернутое или обрезанное изображение будет экспортировано с другим именем файла. Если дублировать помещенное изображение или изменить его размер без обрезки, все уменьшенные изображения будут ссылаться на большое изображение, а размеры экземпляров будут регулироваться с помощью кода.
В самом обычном рабочем процессе помещенные ресурсы связываются с файлом .muse для сохранения связи с выбранным исходным файлом. Например, если выбрать меню «Файл» > «Поместить», выбрать изображение на компьютере и поместить его на страницу, то изображение будет добавлено в проект страницы, имя изображения будет добавлено на панель «Ресурсы» и будет создана ссылка на исходный файл на компьютере.
По этой причине рекомендуется использовать редактор изображений, например Photoshop, Illustrator или Fireworks, для экспорта веб-оптимизированных файлов изображений в папку на компьютере, содержащую файл сайта .muse. Таким образом, все элементы сайта будут организованы в одной локальной папке (что также позволит совместно работать над проектом с другими дизайнерами или передать весь проект другому лицу).
При помещении файлов связывающая ссылка помогает приложению Adobe Muse отслеживать расположение и состояние файла. На панели «Ресурсы» могут отображаться уведомления в следующих случаях.
Отсутствует изображение: исходный ресурс связанного файла был перемещен или переименован после его помещения. Открыв файл проекта Adobe Muse после переименования или перемещения исходных изображений, нажмите кнопку «ОК» в окне уведомления и измените ссылку на ресурс на панели «Ресурсы».
Устаревший ресурс: исходный ресурс связанного файла был изменен за пределами приложения Adobe Muse после того, как он был помещен. Открыв файл проекта Muse после изменения исходных изображений, нажмите кнопку «ОК» в появившемся диалоговом окне, чтобы автоматически обновить измененный связанный ресурс.
Увеличиваемый ресурс: масштаб связанного файла был увеличен после его размещения, что привело к пикселизации и снижению качества изображения. Дополнительную информацию о решении данной проблемы см. в разделе «Оптимизация изображений для отображения в Интернете» ниже.
Громоздкий файл проекта: большое связанное изображение было помещено на страницу, после чего его масштаб был значительно уменьшен. При этом файл .muse содержит больше данных, чем необходимо для отображения изображения (что приводит к излишне большому размеру файла .muse). В зависимости от размера файла проекта при экспорте и публикации сайта могут возникать ошибки или снижаться производительность.
Дополнительную информацию о решении этой проблемы см. в разделе «Значок уведомления об увеличиваемом ресурсе» далее.
По большому счету, вставка содержимого не самый лучший способ создания конечного проекта сайта, поскольку при этом отключается большинство функций панели «Ресурсы» (такие как «Перейти к ресурсу», «Редактировать оригинал», «Показать в программе Finder» и «Импорт большего размера», описанные ниже). В этом случае вставляемые файлы также не ссылаются на главный файл, хранящийся на компьютере. Файлы вставленных ресурсов встраиваются, а не связываются.
При необходимости любой помещенный ресурс можно преобразовать во встроенный ресурс, выбрав параметр «Встроить ссылку». В некоторых случаях встраивание всех ресурсов на сайт Adobe Muse может иметь свои преимущества. Например, при совместной работе над сайтом с другим дизайнером можно предотвратить отображение ошибок об устаревшем ресурсе, которые возникают после изменения исходных изображений. Эти предупреждения больше не будут отображаться, поскольку ссылка на исходный файл будет удалена. Однако при этом большинство полезных функций на панели «Ресурсы» будут недоступны.
Все файлы ресурсов для сайта Adobe Muse можно скопировать одну папку на локальном компьютере или внешнем жестком диске. Хранение ресурсов в одной папке очень удобно, когда требуется сделать резервную копию всех своих ресурсов или перенести проект с одного компьютера на другой.
Чтобы собрать все свои ресурсы, выполните указанные ниже действия.
На панели «Ресурсы» нажмите значок «Собрать все ресурсы».
Сохраните ресурсы в папке на своем компьютере или жестком диске.
Ресурсы сохраняются в указанном месте. Adobe Muse отображает сводную информацию о сборе с указанием общего количества извлеченных ресурсов.
Прежде, чем Вы приступите к размещению изображений, для удобства работы желательно собрать Ваши изображения в ту же самую папку, в которой размещается файл сайта музы.
Также на страницы Muse можно вставить изображения, которые располагаются вне сайта Muse (используя меню Файл > Поместить ). После публикации или экспорта сайта Muse соберет копии таких изображений в одну папку.
Муза предлагает два метода при вставке изображений на свои страницы - размещение и вставка.
Размещение - осуществляется из меню Файл - Поместить . При этом создается ссылка к файлу изображения. Это означает, что при изменении оригинала изображения обновляется и изображение, помещенное на страницу Muse.
Аналогично - если Вы копируете изображение на одной странице сайта Muse и вставляете на другую страницу этого же сайта - при изменении оригинала обе копии будут изменены.
Вставка - изображение копируется и включается в состав сайта. При обновлении оригинала изображения изображение в Muse обновляться не будет.
При необходимости любой помещенный ресурс можно преобразовать во встроенный ресурс, выбрав параметр «Встроить ссылку». В некоторых случаях встраивание всех ресурсов на сайт Muse может иметь свои преимущества. Например, при совместной работе над сайтом с другим дизайнером можно предотвратить отображение ошибок об устаревшем ресурсе, которые возникают после изменения исходных изображений. Эти предупреждения больше не будут отображаться, поскольку ссылка на исходный файл будет удалена. Однако при этом большинство полезных функций на панели «Ресурсы» будут недоступны.
Вставка изображения
Для вставки изображения используйте меню Файл - Поместить (File > Place).
В диалоговом окне Импорт (Import) выберите изображение на своем компьютере, щелкните Открыть ( Open для Windows).
Вставьте изображение на страницу Muse, для этого достаточно щелкнуть на странице.
Изображение будет вставлено заключенным в рамку (фрейм) .
Размер вставленного изображения можно изменять, перетаскивая границы рамки за маркеры. При изменении размеров вставленных изображений указывается процент отклонения от 100 %.
Выделенное изображение можно устанавливать на любое место на странице перетаскиванием. Если Вы перемещаете рамку по странице, изображение перемещается также.
Рамка, которая содержит изображение, может иметь обводку, скругление углов, к вставленному изображению могут быть применены эффекты или другое форматирование.
Если Вы помещаете документ Фотошопа (.psd), Muse преобразовывает файл в веб-формат. Muse сохраняет ссылку к оригинальному файлу .psd, и Вы можете сделать любые изменения в Фотошопе, затем обновить изображение в музе, используя панель Ресурсы (Assets).
1. Верний левый угол изображения будет в том месте, где Вы щелкните при вставке.
2. В Muse лучше помещать изображения в 100% его оригинального размера. При значительном увеличении размера изображения теряется качество изображения (появляются зазубренность краев, расплывчатость).
3. Когда Вы измеряете изображение более чем 100 %, значок предупреждения появляется в панели Ресурсы (Assets).
Этот значок предупреждения указывает, что Вы, возможно, должны выбрать большую версию изображения или уменьшить масштаб изображения.
4. Чтобы поместить на страницу несколько изображений одновременно, выделите их при импорте с нажатой клавишей Ctrl. Затем сделайте на странице несколько щелчков (по числу отбранных файлов.)
5. Если Вы помещаете изображения .jpg .jpg или.jpg файл в Muse и изменяете размеры изображения, размеры оригинального файла изображения остаются неизменными. Когда Вы издаете или экспортируете сайт, муза создает копии оригинального изображения.
Примечание:
Нужно договориться о терминах. По сути "рамка" и "фрейм" (frame) - это одно и тоже, но на разных языках.
В русскоязычной справке программы рамка, в которую заключен объект при вставке, называется фреймом, и поэтому фигурируют такие выражения, как "текстовой фрейм" (при вставке текста) или "Фрейм изображения" при вставке изображения. Аналогичные всплывающие подсказки появляются и при редактировании объектов.
Одновременно созданная рамка вокруг объекта (со своей толщиной, цветом и пр.) в авторской справке называется обводкой.
Получается так, как показано на рисунке ниже: слева - изображение во фрейме, справа - изображение в обводке.
Мы в дальнейшем будем называть тонкую рамочку с маркерами - "рамка (фрейм)", а рамку вокруг объекта - просто рамкой.
Рамка (фрейм) появляется автоматически вокруг объекта при его выделении.
Рамка - рукотворное произведение, со своими настройками (см. Рамки )
Примечание: рамка (фрейм) и объект(например - изображение), заключенный в рамке (фрейме) - это два разных объекта, имеющие собственные настройки - см. Раздельное редактирование элемента и его рамки (фрейма)
Для работы с объектами используется меню "Объект" , а также панели из Дока панелей .
Примечание: Все операции по работе с объектами можно отменить и восстановить, используя меню Редактировать - Отменить/Повторить .
Выделение объектов
Способы выделения объектов :
- Для выделения расположенного на странице объекта достаточно щелкнуть по нему. Вокруг выделенного объекта появляется рамка с маркерами.
- Использование инструмента выделения на Панели инструментов .
- Использование панели Ресурсы для выделения объектов. Щелкните по ресурсу на панели правой кнопкой мыши, в контекстном меню выберите "Перейти к ресурсу". В окне редактирования откроется страница, содержащая нужный объект, который будет выделен (заключен в рамку (фрейм).
Выделение нескольких объектов одновременно
- Щелкать по каждому объекту, удерживая клавишу Shift
- Щелкнуть по инструменту выделения на Панели инструментов и растянуть рамку вокруг тех объектов, которые нужно выделить. Все объекты, заключенные в рамку, будут выделены.
Выделение объектов, которые накладываются друг на друга
Так как объекты могут располагаться с наложением друг на друга, то зачастую бывает сложно выделить нужный объект, если он располагается под другим объектом.
Способ 1. Используйте панель Ресурсы - щелкните на панели по ресурсу правой кнопкой мыши и в контекстном меню выберите "Перейти к ресурсу". При этом объект будет выделен в Окне редактирования (появится его рамка-фрейм), даже если объект заслонен другим объектом.
Способ 2. Предположим, что Вам нужно выделить текст, но текст расположен под изображением. Выделите изображение, используя инструмент выделения В меню Объект выберите Закрепить . Изображение будет закреплено - его нельзя выделить, переместить, редактировать и пр. (см. Блокировка объектов).
Снова выделите изображение вместе с текстом - будет выделен только текст.
Способ 3. Если большой объект заслоняет другие объекты, этот объект можно временно скрыть - в меню Объект выберите Скрыть . Объект становится невидимым (но не удаляется со страницы). После этого можно выделить те объекты, которые находились под скрытым объектом.
Чтобы сделать объект вновь видимым, в меню Объект выберите Показать все на странице .
Способ 4. Для работы с объектами, в том числе и для облегчения их выделения, Вы можете применить слои ( Подробнее о слоях ).
Нужно учесть, что рамка (фрейм) объекта и сам объект (например, текст, изображение и пр.) - это два разных объекта. Из этого следует, что эти два объекта можно выделять и настраивать по-отдельности.
Подробнее об этом (на примере изображения) см.
Изменение размера рамки (фрейма) или изображения по отдельности
Индикатор выбора
При выделении объектов всегда обращайте внимание на Индикатор выбора на Панели управления .
Изменение размеров объектов
- Путем перетаскивания границ рамки (фрейма) за маркеры. При перетаскивании границ появляется всплывающая посказка с указанием размеров рамки (фрейма) объекта. При изменении размеров вставленных изображений указывается процент отклонения от 100 %.
- Используя панель Перспектива (Transform) в Доке панелей . При этом можно настроить точные размеры объекта, а также его точное расположение на странице.
Примечания:
1. Не рекомендуется изменять размеры некоторых объектов в Muse (например, изображений, файлов Flash .swf, некоторых виджетов). Желательно (но не обязательно) сохранять 100 % размер таких объектов при вставке на страницы Muse.
2. При изменении размеров текстовой рамки (фрейма) размеры шрифта текста не изменяются.
3. Изменение размеров сгруппированные объектов (см. Группировка объектов) изменяет размеры изображений, но не изменяется размер текста в группа.
Элементы, для которых задана ширина 100%
Объект, вставленный на страницу (например - прямоугольник), обычно имеет определенные размеры - ширину и высоту. Это означает, что объект не будет изменять размер при отображении в различных разрешающих способностях экрана.
Но Вы можете создать прямоугольник и текстовые рамки, которые всегда будут заполнять всю ширину окно браузера, независимо от того, какую ширину окна браузера устанавливает посетитель.
Например, создайте прямоугольник (см. Прямоугольники ).
Установите толщину рамки прямоугольника равной 0.
Перетащите левую сторону рамки (фрейма) до соприкосновения с левой стороной страницы (при соприкосновении появляется тонкая красная линия).
Аналогично перетащите правый край рамки (фрейма) до соприкосновения а правым краем страницы.
Подробнее
В этом ролике я рассказываю, как нужно работать с картинками в Adobe Muse
00:12 – открываем нужный фоторедактор
00:58 – вставляем картинку в Adobe Muse
02:25 – автоматическое обновление страницы сайта в Adobe Muse
Данил Фимушкин
На моем канале собраны бесплатные уроки веб-диайзайна, уроки фотошопа, уроки о дизайне сайтов и многое другое. Мои студенты начинают и с нуля: учатся веб-дизайну и даже открывают свои веб-студии. Итак, этот канал можно назвать бесплатной школой веб-дизайна Данила Фимушкина :) Приход на бесплатный мастер-класс по веб-дизайну
5 полезных сервисов для бесплатного образования и поиска работы
127 полезных и бесплатных онлайн академий
Ресурсы для objective-C программистов
' data-post_id="301308" data-user_id="0" data-is_need_logged="1" data-lang="en" data-decom_comment_single_translate=" комментарий" data-decom_comment_twice_translate=" комментария" data-decom_comment_plural_translate=" комментариев" data-multiple_vote="1" data-text_lang_comment_deleted='Комментарий удален' data-text_lang_edited="Отредактировано в" data-text_lang_delete="Удалить" data-text_lang_not_zero="Поле не NULL" data-text_lang_required="Это обязательное поле." data-text_lang_checked="Отметьте один из пунктов" data-text_lang_completed="Операция завершена" data-text_lang_items_deleted="Объекты были удалены" data-text_lang_close="Закрыть" data-text_lang_loading="Загрузка. ">
Читайте также: