Адоб автор эффект: Что такое After Effects и для чего он нужен? [c крутейшими примерами]

курс обучения онлайн – МАДП «ПЕНТАСКУЛ»

Чем вам будет полезен этот курс?

Редактор Adobe After Effects используют в работе графические, веб-дизайнеры и motion-дизайнеры. В этой профессиональной программе можно создавать анимированную графику для рекламы, сайтов, кино — от титров и заставок до полноценных видеороликов.

На курсе вы за 2 месяца освоите базовые принципы создания анимации и создадите свои первые работы. Каждую тему вы будете сразу отрабатывать на практике, повторяя действия за экспертами. В программе курса — самые необходимые функции Adobe After Effects, которые чаще всего нужны дизайнеру в работе.

Этот курс для вас, если…

1. Вы мечтаете освоить профессию дизайнера и хотите начать обучение с практики в программе Adobe After Effects.

2. Вам интересна сфера motion и веб-дизайна, и вы бы хотели попробовать свои силы с нуля.

3. Вы — практикующий графический дизайнер и хотите развиваться в направлении 3D-графики, чтобы повысить доход.

4. Вы занимаетесь видеомонтажом или съемкой и хотите научиться создавать анимацию, титры и визуальные эффекты для роликов.

5. Вы занимаетесь веб-дизайном и хотите освоить еще один инструмент, который позволит больше зарабатывать.

6. Вы хотите сделать свое портфолио более разнообразным и добавить в него примеры анимированной графики.

Мы знаем, о чем вы беспокоитесь

Боюсь, что не справлюсь с работой в Adobe After Effects

Что мы делаем для вас:

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

Почему это важно:

По каждой теме у вас будет подробный видеоурок, в котором преподаватель пошагово показывает все действия и все объясняет. Немного усилий — и у вас в портфолио первые ролики!

Боюсь, что не хватит времени на занятия

Что мы делаем для вас:

Объем материала распределен таким образом, чтобы вы могли проходить курс параллельно с работой или другой занятостью. Старайтесь заниматься хотя бы 1,5-2 часа в день, и вы будете успевать за учебным планом.

Почему это важно:

Онлайн-обучение по гибкому графику легко встроить в любое расписание, даже если у вас много работы. Вы будете сами определять, в какие дни и часы вам удобнее заниматься. Для освоения каждого модуля у вас будет 1-2 недели, а если понадобится помощь, вы всегда можете обратиться к куратору.

Боюсь, что мне не понравится профессия дизайнера

Что мы делаем для вас:

Этот курс отлично подходит, чтобы на 2 месяца примерить профессию и решить, подходит ли она вам. Даже если вы не захотите развиваться в motion или веб-дизайне, у вас останется полезный навык работы в Adobe After Effects — его можно монетизировать или применять в ваших собственных проектах.

Почему это важно:

В программе нет ничего лишнего: только разбор функций Adobe After Effects и ваша практика. А если вы захотите работать дизайнером в будущем, то сможете пройти наши профессиональные курсы по motion — освоить необходимую теорию и развить дополнительные навыки.

Боюсь, что будет сложно учиться в онлайн-формате

Что мы делаем для вас:

Обучение по видеоурокам удобно тем, что вы сможете смотреть их параллельно с выполнением практических заданий и в любой момент ставить видео на паузу, чтобы повторить действия эксперта в Adobe After Effects. А если вам в первые дни будет что-то непонятно в устройстве онлайн-платформы, специалисты в чате поддержки обязательно помогут.

Почему это важно:

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

Боюсь, что получу на курсе мало знаний

Что мы делаем для вас:

Курс ведут опытные motion-дизайнеры, которые работают в Adobe After Effects над своими проектами и знают все тонкости редактора на практике. Вы изучите наиболее часто используемые функции программы и разберете все этапы создания анимированного ролика — от поиска референсов до монтажа.

Почему это важно:

Программа обучения ориентирована на практику. Вы освоите Adobe After Effects в достаточной мере, чтобы уже на курсе создать в редакторе первые ролики.

Чем полезен навык работы в Adobe After Effects?

Вы сможете:

• Создавать анимацию для рекламы, интерфейсов, видеороликов, игр и т. д.
• Начать осваивать профессию дизайнера с конкретного инструмента, а затем при желании продолжить обучение.
• В перспективе — выбрать специализацию и развиваться в интересном вам направлении (от гейм-дизайна до работы с телепроектами и кино).

Доход

80 000 P

зарплата начинающего дизайнера в направлениях motion или web

от 150 000 P

может зарабатывать опытный дизайнер или руководитель креативной команды

Вакансии

более 1 500

предложений размещено на hh.

ru

более 2 500

задач на биржах фриланса (*по данным за 2023 год)

Практические работы на курсе

Ролики с разными ресайзами

Ролики с объемным текстом

Анимированный ролик с добавлением 3D-объектов

