Adobe muse горячие клавиши – Комбинации клавиш Adobe Muse

Содержание

Горячие клавиши программы Adobe Muse — сборник таблиц


Горячие клавиши программы Adobe Muse













































































































































ACTION


SHORTCUT


General


New Site


Ctrl + N


Open Site


Ctrl + O


Close Site


Ctrl + Shift + W


Close Page


Ctrl + W


Save Site


Ctrl + S


Save Site As


Ctrl + Shift + S


Place File


Ctrl + D


Create PSD Button


Ctrl + B


Exit


Ctrl + Q


Export to HTML


Ctrl + E


Upload to FTP Host


Ctrl + Alt + F


Preview Page in Browser


Ctrl + Shift + E


Preview Site in Browser


Ctrl + Alt + E


Publish Menu


Ctrl + Alt + P


Create New Site Bypassing Dialog


Ctrl + Alt + N


Edit Menu


Undo


Ctrl + Z


Redo


Ctrl + Shift + Z


Cut


Ctrl + X


Copy


Ctrl + C


Paste


Ctrl + V


Paste in Place


Ctrl + Alt + Shift + V


Duplicate


Ctrl + Alt + Shift + D


Select All


Ctrl + A


Deselect All


Ctrl + Shift + A


Select Same


Ctrl + Alt + Shift + A


Backspace


Backspace


Delete Word Backwards


Ctrl + Backspace


Delete Word Forwards


Ctrl + Delete


Delete


Delete


Toggle Spellchecker


Ctrl + Alt + I


Page Menu


Add Top Level Page


Ctrl + Shift + P


Go to Page


Ctrl + J


Go to Master Page


Ctrl + Shift + M


Go to Matching Desktop Page


Ctrl + Shift + 7


Go to Matching Tablet Page


Ctrl + Shift + 8


Go to Matching Phone Page


Ctrl + Shift + 9


View Menu


Plan Mode


Ctrl + M


Design Mode


Ctrl + I


Preview Mode


Ctrl + P


Zoom In


Ctrl + + (plus)


Zoom Out


Ctrl + — (minus)


Fit Page


Ctrl + 0


View Actual Size


Ctrl + 1


Toggle Rulers


Ctrl + R


Toggle Guides


Ctrl + ; (semi-colon)


Show/Hide Smart Guides


Ctrl + U


Lock/Unlock Guides


Ctrl + Alt + ; (semi-colon)


Toggle Header and Footer


Ctrl + Shift + ; (semi-colon)


Toggle Grid


Ctrl + ‘ (apostrophe)


Zoom 200%


Ctrl + 2


Zoom 50%


Ctrl + 5


Next Tab


Ctrl + Tab


Previous Tab


Ctrl + Shift + Tab


Desktop Layout


Ctrl + 7


Tablet Layout


Ctrl + 8


Phone Layout


Ctrl + 9


Scroll to Top


Home


Scroll to Bottom


End


Scroll Up


Page Up


Scroll Down


Page Down


Object Menu


Bring to Front


Ctrl + Shift + J


Bring Forward


Ctrl + ]


Send to Back