Как вы освоите работу в Adobe After Effects

Зачисляетесь, получаете доступ к личному кабинету

Смотрите видеоуроки в формате скринкастов (запись экрана) в удобные день и время

Изучаете предложенные нами дополнительные материалы по теме

Выполняете практические домашние задания и получаете доступ к следующим модулям

Получаете обратную связь от преподавателей — практикующих экспертов

Участвуете в онлайн-воркшопах и смотрите вебинары с экспертами

Забираете лучшие работы в свое портфолио и проходите итоговое тестирование

Программа обучения

Программа состоит из 3 тематических модулей — от освоения базовых инструментов до создания анимационного ролика в Adobe After Effects с нуля

• 1. Базовые инструменты программы After Effects

  Содержание курса:

  • Знакомство с редактором анимированной графики Adobe After Effects
  • Основные возможности и инструменты программы
  • Работа со слоями, масками, прекомпозициями в Adobe After Effects
  • Простая анимация: как она создается и применяется
  • Что такое трекинг
  Задания на курсе:
  • Создать 3 простых ролика с разными ресайзами
  • Создать ролик с наложением дорожек и корректным рендером
  • Создать анимированный ролик с добавлением 3D-объектов
  • Создать ролик с применением заданных инструментов (3D-camera, Track Motion, трекинг-маски)

  Результат:

  • Научитесь ориентироваться в интерфейсе редактора и пользоваться базовыми инструментами
  • На практике попробуете работу со слоями, масками и простой анимацией
  • Сразу создадите несколько проектов для вашего портфолио

  4 часа теории

  12 часов практики

• 2.

  Внедрение анимационных элементов на практике

  Содержание курса:

  • Что такое «кеинг» и как его применять в работе с роликами
  • Как использовать шейповую анимацию в работе над роликом

  Задания на курсе:

  • Создать ролик с качественной заменой фона
  • Ролик с применением шейповой анимации

  Результат:

  • Изучите и сможете использовать в своих роликах конкретные анимационные элементы

  3 часа теории

  9 часов практики

• 3. Работа с полным циклом создания анимационного ролика

  Содержание курса:

  • Инструменты Effects and Presets: как их применять
  • Как применять альфа-каналы и маски в проекте
  • Использование текстовой анимации в ролике
  • Как искать и отбирать футажи и референсы для роликов
  • Включение в ролик 3D-элементов
  • Монтаж и композитинг: как выстроить готовый ролик

  Задания на курсе:

  • Создать ролики с применением спецэффектов, Альфа и Luma маски, анимации текста
  • Подобрать референсы для проекта и собрать их на доске в Miro
  • Создать 3D-анимацию с объектом и текстом
  • Создать ролик с применением превизуализации (нарезки референсов), блокинга и композитинга

  Результат:

  • Научитесь работать с анимационными роликами на всех этапах — от подбора референсов до монтажа и выстраивания композиции

  5 часов теории

  15 часов практики

Для комфортного и эффективного прохождения курса вам понадобится персональный компьютер или ноутбук с установленными программами из пакета Microsoft Office: Power Point, Word или аналогичными редакторами текстов и презентаций. Также потребуется программа Adobe Acrobat Reader или аналогичный продукт для работы с PDF-файлами. Чтобы видеолекции быстро загружались и воспроизводились, важен стабильный интернет и свежая версия любого браузера.

На курсе изучается программа:

Пробный период 7 дней

Официальная версия программы

Требования к ПК для установки

Учебный план программы «Создание анимации в Adobe After Effects» доступен по ссылке

Преподаватель курса

Сертификат

По итогам обучения вы получите сертификат о прохождении курса

Успейте присоединиться к ближайшему набору и получите полезные навыки со скидкой 40%

Отзывы студентов

Мехельсон Анна

Менеджер, Москва,

Учиться не всегда было просто из-за моей жизненной ситуации, так как у меня очень плотный график на работе, но с поддержкой команды академии мне удалось совместить учебу и работу. Хочу поблагодарить нашего ментора за классное сопровождение. Она много помогала с организацией учебного процесса, с закрытием хвостов, и решением вопросов, связанных с защитой диплома.

Читать полностью

20.03.2021

Ачиткин Олег

Руководитель проектов, Санкт-Петербург

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

Читать полностью

27.02.2021

Колесова Инга

Маркетолог, Москва

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

Читать полностью

24.01.2021

Иванихина Елена

ИП, Новосибирск

Всем привет! Я – дизайнер и стараюсь постоянно прокачивать навыки новыми обучалками. В Pentaschool – это не первое мое обучение. Мне нравятся многие фишки этой онлайн-школы. Во-первых, это возможность учиться в любом месте и времени, я могу всю неделю заниматься работой, выделив на учебу только два дня, а могу сидеть над занятиями по ночам. Во-вторых, здесь преподают хорошие люди и профессионалы. В школе я узнала много клевых людей, это и преподаватели, и мои сокурсники. Все всегда готовы прийти тебе на помощь, если ты отстала или чего-то не поняла. В-третьих, на курсе есть такая опция, как поддержка после обучения. Для новичков в дизайне, делающих первые шаги в диджитал – это невероятно крутая штука, ведь если у тебя будут какие-то проблемы с дизайном, опытный наставник поможет их решить. Даже завидую, у меня такого не было в начале пути)

Читать полностью

29.01.2021

Кречетова Мария

Дизайнер, Пермь

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

Читать полностью

25. 03.2021

Ваши навыки
по итогу обучения

Должность Motion-дизайнер

Зарплата от 80 000 P

Ваши навыки по итогу обучения

• Ориентируюсь в интерфейсе программы и могу удобно настроить его для себя.
• Умею работать с инструментом «Слои и маски».
• Умею применять в работе инструменты анимации и трекинга.
• Умею применять кеинг и шейповую анимацию.
• Знаю, как применять спецэффекты, Альфа и Luma маски, создавать анимацию текста.
• Умею подбирать референсы для роликов.
• Умею создавать 3D-анимацию с использованием объектов и текста.
• Умею применять превизуализацию (создавать нарезку референсов).
• Могу создать ролик без текстур и ассетов.
• Умею накладывать на анимацию итоговые дополнения: спецэффекты, музыку, переходы, цветокоррекцию.

Почему Pentaschool

5 лет специализируемся на обучении дизайнеров

5500 довольных студентов

4000 вебинаров в нашей базе знаний

91% студентов рекомендуют обучение в Pentaschool по данным otzovik.com

• Бессрочный доступ к материалам курса после успешного завершения обучения
• Обратная связь от практикующих экспертов
• Входим в сообщество дизайнеров со всего мира

Стоимость обучения

Скидка

-40% До 31 марта

24 700 P 14 800 P

В стоимость входит:

• 3 тематических блока по созданию анимации в программе Adobe After Effects
• практические задания с проверкой и персональной обратной связью от экспертов
• анимированные ролики для портфолио
• бессрочный доступ к материалам курса после успешного завершения
• регулярные онлайн-вебинары
• доступ к библиотеке вебинаров на время курса и еще 90 дней после выпуска

Показать еще

Вы также можете позвонить нам самостоятельно по номеру 8 800 550-76-72
Звонок для вас абсолютно бесплатный

Вопросы и ответы

Конечно! Занятия не привязаны ко времени. Вы сами решаете, когда будете просматривать видеолекции и выполнять практические работы.

Да. Эта программа предназначена как для практикующих дизайнеров, так и для новичков, которые хотят познакомиться с принципами создания анимации.

Да. Все ваши практические работы будут проверять эксперты-практики. Вы получите не только оценки, но и развернутые комментарии, которые помогут вам развиваться и работать над ошибками.

В день достаточно заниматься 2-3 часа. Средняя продолжительность одной лекции — 15-20 минут.

ТОП-20 курсов по Adobe After Effects

Лучшие курсы по Adobe After Effects

-50%

4.4

254

35 дней

After effects

Старт в любое время

Рассрочка

875 ₽/мес

Цена

17 500 ₽35 000 ₽

с промокодом SRAVNI

-45%

4.2

650

4 мес.

After Effects с нуля до PRO

Старт в любое время

Рассрочка

2 960 ₽/мес

Цена

27 906 ₽50 739 ₽

с промокодом SRAVNI

4.3

7

2 мес.

AE от новичка до специалиста (Самостоятельный)

Старт в любое время

Рассрочка

3 223 ₽/мес

Цена

19 340 ₽32 200 ₽

4.2

1

35 дней

Онлайн-курсы After Effects

Старт 18 апреля

Рассрочка

нет

Цена

11 400 ₽19 000 ₽

Отзывы о онлайн-школах и курсах

Бруноям

Курс профессия веб-дизайнер (UX/UI)

Проходила курс «Профессия веб-дизайнер (UX/UI) от школы Бруноям. Курс рассчитан… Читать

Пользователь, г Москва

Geometrium School

Отличный курсы для старта в дизайне

Всё, что нужно знать о курсе – это то, что это время было потрачено с огромной п. .. Читать

Анна, г Москва

Geekbrains

почему мне нравтся учться в GeekBrains

Обучаюсь дизайну с нуля. Очень достуные толковые объяснения, грамотно построенна… Читать

Маргарита, г Москва

Skillbox

Обучение на платформе

Приобрела курс-профессию Дизайн жилых и коммерческих интерьеров и уже занимаюсь… Читать

Евгения, г Владивосток, Приморский край

Синергия

Качественное обучение

Я выбрала Синегерию по двум причинам, во-первых, здесь по окончании выдают дипло… Читать

Панкратова Анна Николаевна , г Новосибирск, Новосибирская область