Ctrl + Shift + [


Send Backwards


Ctrl + [


Group


Ctrl + G


Ungroup


Ctrl + Shift + G


Lock


Ctrl + L


Unlock All


Ctrl + Alt + L


Hide


Ctrl + 3


Show All


Ctrl + Alt + 3


Fit Content Proportionally


Ctrl + Alt + Shift + E


Fit Frame Proportionally


Ctrl + Alt + Shift + C


Nudge Right


Right


Nudge Left


Left


Big Nudge Up


Shift + Up


Big Nudge Down


Shift + Down


Big Nudge Right


Shift + Right


Big Nudge Left


Shift + Left


Link to File


Ctrl + Shift + F


Select Parent


Esc


Select Child


Shift + Esc


Select Next


Tab


Select Previous


Shift + Tab


Bump Text Size +2


Ctrl + Shift + . (period)


Bump Text Size -2


Ctrl + Shift + , (comma)


Bump Text Size +10


Ctrl + Alt + Shift + . (period)


Bump Text Size -10


Ctrl + Alt + Shift + , (comma)


Leading +2


Alt + Down


Leading -2


Alt + Up


Tracking +1


Alt + Right


Tracking -1


Alt + Left


Bold Text


Ctrl + Shift + B


Italic Text


Ctrl + Shift + I


Underline Text


Ctrl + Shift + U


Left Align Text


Ctrl + Shift + L


Center Align Text


Ctrl + Shift + C


Right Align Text


Ctrl + Shift + R


Tools Menu


Anchor Tool


A


Crop Tool


C


Hand Tool


H


Rectangle Tool


M


Selection Tool


V


Text Tool


T


Vertical Text Tool


Shift + T


Zoom Tool


Z


Palettes Menu Region


Show/Hide Control Strip


Ctrl + Alt + 6


Show/Hide Assets Palette


Ctrl + Shift + D


Show/Hide Text Palette


Ctrl + T


Show/Hide Wrap Palette


Ctrl + Alt + W


Show/Hide Spacing Palette


Ctrl + Alt + T


Show/Hide Warnings Palette


Ctrl + Shift + Alt + W


Other


Color Sampler Cancel


Esc


Preferences


Ctrl + K


Place Gun


Place Gun Cycle Previous


Left


Place Gun Cycle Next


Right


Place Gun Cycle Previous


Up


Place Gun Cycle Next


Down


Remove From Place Gun


Esc


Popups


Close/OK


Enter


Close/Cancel


Esc


Dialogs and Alerts


Okay


O


Cancel


C


Yes


Y


No


N


View Site


V


Save


S


Don»t Save


D


 

www.funtable.ru

Работа со слоями в Adobe Muse » Adobe Muse Уроки

Работа со слоями в Adobe Muse.

Тема данного видеоурока — работа со слоями. Мы рассмотрим как изменять расположение элементов «по оси z» в проекте сайта в Adobe Muse, чтобы одни элементы не перекрывали другие в пределах одного слоя и как перемещать целые группы элементов, организованные в слои так, чтобы одна группа элементов не перекрывала другую.

Использование слоев полезно например при размещении на сайте меню. Меню всегда нужно располагать в самом верхнем слое, чтобы контент сайта при прокрутке не перекрывал его. Смотрите это видео:

Работа со слоями. Сразу к делу.

Давайте сразу откроем проект. Я создал новый проект. И создадим здесь пару прямоугольников разного цвета. Например, создам зеленый и оранжевый прямоугольники. Вы видите, что первый прямоугольник, который я создал, он расположен как бы за вторым прямоугольником, который расположен у меня спереди, т.е. оранжевый прямоугольник перекрывает зеленый.

Работа со слоями. Изменение расположения элементов в пределах слоя.

Для того чтобы нам поменять это расположение, нам необходимо нажать правой кнопкой мыши и упорядочить первый прямоугольник на передний план. Таким образом, мы поменяли их позиционирование по, так называемой, оси Z, по глубине расположения. Если мы рассматриваем плоскость нашей страницы, как X и Y, то по оси Z, которая смотрит на нас, мы можем менять расположение элементов.

Для того чтобы нам снова вернуть оранжевый прямоугольник на передний план мы снова нажимаем правой кнопкой мыши на данном прямоугольнике, выбираем «Упорядочить» и выбираем либо «Переложить вперед», либо «На передний план» сразу.

Когда мы нажимаем на «Передний план», мы перемещаем элемент поверх всех элементов, которые у нас расположены на сайте либо в пределах одного слоя.

Работа со слоями. Раздел «Слои».

В программе есть специальный раздел «Слои». По умолчанию все элементы у нас располагаются в «Слое 1». Если мы раскроем данный слой, мы увидим здесь два прямоугольника. Выделить один из прямоугольников мы можем, нажав на данный квадратик. Таким образом, мы выделяем необходимый элемент на сайте.

Отключить видимость прямоугольника мы можем с помощью данных точек. Если мы уберем точку, прямоугольник исчезнет с сайта. Точно также мы можем отключить оранжевый прямоугольник.

Менять расположение прямоугольников относительно друг друга мы можем также в этой панели.  Если мы сейчас перетащим вот этот нижний прямоугольник вверх, то мы поменяем их местами. Теперь наш зеленый прямоугольник будет располагаться поверх оранжевого.

Работа со слоями. Добавление, удаление, переименование слоёв.

Эти два прямоугольника расположены у нас в «Слое 1». Мы можем создать еще один слой. Для этого нам необходимо будет нажать на данный квадратик, и автоматически у нас создается «Слой 2».

Также мы можем менять названия данных слоев. Например, я могу нажать правой кнопкой мыши на данном слое и переименовать его. Сейчас я не буду этого делать, но вы здесь можете написать любое имя слоя.

Что еще мы можем сделать с данными слоями? Мы можем добавить слой, удалить слой, сдублировать данный слой – слой будет дублироваться со всеми элементами, которые он содержит. Давайте я его удалю. Программа спрашивает, действительно, мы хотим это сделать? Нажимаем «ОК».

Давайте посмотрим, что еще мы можем сделать со слоями. Мы можем удалить неиспользуемые слои, т.е. такие слои, в которых нет элементов, которые мы используем на данной странице. Если я сейчас нажму «Удалить неиспользуемые слои», то «Слой 2» у меня удалится.

Работа со слоями. Изменение параметров слоя.

Мы можем зайти также в свойства данного слоя. Эта функция называется «Параметры слоя». Здесь мы можем изменить цвет, которым будут выделяться элементы слоя, выбрать из предложенных. Например, если я выберу красный, то все элементы, расположенные внутри данного слоя, будут выделяться красной рамкой.

Я могу заблокировать слой от перемещения. Таким образом, я больше ничего не смогу изменить на данном слое. А также могу убрать флажок «Показать слой» и, таким образом, слой на сайте не будет вообще отображаться и все его элементы будут невидимыми. Сейчас я ставлю эту галочку включенной и уберу галочку «Заблокировать слой». Нажимаю «ОК». вот здесь у нас появилась красная полоска и теперь при выделении элементов данного слоя, у нас будет красная рамка вокруг этих элементов.

Горячая клавиша «Alt»  для быстрого доступа к параметрам слоя.

Для того, чтобы создать новый слой и войти сразу в режим редактирования его параметров, мы зажимаем кнопку «Alt» и нажимаем на данный значок. Таким образом, мы создаем сразу «Слой 2» и сразу открываются параметры слоя. Нажимаю «ОК».

Работа со слоями. Изменение порядка расположения слоёв.

Давайте я сдублирую данный слой, нажимаю «Дублировать слой», появился «Слой 1 копия». Находясь в текущем данном слое (он выделен жирным цветом), я могу выделить эти два элемента и переместить их, например, вниз. Давай я поменяю цвет данных элементов, например, сделаю синий и желтый прямоугольник. Таким образом, «Слой 1 копия» содержит у меня теперь синий и желтый прямоугольники.

Мы можем менять слои местами, точно также как и элементы внутри слоев.

Таким образом, мы можем сразу изменять расположение целых слоев, содержащих множество элементов относительно друг друга, сможем выбирать,  какой из них будет располагаться выше, а какой будет располагаться ниже, т.е. какой из них будет располагаться ближе к нам и какой из них будет располагаться дальше от нас.

Таким образом, если мы сейчас выделим все элементы «Слоя 1 копия» и начнем перемещать его вверх, то мы увидим, что  элементы «Слоя 1 копия» перекрывают элементы «Слоя 1». В «Слое 1» у нас расположен и оранжевый прямоугольники.

Стоит нам только поменять эти слои местами, как у нас вся ситуация измениться. Теперь желтый и синий прямоугольники у нас расположены ниже, т. е. дальше от нас, а элементы, которые расположены в «Слое 1» — это зеленый и оранжевый прямоугольники, теперь расположены ближе к нам и при перемещении их перекрывают синий и желтый прямоугольники.

Работа со слоями. Пример — создание слоя для Меню.

Таким образом, при использовании слоев, вы, например, можете сделать слой, переименовать его и назвать «Меню». И расположить в данном слое мини-приложение «Меню», например, по вертикали. Давайте я поставлю «Вручную», добавлю несколько пунктов меню.

Допустим, у нас есть на сайте боковое меню, которое должно располагаться всегда поверх всех элементов сайта. Таким образом, в разделе «Слои» это «Меню» должно быть всегда в верхнем слое. Если наше «Меню» окажется, где-нибудь в нижнем слое, то все элементы сайта при прокрутке будут перекрывать данное меню. Поэтому меню всегда должно располагаться в верхнем слое страницы сайта. Удалить слой мы также можем, выделив его и нажав на значок «Корзинки» внизу.

Работа со слоями. Функция «Найти объект».

Также можем воспользоваться функцией «Найти объект». Если, например, мы выделим прямоугольник и нажмем на значок «Найти объект», то у нас в данном слое раскрывается данный слой, и сразу выделяется прямоугольник, который мы хотим найти. Это удобно, если у нас много элементов на сайте расположено, и нам необходимо найти в данном списке объект, который расположен у нас на сайте.

Вот так осуществляется работа со слоями на сайте в программе Adobe Muse. Надеюсь, данный урок был для вас полезен. Ставьте лайки и пишите комментарии к данному видео. Следите за обновлениями видеоканала. До встречи в следующих видеоуроках!

Автор видеоурока
Дмитрий Шаповалов

urokimuse.ru

Кнопка Наверх — в Adobe Muse » Adobe Muse Уроки

Кнопка Наверх в Adobe Muse

Кнопка Наверх используется на сайте для быстрого перемещения в начало страницы.

В этом видео мы рассмотрим 2 способа создания такой кнопки для сайта в Adobe Muse. Первый способ — стандартными средствами Adobe Muse. Второй — с использованием бесплатного виджета. Оба способа хороши и могут быть использованы в тех или иных случаях. У каждого из них есть свои нюансы по настройке и использованию, как плюсы, так и минусы.

Смотрите это видео:

Виджет о котором говорится в этом видео можно посмотреть и скачать здесь:
https://5108.ru/topscroll


Кнопка Наверх. 2 способа.

В этом видеоуроке мы научимся делать кнопку «Наверх» на сайте в программе Adobe Muse. Сделаем мы это двумя способами. Первый способ у нас будет использовать стандартные возможности программы. А во втором способе мы используем один бесплатный виджет. Смотрите этот урок до конца и вы все увидите.

Кнопка Наверх. Способ№1 — стандартными инструментами Adobe Muse.

Приступим к первому способу. Я буду использовать все тот же пример, который я создал в прошлом уроке. Здесь у меня размещены некоторые элементы, меню.

Кнопка наверх — создание кнопки-текста.

И я создал дополнительно еще один элемент – это обычный текстовый фрейм, т. е. обычный текстовый блок, созданный с помощью инструмента «Текст». У него есть заливка красным цветом и отредактировано положение текста внутри этого блока, т. е. я немного сдвинул к центру и выставил цвет текста белым.  Все, ничего сложно в этом нет, это обычный текстовый блок. Данный способ будет работать как на гибком макете, так и на макете с постоянной шириной.

Кнопка наверх — размещение на странице.

Нам нужно разместить данный текстовый блок в самом внизу страницы. Я беру данный блок, нажму «Вырезать» и иду в самый низ страницы, и здесь его вставлю. Нажимаю «Вставить» и размещаю данный блок в самом низу страницы. Для того чтобы разместить его ниже, мне нужно сделать небольшое дополнение. Я иду в «Объект» и включаю здесь функцию «Элемент нижнего колонтитула». Теперь данный блок я смогу разместить ниже, в футере моего сайта. Размещаю его примерно на одинаковом расстоянии справа и снизу. Или как хотите, тут его можно разместить, как вам будет удобнее. Размещаю в самом низу. Иду в настройки перспективы и закрепляю его в браузере снизу, в правом нижнем углу. Таким образом, я закрепил данный блок на вот таком расстоянии от нижней границы и от правой границы браузера. Можно сдвинуть его чуть ближе вот сюда.

И теперь на данный блок мы должны сделать якорную ссылку. Идем вверх, берем инструмент «Якорь» и ставим якорь в самом верху страницы. Я напишу название якоря «Up», т. е. вверх и нажму «ОК». Иду теперь в самый вниз и на данную кнопку мою в разделе «Гиперссылки» устанавливаю «Up».

Кнопка наверх — просмотр результата

Давайте посмотрим, что у нас получилось. Нажимаем сочетание «ctrl+shift+E», чтобы просмотреть страницу в браузере. И вы видите, что после загрузки страницы в правом нижнем углу у нас появилась кнопка «Up». Если мы сейчас прокрутим данную страницу до самого низа, то данная кнопка остается на своем месте, во-первых, а во-вторых, при нажатии на него (видите, появляется рука с пальчиком?) страница прокручивается до нашего якоря. Данная кнопка перенаправляет нас в начало страницы, т. е. вот так она работает. Если мы будем сейчас изменять ширину данной страницы, то данная кнопка тоже подползает и, в принципе, сохраняет свое место на странице. Как бы мы сейчас не уменьшили данное окно браузера, наша кнопка остается на месте и работает, т. е. если мы сейчас прокрутим, нажмем «Up», то она возвращает нас к началу страницы.

Это был первый способ, как вы сможете создать кнопку «Наверх» на своем сайте. Минусом данного способа является то, что данная кнопка находится постоянно на виду. Плюсом данного способа является то, что мы можем использовать его даже на макете с гибкой шириной. Если мы будем использовать для такой кнопки эффекты прокрутки, то мы сможем использовать способ с эффектами прокрутки только на макетах с постоянной шириной сайта.

Кнопка Наверх. Способ№2 — использование бесплатного виджета.

Второй способ с использованием специального виджета гораздо проще. Давайте я сейчас удалю данный якорь. Пойду вниз и удалю у данной кнопки все привязки, т. е. я сейчас выбираю «Перспектива» и удаляю ей эту привязку к нижней границе браузера. Теперь я могу размещать данную кнопку, где захочу, и она не будет привязана к границам браузера. Теперь это обычный текстовый элемент, который у нас точно такой же, как и все остальные тестовые элементы сайта. Давайте я нажму ctrl+X, чтобы вырезать его отсюда и вставлю его здесь, нажимая ctrl+V. Все, я разместил его снова на свое место. Все обнулил, убрал якорь.

Кнопка наверх — установка виджета на страницу.

И теперь мы рассмотрим второй способ с помощью виджета. Виджет я уже скачал и установил в библиотеку. Виджет называется «Scroll to Top». Виджет этот также работает на макетах с гибкой шириной и с постоянной шириной, но у него есть одна приятная особенность. Размещаем данный виджет на странице. И мы сразу видим вот такие настройки у него. Здесь у нас указан стиль графики, расположение кнопки – можем выбрать «Слева» или «Справа». Дальше мы можем выбрать появление кнопки через некоторое время. Эта, кстати, та особенность, о которой я говорил. В предыдущем способе мы не могли сделать так, чтобы наша кнопка появлялась при прокрутке, она сразу была видна на первом экране сайта. Дальше мы выбираем скорость прокрутки и отступы. Это отступы от границ браузера.

Кнопка наверх — назначение стилей графики.

Чтобы привязать кнопку к данному виджету нам необходимо назначить нашей кнопки  стиль графики. Стиль графики назначается в опциях «Стиль графики». Чтобы включить данную опцию мы идем в «Окно» и включаем здесь «Стили графики» либо нажимаем сочетание клавиш ctrl+F7. После того, как мы добавили в опции стили графики, у нас автоматически открывается окошко со стилями графики, либо мы открываем его сами.

Давайте создам стиль графики для нашей кнопки. Я нажимаю на кнопку создания стиля. У нас появляется новая запись «Стиль» и мы выбираем ее, нажимаем два раза и даем ей имя, например – «Up», чтобы было быстрее и короче. Нажимаю «ОК». Таким образом, у нас к данной кнопке теперь назначен стиль графики «Up». Все, больше нам ничего не нужно, кроме того, как в настройках данного виджета надпись «.button» заменить на нашу запись «Up». Таким образом, мы привязали наш объект кнопку к нашему виджету. Используя различные настройки, мы можем манипулировать различными эффектами.

Кнопка наверх — размещение виджета в проекте.

Данный виджет можно разместить за пределами сайта, чтобы он нам не мешал. В принципе, расположение данной кнопки тоже теперь не важно. Мы можем разместить ее хоть здесь, за пределами сайта, она все равно будет работать.

Кнопка наверх — просмотр результата

Давайте теперь перейдем в режим «Просмотр», даже можем просмотреть прямо здесь в программе. Мы начинаем прокручивать нашу страницу сайта, и в какой-то момент появляется кнопка «Up». Вот таким чудесным образом она у нас выползает. Согласитесь, это намного интереснее. И теперь до конца прокрутки страницы она будет находиться на данном месте. Если мы на нее нажмем сейчас, то мы переместимся к начальному экрану нашей страницы.

Кнопка наверх — плюсы использования виджета.

Еще одним плюсом использования данного виджета является то, что мы не создавали сейчас никаких дополнительных якорей. Виджет все сделал все. Теперь в настройках данного виджета вы можете устанавливать через сколько пикселей после прокрутки будет появляться данная кнопка. Можете устанавливать скорость ее появления и также поставить, например, ее появление слева. И расположение кнопки вот это значение «50» теперь будет отчитываться не справа, как у нас было в прошлом примере, а слева. Если мы еще раз просмотрим в режиме «Просмотр», то кнопка теперь будет выскакивать при прокрутке слева. И при нажатии на данную кнопку мы возвращаемся в начало нашей страницы.

Вот такие два способа есть по созданию кнопки на сайте в программе Adobe Muse. По этой ссылке вы можете — скачать данный виджет. А на этом я заканчиваю урок, ставьте лайк к этому видео, пишите комментарии внизу, делитесь этим видео со своими друзьями, знакомыми, кому это также будет интересно.

С вами был Дмитрий Шаповалов, до встречи в следующих видеоуроках на канале!

 

Автор видеоуроков и курсов
Дмитрий Шаповалов.

urokimuse.ru

Горячие клавиши Adobe Muse | Файловый клуб FilesClub.net



Чтобы посмотреть этот PDF файл с форматированием и разметкой, скачайте его и откройте на своем компьютере.
Adobe

Muse

Keyboard

Shortcuts,

English,

Windows

(updated

February

2016

File

Menu

Keyboard

Shortcut

New

Site

Ctrl+N

New Site, Bypass

Dialog

Ctrl+Alt+N

Open

Site

Ctrl+O

Close

Site

Ctrl+Shift+W

Close

Page

Ctrl+W

Save

Site

Ctrl+S

Save Site

Ctrl+Shift+S

Place

File

Ctrl+D

Create PSD

Button

Ctrl+B

Export to

HTML

Ctrl+E

Export to

FTP

Ctrl+Alt+F

Preview Page In

Browser

Ctrl+Shift+E

Preview Site In

Ctrl+Alt+E

Publish to

Ctrl+Alt+P

Exit

Ctrl+Q

Object

Menu

Keyboard

Shortcut

Bring To

Front

Ctrl+Shift+]

Bring

Forward

Ctrl+]

Send To

Back

Ctrl+Shift+[

Send

Backward

Ctrl+[

Group

Ctrl+G

Ungroup

Ctrl+Shift+G

Lock

Ctrl+L

Unlock

All

Ctrl+Alt+L

Hide

Ctrl+3

Show

All

Ctrl+Alt+3

Fit Content

Proportionally

Ctrl+Alt+Shift+E

Fill Frame

Proportionally

Ctrl+Alt+Shift+C

Nudge

Nudge

Down

Down

Nudge

Right

Right

Nudge

Left

Left

Nudge Up

Large

Shift+UP

Nudge Down

Large

Shift+Down

Nudge Right

Large

Shift+Right

Nudge Left

Large

Shift+Left

Link to

File

Ctrl+Shift+F

Select

Parent

ESC

Select

Child

Shift+ESC

Select Next

Sibling

Ctrl+Alt+.

Select Previous

Sibling

Ctrl+Alt+,

Edit

Menu

Keyboard

Shortcut

Undo

Ctrl+Z

Redo

Ctrl+Shift+Z

Cut

Ctrl+X

Copy

Ctrl+C

Paste

Ctrl+V

Paste In

Place

Ctrl+Alt+Shift+V

Duplicate

Ctrl+Alt+Shift+D

Select

All

Ctrl+A

Deselect

All

Ctrl+Shift+A

Select

Same

Ctrl+Alt+Shift+A

Spelling

Ctrl+Alt+I

Preferences

Ctrl+K

Backspace

Backspace

Delete Word

Backward

Ctrl+Backspace

Delete Word

Forward

Ctrl+Delete

Delete

Delete

Window

Menu

Keyboard

Shortcut

Align

Palette

Shift+F7

Color

Palette

F6

Control

Strip

Ctrl+Alt+6

Fill

Palette

Shift+F5

Assets (links)

Palette

Ctrl+Shift+D

Palette

Ctrl+Alt+Shift+W

Text

Palette

Ctrl+T

Text

Wrap

Palette

Ctrl+Alt+W

Spacing

Palette

Ctrl+Alt+T

Swatches

Palette

Character Style

Palette

Ctrl+Shift+F11

Paragraph Style

Palette

Ctrl+F11

Graphic Style

Palette

Ctrl+F7

Layers

Palette

Scroll Effects

Palette

Ctrl+Shift+F10

Minimize

App

Ctrl+M

Page

Menu

Keyboard

Shortcut

Add

Top

Level

Page

Ctrl+Shift+P

Go To

Page

Ctrl+J

Master

Page

Ctrl+Shift+M

Matching

Desktop

Page

Ctrl+Shift+7

Matching

Tablet

Page

Ctrl+Shift+8

Go To Matching Phone

Page

Ctrl+Shift+9

View

Menu

Keyboard

Shortcut

Plan

Mode

Ctrl+M

Design

Mode

Ctrl+I

Preview

Mode

Ctrl+P

Zoom

Ctrl+=

Zoom

Out

Ctrl+

Zoom

Fit

Ctrl+0

Actual

Size

Ctrl+1

Toggle

Rulers

Ctrl+R

Toggle

Guides

Ctrl+;

Toggle

Lock

Guides

Ctrl+Alt+;

Toggle Smart

Guides

Ctrl+U

Toggle Header Footer Guides

Ctrl+Shift+;

Toggle

Grid

Ctrl+’

Next

Canvas

Ctrl+Tab

Previous

Canvas

Ctrl+Shift+Tab

Desktop

Rendition

Ctrl+7

Tablet

Rendition

Ctrl+8

Phone

Rendition

Ctrl+9

Zoom

200%

Ctrl+2

Zoom

50%

Ctrl+5

Scroll to

Top

Home

Scroll

Bottom

End

Scroll

Page

Scroll

Down

Page

Down

Right Align

Text

Ctrl+Shift+r

Toggle Shared Text Formatting

Ctrl+Shift+t

Help

Menu

Keyboard

Shortcut

Online

Help

F1

Text

Shortcuts

Keyboard

Shortcut

Text

Size+2

Ctrl+Shift+.

Text

Size

Ctrl+Shift+,

Text

Size+10

Ctrl+Alt+Shift+.

Text

Size

Ctrl+Alt+Shift+,

Leading+2

Alt+Down

Leading

Alt+UP

Tracking+1

Alt+Right

Tracking

Alt+Left

Bold

Ctrl+Shift+B

Italic

Ctrl+Shift+I

Underline

Ctrl+Shift+U

Left

Align

Ctrl+Shift+L

Center

Align

Ctrl+Shift+C

Right

Align

Ctrl+Shift+R

Tool

Shortcuts

Keyboard

Shortcut

Anchor

Crop

Hand

Rectangle

Selection

Text

Vertical

Text

Shift+T

Zoom

Place Gun

Shortcuts

Keyboard

Shortcut

Cycle

Left

Left

Cycle

Right

Right

Cycle

Cycle

Down

Down

Remove Current Item from

Placegun

ESC

Place

Gun

Keyboard

Shortcut

Place Gun Cycle

Previous

Left

Place Gun Cycle

Next

Right

Place Gun Cycle

Previous

Place Gun Cycle

Next

Down

Remove From Place

Gun

Esc

Popups

Keyboard

Shortcut

Close/OK

Enter or

Ct

filesclub.net

✔ Adobe Muse. Уроки создания сайта в визуальном редакторе

Adobe Muse — уроки создания сайта

Делать сайты в визуальном редакторе – мечта многих. Было несколько попыток решить этот вопрос, но результат был далёк от желаемого. Никак не удавалось программистам объединить чистый код, необходимые эффекты и удобство работы. Тот же Дремвьювер позволял сделать многое, но, пока разберёшься, проще самому выучить язык разметки. Артистир – вроде бы неплохо стартовал, но генерируемый код получается настолько объемным и путаным, что, опять же, проще модифицировать готовый шаблон.

И вот, в 2011 году появилась программа Adobe Muse. Разработчики заявили о том, что их детище будет выдавать профессиональные, качественные, современные сайты, для создания которых, знать код вообще не нужно, надо только освоить азы работы с программой.

Ну обещали и обещали, кто же из нас на слово верит. Пока сам не убедишься, говорить можно сколько угодно. Вот и у меня, дошли руки до знакомства с этой программой, и, что можно сказать, получился весьма интересный инструмент, с очень даже любопытными возможностями.

Конечно, полноценный сайт с тысячей страниц на нём сделать проблематично. А вот небольшой сайт-портфолио, страницу товара, небольшой магазинчик, сайт-визитку очень даже можно сделать. Причём, сам процесс работы доставляет только приятные впечатления. Программа легкая, систему не грузит, интерфейс понятный и легкий для освоения.

Зачем, вообще, нужен визуальный редактор, когда можно обойтись обычным кодом, или, на крайний случай, готовым шаблоном?

В принципе, большинство задач так и реализуется. Либо сами код пишем, либо берём готовые варианты. Но, бывают такие случаи, когда задача требует оригинального, ни на кого не похожего решения. Вот тут то программ Adobe Muse будет весьма кстати. Для того же сайта-визитки, вариантов то много, но все они, довольно типичные. А так хочется, иногда развернуться. Тем более, постоянно появляются разные новые решения. Открыли Adobe Muse, сделали нужные корректировки, понравилось, оставляем, нет, фантазируем дальше. Удобно.

Возможности программы, действительно впечатляют. Тут и всплывающие окна, тут и параллакс эффекты при прокрутке, готовые формы, обработка изображений, анимация, прозрачность элементов. Много чего, проще самим посмотреть, чем перечислять, да и сайтов, сделанных в этой программе, с каждым днём становится всё больше.

Теперь о грустном. Программа хоть и интуитивно понятная, но, естественно, хотелось бы не тыкать пальцем в небо, а иметь под рукой готовый учебник для начала работы. Желательно в видео формате. Я тут немного поискал и нашел несколько уроков, которые помогут любому приступить к созданию сайта в программе Adobe Muse уже через пару часов. Смотрим, изучаем, осваиваем.

Уроки по работе с Adobe Muse

Где и как скачать и установить программу Adobe Muse

Самое первое знакомство с интерфейсом программы

Настройки информации о сайте

Инструменты программы Adobe Muse

Горячие клавиши для быстрой работы с программой

Зачем A-мастер?

Якоря в программе Adobe Muse

Кнопки

Кнопки при помощи Photoshop

Фоновые изображения для сайта

Галерея

Прописываем метаданные для лучшей индексации

Использование галерей

Импортируем нужные изображения для работы в программе Adobe Muse

Принцип работы с изображениями в программе Adobe Muse

Всплывающие окна

Как работать с панелью Ресурсы

Работа с встроенными изображениями в программе Adobe Muse

Форма контактов в программе Adobe Muse

Как работать с панелью Библиотека

Шапка на всю ширину страницы

Блок с описанием

Блок с галереей

Блок культура

Как можно удобно выровнять нужные элементы

Как скруглить углы у изображения, кнопок и панелей

Кнопка контактов в программе Adobe Muse

Фиксация нужных элементов вашего сайта

Варианты вставки текста на сайт

Настройка параллакс эффекта для фоновых изображений

Настройка параллакс эффекта для текста в программе Adobe Muse

Настройка параллакс эффектов для нескольких изображений

Как закрепить шапку сайта

Как сделать всплывающее окно с контактной формой

Как вставить ролик с Youtube на страницу сайта

Как сделать плавное исчезновение изображения при прокрутке страницы

Как сделать интернет магазин в программе Adobe Muse с помощью сервиса Ecwid

Подключаем шрифты Google Fonts к сайту

Вот такая подборочка уроков по программе Adobe Muse получилась. Я её собрал, в принципе, для себя, чтобы всегда под рукой были. Но, если кому пригодится, буду только рад. Надеюсь, с этой программой в Интернете будет побольше красивых, необычных и оригинальных сайтов.

Всем Удачи!

✔ Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST

wwdiz.ru

47 уроков по Adobe Muse для начинающих

Полезная подборка для тех, кто начинает осваивать веб-дизайн.

Эта серия видео-уроков поможет без труда освоить популярный у графических дизайнеров редактор для создания веб-сайтов — Adobe Muse. Muse самостоятельно переводит графический макет сайта в код, экономя время на его написание.

Обзор программы Adobe Muse

Создание и редактирование графических блоков

Создание текстовых блоков

Как создать кнопку

Форма обратной связи для сайта

Всплывающая форма обратной связи

Меню с подразделами для сайта

Как добавить фавикон на сайт

Как сделать фон для сайта

Якорные ссылки

Как добавить новые шрифты

Создание мобильной версии сайта

Настройки веб страницы

Бесплатные виджеты для Adobe Muse

Админ панель (CMS) для Adobe Muse

Резиновые сайты в Adobe Muse CC

Горизонтальная прокрутка (скроллинг) страницы

Как добавить виджет (установка виджетов muse)

Как убрать полосу прокрутки (2 способа)

Динамический фон для сайта

Как закрепить меню на сайте

Эффекты прокрутки (параллакс)

Создание формы обратной связи (cForm 2.0)

Работа со ссылками и подсказками

Как изменить окно приветствия

Как вставить видео с ютуба на сайт

Резиновая верстка

Эффект при наведении на картинку курсора мыши

Резиновая верстка или параллакс эффект?

Как сделать всплывающую подсказку

Социальные виджеты. Как изменить язык?

WOW SLIDER – слайдер для сайта с анимацией

Cloudzoom – эффект зума изображений

Начальная настройка сайта в версии СС 2015.1

Как вставить таблицу из Excel в Muse

Сайт на двух языках. Переключение языка сайта

Перевод сайта из HTML в PHP

Адаптивные картинки по ширине браузера

Adobe Muse запись вебинара

Вырезаем поле E-mail в Adobe Muse

Parallax Scrolling в программе Adobe Muse

CMS в в программе Adobe Muse

Тень текста и объемные кнопки в Muse с помощью CSS

Кнопки и быстрый экспорт PSD в Adobe Muse

3D Flat Button

Шрифтовые иконки в Adobe Muse

Hover-Img

infogra.ru

Как создать кнопку в Adobe Muse » Adobe Muse Уроки

Как создать кнопку в Adobe Muse

Посмотрев этот видеоурок вы узнаете как создать кнопку в программе Adobe Muse.

Текст видеоурока:

В сегодняшнем видеоуроке я расскажу вам, как создать кнопку в программе Adobe Muse.

Как создать кнопку. Начало.

Итак, мы запустили программу. Давайте я открою сразу файл, который мы создавали в первом уроке, и посмотрим как создать кнопку и какие инструменты для этого использовать.

Создание кнопки. Захожу в Режим дизайна, выставлю значение 75%, чтобы мое рабочее поле влезало в экран, и давайте создадим кнопку. Кнопку создавать будем на базе текстового блока. Это мы уже умеем делать. Выбираем инструмент «Текст», зажимаем правую кнопку мыши, тянем до нужных размеров. Давайте создадим большую кнопку, чтобы вам было хорошо видно.

Текст кнопки. Пишем здесь название нашей кнопки, например, «Подпишись», выделяем текст, выбираем шрифт. Я выберу PT Sans bold. Размер шрифта выставлю 48. Далее зайду в настройки текста: отцентрирую текст по центру, увеличу интерлиньяж, чтобы надпись была в кнопке посередине, например, 190, и в принципе, тут все.

Заливка. Давайте теперь выйдем из режима редактирования текста: нажмем клавишу esc. Блок у нас выделен. Зададим заливку блоку. Цвет: красный. Esc. Давайте еще раз выделим наш текст и сделаем цвет белым. Так намного лучше. И блоку зададим так же еще скругление, примерно 50. Вот такая кнопка у нас получилась. Можно добавить еще эффект «Тень» под кнопкой, будет еще лучше.

Как создать кнопку. Редактирование состояний.

Итак, кнопка у нас готова, перетащим ее где-нибудь посередине страницы, чтобы вам хорошо было видно. И далее посмотрим, какие же состояния кнопки у нас есть. Выделяем кнопку, нажимаем на надпись: «Стандартная» и смотрим —  для нашей кнопки есть 4 состояния.

«Стандартное состояние», когда с кнопкой ничего не происходит и кнопку никто не трогает. Следующее состояние — это «курсор над кнопкой», когда пользователь заносит курсор в область действия кнопки, то есть в область вот этого блока текстового. Следующее состояние — это когда «кнопка мыши нажата», то есть когда пользователь кликнул на нашу кнопку. Следующее состояние — «активное», это время действия кнопки.

Итак, чтобы изменить состояние кнопки, мы должны выбрать состояние, то есть у нас сейчас активно «Стандартное», выбираем «Курсор над кнопкой» и мы видим, что у нас состояние «курсор над кнопкой», мы редактируем. Давайте выберем цвет оранжевый, то есть при наведении мыши изменится цвет кнопки на оранжевый. Далее давайте выберем следующее состояние кнопки и здесь уберем эффект «Тень», например. Когда кнопка мыши будет нажата, эффект тени будет исчезать, а цвет кнопки изменится на зеленый, чтобы нам было просто видно хорошо. И последнее состояние активное: мы сделаем цвет кнопки светло-серый и тоже уберем эффект тени.

Итак, мы получили 4 состояния кнопки: состояние «стандартное» — это когда кнопку никто не трогает, состояние «курсора над кнопкой», когда пользователь заносит курсор мыши на кнопку, меняется цвет на оранжевый, «кнопка мыши нажата» -> цвет меняется на зеленый и исчезает эффект тени, и «в активном состоянии» цвет поменяется на светло-коричневый.

Как создать кнопку. Гиперссылка и просмотр.

Гиперссылка. Далее для того, чтобы проверить, как работает наша кнопка, давайте зададим гиперссылку на кнопку. Я поставлю сюда гиперссылку на какую-либо страницу. Давайте я напишу здесь «поисковая система яндекс». При нажатии на кнопку пользователь будет проходить на сайт яндекса, например. Кстати, чтобы более правдоподобно было, изменим надпись: «Подпишись» на «Зайти на Яндекс» или лучше «Поиск в Яндекс».  Вот такая кнопка у нас будет. Кстати, как только мы написали надпись в стандартном состоянии, изменились все надписи в остальных состояниях кнопки. Программа это делает автоматически.

Просмотр. Итак, давайте же проверим, как работает наша кнопка. Переходим в режим просмотра в браузере: нажимаем клавиши Ctrl+Shift+E. У нас происходит просчет, и мы видим, что при наведении курсора мышки на нашу кнопку цвет поменялся на оранжевый. Если мы нажимаем на кнопку, цвет меняется на зеленый и исчезает эффект тени. Отпускаем кнопку мыши и по данной кнопке нас перебрасывает на сайт яндекса, как и должно было быть. Итак, переходим назад в программу Adobe Muse. В принципе, на этом наш урок можно и заканчивать уже.

Как создать кнопку. Эффекты и размеры.

Эффекты. Единственное, что я хотел вам еще рассказать, что в состоянии «курсора над кнопкой» мы, например, можем убрать эффекты скругления и наша кнопка в состоянии «курсора над кнопкой» будет квадратной. И, когда нажата кнопка мыши, тоже. Я говорил, что они взаимозависимы. Но в стандартном состоянии кнопка будет со сглуглениями. Вот такое еще дополнение может быть.

Размеры. Кнопки вы можете делать любых размеров, любой формы, то есть можно ее растянуть и будет такая кнопка, и все остальные состояния тоже подтягиваются до этого размера. Здесь можно писать совершенно любой текст, можно написать очень много, если вам хочется, но обычно кнопки делают, конечно, не такие большие.

На этом все, дорогие друзья. Наш сегодняшний урок по созданию кнопки закончен. Подписывайтесь на мой канал, ставьте лайк, оставляйте комментарии к этому видео или пишите в личные сообщения в социальных сетях. По возможности я отвечу на все ваши вопросы касательно данных уроков.

Всем пока. До связи в следующих уроках.

Дмитрий Шаповалов.

urokimuse.ru

Отправить ответ

avatar
  Подписаться  
Уведомление о
Авторское право © 2019 Уроки рисования для всех возрастов
top