Loftschool

Зарабатываю благодаря этим курсам

В ноябре закончила курсы по ux-дизайну в Loftschool, сейчас на фрилансе зарабаты. .. Читать

Анастасия, г Ростов-на-Дону, Ростовская область

UPROCK

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

Я из тех, кто любит учиться, так как без этого очень легко упереться в потолок и… Читать

Евгения, г Москва

Логомашина

Как курс Логомашны по графическому дизайну сделал мою жизнь лучше

Закончил курсы Логомашины в 2021 году. Уже через два месяца после окончания курс… Читать

Евгений, г Санкт-Петербург

Нетология

Нетология для тех, кто хочет хорошую работу

Я прошла несколько платный и бесплатных курсов в Нетологии. «Профессия продуктов… Читать

Anastasiia, г Анапа, Краснодарский край

Talentsy

Интересно, познавательно и результативно

Именно так я могу охарактеризовать курсы Talentsy по дизайну интерьеров. Програм… Читать

Аноним, г Москва

Читать все отзывы

Часто задаваемые вопросы по курсам по Adobe After Effects

Что такое Adobe After Effects?

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

Кому подойдут курсы?

Чему я научусь?

Как проходит обучение?

Недостатки бесплатных курсов

Преимущества платных курсов

Сколько я смогу зарабатывать?

Сколько времени займет обучение?

Получу ли я диплом или сертификат?

Смогу ли я трудоустроиться после прохождения курсов?

ТОП лучших онлайн-курсов Adobe After Effects

1. Курс «After effects» от Contented

Освоение навыков работы в программе After effects.

Школа	Contented4.4254 отзыва
Длительность курса	35 дней
Стоимость курса	21 000 ₽
Цена в рассрочку	875 ₽/мес
Программа трудоустройства	Отсутствует
Документ об окончании курса	Электронный сертификат
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары
Проекты в портфолио по итогам обучения	Анимированная заставка из шейпов, сцена с использованием векторной графики, векторный логотип, типографическая анимация, анимация с применением масок и track matte, заставка музыкального фестиваля

2.

Курс «After Effects с нуля до PRO» от Skillbox

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

Школа	Skillbox4.2650 отзывов
Длительность курса	4 месяца. Это примерный срок. Изучение проходит в свободном темпе и зависит от вас. Курс можно пройти как быстрее, так и медленнее
Стоимость курса	35 520 ₽
Цена в рассрочку	2 960 ₽/мес
Программа трудоустройства	Отсутствует
Документ об окончании курса	Сертификат
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары
Проекты в портфолио по итогам обучения	Шоурил

3. Курс «AE от новичка до специалиста (Самостоятельный)» от Sabatovsky

Освоение возможностей After Effects, создание анимации и визуальных эффектов, а также быстрое и продуктивное завершение необходимых задач постпродакшна.

В тарифе «Самостоятельный» проверка домашних заданий не предусмотрена. 

Школа	Sabatovsky4.37 отзывов
Длительность курса	2 месяца. Это примерный срок. Изучение проходит в свободном темпе и зависит от вас. Курс можно пройти как быстрее, так и медленнее
Стоимость курса	19 340 ₽
Цена в рассрочку	3 223 ₽/мес
Программа трудоустройства	Есть
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары
Проекты в портфолио по итогам обучения	Выпускной ролик и 7 творческих проектов

4. Курс «Онлайн-курсы After Effects» от Международная Школа Профессий

Создание анимации и видеоэффектов любой сложности в After Effects. Уверенное применение motion-дизайна в проектах.

Школа	Международная Школа Профессий4. 21 отзыв
Начало курса	18.04.2023
Длительность курса	35 дней
Стоимость курса	11 400 ₽
Программа трудоустройства	Отсутствует
Документ об окончании курса	Сертификат
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары, Онлайн занятия с преподавателем
Проекты в портфолио по итогам обучения	Ролик из готовых шотов, анимация из картинок с созданием фона из Solid-слоя или картинки, шейповые анимации, слайд-шоу с использованием неформатных изображений, композиция из одной картинки с использованием эффектов, текстовые анимации, параллакс эффект на основе сторонних или собственных файлов, ролик с применением видеоретуши.

5. Курс «Кинетическая типографика» от bang bang education

Школа	bang bang education
Начало курса	18. 04.2023
Длительность курса	5 месяцев
Стоимость курса	48 100 ₽
Цена в рассрочку	8 017 ₽/мес
Программа трудоустройства	Отсутствует
Документ об окончании курса	Сертификат
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары, Онлайн занятия с преподавателем
Проекты в портфолио по итогам обучения	Серия анимированных плакатов

6. Курс «AE от новичка до специалиста (Наставничество)» от Sabatovsky

Освоение возможностей After Effects, создание анимации и визуальных эффектов, а также быстрое и продуктивное завершение необходимых задач постпродакшна.

В тариф «Наставничество» включена индивидуальная проверка домашних заданий.

Школа	Sabatovsky4.37 отзывов
Длительность курса	2 месяца. Это примерный срок. Изучение проходит в свободном темпе и зависит от вас. Курс можно пройти как быстрее, так и медленнее
Стоимость курса	30 700 ₽
Цена в рассрочку	5 116 ₽/мес
Программа трудоустройства	Есть
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары
Проекты в портфолио по итогам обучения	Выпускной ролик и 7 творческих проектов

7. Курс «Моушн-дизайн: от простого к сложному» от bang bang education

Курс позволит быстро освоить After Effects и войти в мир моушн-дизайна.

Предоставляется доступ на год к «Дизайн-библиотеке» — коллекции знаний по подписке. Скидка 15% на другие курсы.

Школа	bang bang education
Начало курса	22.05.2023
Длительность курса	3 месяца
Стоимость курса	58 500 ₽
Цена в рассрочку	9 750 ₽/мес
Программа трудоустройства	Отсутствует
Документ об окончании курса	Сертификат
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары, Онлайн занятия с преподавателем
Проекты в портфолио по итогам обучения	Анимированные эскизы, титры или оформление канала

8.

Курс «Мини-курс по анимации в AE» от Sabatovsky

Получение навыков работы с референсами, освоение с нуля базового интерфейса программы After Effects и её функционала, анимирование текста и добавление его в видео, создание и анимирование шейпов, экспорт готового материала из программы.

Школа	Sabatovsky4.37 отзывов
Длительность курса	4 часа
Программа трудоустройства	Отсутствует
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары
Проекты в портфолио по итогам обучения	Анимированные титры и заставка

9. Курс «Мини-курс анимация персонажей в АЕ» от Sabatovsky

Курс даст возможность попробовать себя в роли моушн-дизайнера и проанимировать Джинкс из «Аркейн» — одного из мультсериала Netflix по вселенной игры League of Legends.

Школа	Sabatovsky4. 37 отзывов
Длительность курса	2 часа
Программа трудоустройства	Отсутствует
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары
Проекты в портфолио по итогам обучения	Финальное видео

10. Курс «Основы VFX в After Effects» от ProfileSchool

Школа	ProfileSchool3.713 отзывов
Начало курса	11.04.2023
Длительность курса	1.5 месяцев
Стоимость курса	8 330 ₽
Программа трудоустройства	Отсутствует
Документ об окончании курса	Сертификат
График прохождения курса	Свободный график
Учебный процесс	Запись лекций или вебинары, Онлайн занятия с преподавателем

Преимущества выбора курсов в Сравни

1. Агрегатор онлайн-курсов

• Освойте современную профессию
• Дата начала: 2023-01-01
• Дата окончания: 2023-12-31
• Большой выбор курсов

2. Рейтинги онлайн-школ

• ТОП школ по любому направлению
• Дата начала: 2023-01-01
• Дата окончания: 2023-12-31
• Рейтинги школ

3. Реальные отзывы учеников

• Выбирайте лучший курс по отзывам реальных учеников
• Дата начала: 2023-01-01
• Дата окончания: 2023-12-31
• org/VirtualLocation»>Отзывы о школах

Настройте Rich Text Editor для создания контента в Adobe Experience Manager в качестве облачной службы.

Редактор форматированного текста (RTE) предоставляет авторам широкий набор функций для редактирования текстового содержимого. Значки, поля выбора, панель инструментов и меню предназначены для редактирования текста WYSIWYG. Администраторы настраивают RTE для включения, отключения и расширения функций, доступных в компонентах разработки. Узнайте, как авторы используют RTE для создания веб-контента.

Концепции RTE и шаги, необходимые для его настройки, перечислены ниже.

Понимание концепций RTE	Включить необходимые функции	Настройка отдельных функций
Понимание интерфейса	Понимание и установка местоположений конфигурации	Настройка подключаемых модулей
Типы режимов редактирования	Активировать плагины	Установить свойства объекта
О плагинах	Настройка панелей инструментов RTE	Настроить режимы вставки

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

Интерфейс RTE предлагает адаптивный дизайн для среды разработки. Интерфейс предназначен для использования на сенсорных и настольных устройствах.

Рисунок: Панель инструментов Rich Text Editor со всеми включенными доступными опциями.

На панели инструментов представлены параметры для работы с WYSIWYG. Администраторы Experience Manager могут настраивать параметры, доступные на панели инструментов интерфейса. Полный набор параметров редактирования доступен по умолчанию в Experience Manager. Разработчики могут настроить Experience Manager, чтобы добавить дополнительные параметры редактирования.

Различные режимы редактирования

Авторы могут создавать и редактировать текстовое содержимое в Experience Manager, используя различные режимы компонентов. Параметры панели инструментов для создания и форматирования содержимого, а также взаимодействие с пользователем компонентов с поддержкой RTE в различных режимах редактирования зависят от конфигураций RTE.

Режим редактирования	Область редактирования	Рекомендуемые функции для включения
Встроенный	Редактирование на месте для быстрых незначительных правок; Форматирование без открытия диалогового окна.	Минимальные функции RTE.
Полноэкранный RTE	Покрывает всю страницу.	Все необходимые функции RTE.
Диалог	Диалоговое окно поверх содержимого страницы, но не покрывающее всю страницу.	Разумно включить функции.
Полноэкранный диалог	То же, что и в полноэкранном режиме; содержит поля диалога наряду с RTE.	Все необходимые функции RTE.

ПРИМЕЧАНИЕ

Функция редактирования исходного кода недоступна в режиме встроенного редактирования. Вы не можете перетаскивать изображения в полноэкранном режиме. Все остальные функции работают во всех режимах.

Встроенное редактирование

Чтобы отредактировать содержимое страницы, откройте содержимое двойным медленным щелчком . Представлена ​​компактная панель инструментов с основными опциями.

Рисунок: Инлайн-редактирование с основными параметрами на панели инструментов.

Полноэкранное редактирование

Компоненты Experience Manager можно открывать в полноэкранном режиме, который скрывает содержимое страницы и занимает доступный экран. Рассмотрите полноэкранное редактирование как детальную версию встроенного редактирования, поскольку оно предлагает больше возможностей редактирования. Его можно открыть, щелкнув на компактной панели инструментов при использовании встроенного режима редактирования.

В диалоговом полноэкранном режиме, наряду с подробной панелью инструментов RTE, также доступны параметры и компоненты, доступные в диалоговом окне. Это применимо только для диалога, который содержит RTE наряду с другими компонентами.

Рисунок: Подробная панель инструментов RTE при редактировании в полноэкранном режиме.

Редактирование диалога

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

Рис.: Режим редактирования диалога.

О подключаемых модулях RTE и связанных с ними функциях

Функциональность доступна через серию подключаемых модулей, каждый из которых имеет:

• имеет свойство , то есть

  • Используется для активации или деактивации основных функций этого подключаемого модуля.
  • Настраивается с использованием стандартной процедуры.

• При необходимости дополнительные свойства и параметры, требующие специальной настройки.

Основные функции RTE активируются или деактивируются значением свойства features на узле, характерном для соответствующего подключаемого модуля.

В следующей таблице перечислены текущие подключаемые модули:

• Идентификаторы подключаемых модулей со ссылкой на документацию по API. ID используется в качестве имени узла при активации плагина.
• Допустимые значения для свойства характеристик .
• Описание функций подключаемого модуля.

Идентификатор подключаемого модуля	особенности	Описание
изменить	вырезать , копировать , вставить-по умолчанию , вставить-открытый текст , вставить-wordhtml	Вырезать, копировать и три режима вставки.
найти замену	найти , заменить	Найти и заменить.
формат	полужирный , курсив , подчеркивание	Базовое форматирование текста.
изображение	изображение	Базовая поддержка изображений (перетаскивание из содержимого или Content Finder). В зависимости от браузера поддержка имеет разное поведение для авторов
ключи	—	Чтобы определить это значение, см. размер вкладки.
выравнивание	выравнивание по левому краю , центр , право	Выравнивание абзаца.
ссылки	модифицировать ссылку , разъединить , якорь	Гиперссылки и якоря.
списки	заказной , не заказанный , зазубренный , выступающий	Этот подключаемый модуль управляет как отступами, так и списками; включая вложенные списки.
разные инструменты	специальные символы , sourceedit	Различные инструменты позволяют авторам вводить специальные символы или редактировать исходный код HTML. Кроме того, вы можете добавить ряд специальных символов, если хотите определить свой собственный список.
Параформат	параформат	Форматы абзаца по умолчанию: Абзац, Заголовок 1, Заголовок 2 и Заголовок 3 ( , , и ). Вы можете добавить больше форматов абзацев или расширить список.
проверка правописания	контрольный текст	Проверка орфографии с учетом языка.
стилей	модели	Поддержка стилей с использованием класса CSS. Добавьте новые стили текста, если вы хотите добавить (или расширить) собственный набор стилей для использования с текстом.
нижний индекс	индекс , верхний индекс	Расширения основных форматов, добавление нижнего и верхнего индекса.
стол	table , removetable , insertrow , removerow , insertcolumn , removecolumn , cellprops , mergecells , splitcell , selectrow , selectcolumns	См. раздел Настройка стилей таблиц, чтобы добавить собственные стили для целых таблиц или отдельных ячеек.
отменить	отменить , повторить	Размер истории операций отмены и повтора.

ПРИМЕЧАНИЕ

Плагин полноэкранного режима не поддерживается в диалоговом режиме. Использование параметра dialogFullScreen для настройки панели инструментов в полноэкранном режиме.

Понимание путей и расположений конфигурации

Режим редактирования RTE и интерфейс, который вы предоставляете своим авторам, определяют расположение деталей конфигурации при активации подключаемых модулей RTE. Места:

• Встроенный режим: cq:editConfig/cq:inplaceEditing .
• Полноэкранный режим: cq:editConfig/cq:inplaceEditing .
• Режим диалога: cq:dialog .
• Полноэкранный диалоговый режим: cq:dialog .

ПРИМЕЧАНИЕ

Не называйте узел под cq:inplaceEditing как config . На узле cq:inplaceEditing определите следующие свойства:

• Имя : путь конфигурации
• Тип : Строка
• Значение : путь к узлу, содержащему фактическую конфигурацию

Не называйте узел конфигурации RTE как config . В противном случае конфигурации RTE действуют только для администраторов, а не для пользователей в группе автор контента .

Настройте следующие свойства, которые применяются в режиме редактирования диалога:

• useFixedInlineToolbar : Вы можете сделать панель инструментов RTE фиксированной, а не плавающей. Задайте для этого логического свойства, определенного на узле RTE, sling:resourceType= cq/gui/components/authoring/dialog/richtext значение True . Если для этого свойства задано значение True , редактирование форматированного текста запускается в событии Foundation-Contentloaded . Чтобы предотвратить это, установите для свойства customStart значение True и активируйте rte-start 9.0150, чтобы начать редактирование RTE. Когда это свойство имеет значение true , RTE не запускается при нажатии, и это поведение по умолчанию.

• customStart : установите для этого логического свойства, определенного на узле RTE, значение True , чтобы управлять запуском RTE путем запуска события rte-start .

• rte-start : Инициировать это событие в contenteditable-div RTE, когда начинать редактирование RTE. Работает только если customStart установлено значение true .

Когда RTE используется в сенсорном диалоговом окне, установите для свойства useFixedInlineToolbar значение true , чтобы избежать проблем.

Включение функций RTE путем активации подключаемых модулей

Функциональные возможности RTE становятся доступными через ряд подключаемых модулей, каждый из которых имеет свойство функций. Вы можете настроить свойство features для включения или отключения различных функций каждого подключаемого модуля.

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

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

Для справки: компоненты Text по умолчанию (поставляемые как часть стандартной установки) можно найти по адресу:

• /libs/wcm/foundation/components/text
• /libs/основа/компоненты/текст

Чтобы создать собственный текстовый компонент, скопируйте указанный выше компонент вместо редактирования этих компонентов.

Настройка панели инструментов RTE

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

Чтобы настроить панель инструментов для dialogFullScreen , используйте следующий пример конфигурации.

 
  
    <встроенный
      jcr:primaryType="nt:неструктурированный"
      toolbar="[format#bold,format#italic,format#underline,#justify,#lists,links#modifylink,links#unlink,#paraformat]">
      <всплывающие окна jcr:primaryType="nt:unstructured">
        <оправдать
          jcr:primaryType="nt:неструктурированный"
          items="[justify#justifyleft,justify#justifycenter,justify#justifyright,justify#justifyjustify]"
          ref="оправдать"/>
        <списки
          jcr:primaryType="nt:неструктурированный"
          items="[lists#unordered,lists#ordered,lists#outdent,lists#indent]"
          ссылка = "списки"/>
        <параформат
          jcr:primaryType="nt:неструктурированный"
          items="paraformat:getFormats:paraformat-pulldown"
          ref="параформат"/>
      
    
    
      <всплывающие окна jcr:primaryType="nt:unstructured">
        <параформат
          jcr:primaryType="nt:неструктурированный"
          items="paraformat:getFormats:paraformat-pulldown"
          ref="параформат"/>
      
    
    
    
  

 

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

Например, если опция сама является функцией (например, Bold ), она указывается как PluginName#FeatureName (например, links#modifylink ).

Если параметр является всплывающим (содержащим некоторые функции плагина), он указывается как #PluginName (например, #format ).

Разделители ( | ) между группой опций можно указать с помощью -.

Всплывающий узел в встроенном или полноэкранном режиме содержит список используемых всплывающих окон. Каждый дочерний узел в узле popovers назван в честь подключаемого модуля (например, формат). У него есть свойство «items», содержащее список возможностей плагина (например, format#bold).

Настройки пользовательского интерфейса RTE и политики контента

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

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

• Параметры конфигурации пользовательского интерфейса определяют, какие параметры доступны для политик содержимого.
• Если конфигурация пользовательского интерфейса RTE удалена или не включает элемент, политика содержимого не может его настроить.
• Автор имеет доступ только к тем функциям, которые доступны в конфигурациях пользовательского интерфейса и политиках содержимого.

В качестве примера вы можете посмотреть документацию Text Core Component.

Настроить сопоставление между значками панели инструментов и командами

Вы можете настроить сопоставление между значками Coral, отображаемыми на панели инструментов RTE, и доступными командами. Вы не можете использовать никакие другие значки, кроме значков Coral.

1. Создайте узел с именем icons под uiSettings/cui .

2. Создать узлы для отдельных иконок под ним.

3. На каждом из отдельных узлов значков укажите значок Coral и команду для сопоставления со значком.

Ниже приведен пример фрагмента кода для сопоставления команды Bold со значком Coral с именем textItalic .

 
    
        
    
    
        
            
            
            
                <жирный jcr:primaryType="nt:неструктурированный"
                    команда = "формат # полужирный"
                    значок="текст курсивом"/>
            
        
    

 

Известные ограничения

Возможности RTE Experience Manager имеют следующие ограничения:

• Возможности

  RTE поддерживаются только в диалоговых окнах компонента Experience Manager. RTE не поддерживается мастерами или формами Foundation.

• Experience Manager не работает на гибридных устройствах.

• Не называйте узел конфигурации RTE config . В противном случае конфигурация RTE действует только для администраторов, а не для пользователей в группе автор контента .

• RTE не поддерживает встраивание содержимого во встроенный фрейм или iframe.

Передовой опыт и советы

• Для всплывающего диалогового окна включите только подключаемые модули без всплывающего диалогового окна. Плагины без всплывающих окон меньше по размеру и больше всего подходят для плавающего диалога.
• Включайте подключаемые модули с большим всплывающим окном, такие как подключаемый модуль Paste , только в полноэкранном диалоговом режиме или в полноэкранном режиме. Плагинам с большими всплывающими окнами требуется больше места на экране, чтобы обеспечить удобство разработки.
• Если вы используете пользовательские подключаемые модули для CoralUI3 RTE, используйте библиотеку rte.coralui3 .

Ресурсы Business.Adobe.com

Adobe After Effects CC Classroom in a Book (выпуск 2015 г.) (Classroom in a Book (Adobe)) (мягкая обложка)

Авторы: Lisa Fridsma, Brie Gyncild

$74,99
ответ.

Описание

---

Эта веб-версия доступна бесплатно при покупке Adobe After Effects CC Classroom в виде книги (выпуск 2015 г.) печатная книга или электронная книга. Веб-издание — это электронная версия книги, к которой можно получить доступ при любом подключении к Интернету из вашей учетной записи на сайте www.peachpit.com. Это веб-издание включает 10 часов пошаговых видеоуроков и интерактивных контрольных вопросов. По мере того, как Adobe выпускает новые функции для клиентов Creative Cloud, содержимое веб-версии будет обновляться с учетом изменений. Примечание. Веб-издания нельзя просматривать на электронных книгах. Чтобы просмотреть эту книгу на устройстве для чтения, приобретите электронную книгу.
Профессионалы творческих профессий, которые ищут самый быстрый, простой и всеобъемлющий способ изучения Adobe After Effects CC (выпуск 2015 г.), выбирают этот класс в книге(R) из самой продаваемой серии практических учебных пособий по программному обеспечению. Эта серия предлагает то, чего нет ни в одной другой книге или учебной программе, — официальную серию учебных курсов от Adobe Systems Incorporated, разработанную при поддержке экспертов по продуктам Adobe.
Adobe After Effects CC Classroom в книге (выпуск 2015 г.) содержит 14 уроков, которые охватывают основы и не только, а также бесчисленные советы и приемы, которые помогут вам повысить продуктивность работы с программой. Вы можете пройти книгу от начала до конца или выбрать только те уроки, которые вам интересны. Как и во всех продуктах Classroom in a Book, сопутствующие онлайн-файлы содержат все необходимые ресурсы, необходимые для выполнения проектов, представленных в каждом уроке.
Узнайте, как использовать Adobe After Effects CC для создания, управления и оптимизации движущейся графики для фильмов, видео, DVD, Интернета и мобильных устройств. Получите практический опыт анимации текста и изображений, настройки широкого спектра эффектов, ротоскопирования и коррекции цвета. Научитесь создавать 3D-контент с помощью After Effects и Maxon Cinema 4D Lite (входит в комплект поставки).
Что необходимо для использования этого продукта: Программное обеспечение Adobe After Effects CC (выпуск 2015 г.) для Windows или Mac OS. (Программное обеспечение не входит в комплект.)

Об авторе

---

Лизе Фридсма давно нравится процесс обучения других использованию продуктов Adobe. Она написала, отредактировала и оформила более тридцати книг из серии «Класс в книге» за последние полтора десятилетия (включая книги по Photoshop и After Effects), начиная с того времени, когда она работала в Adobe. В настоящее время она является владельцем Darlington Hill Productions (информационные иллюстрации и публикации).

No related posts.