МЭШ — Делаем титульный слайд

Поиск идеального фона

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

Прежде всего нам понадобится фон. Я буду делать сценарий урока по информатике, поэтому нужно что-то такое, что связано с информатикой, узнаваемо детьми, несет некоторый положительный заряд и вызывает положительные ассоциации. Очевидно, компьютерные игры. Overwatch — это название моей любимой игры, Bastion — имя моего любимого персонажа, а Wallpaper — ключевое слово, которое обозначает «обои на рабочий стол».

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

Но вот здесь ниже есть секция под названием «похожие картинки». Если попереключаться, мы получим то же или похожее изображение в разном размере. Идеально! 3800 на 1600. Да, по высоте не дотягивает до нужного размера, но эй, это же фон. Может быть, не будет заметно? Давайте все-таки попробуем, уж больно мне эта картиночка нравится.

Откроем в полном размере. Повезло. По-моему, вполне. Несмотря на то, что на ней есть некоторая зернистость, давайте попробуем использовать её. Если она будет смотреться плохо, поменяем на другую. Правой кнопочкой «Сохранить картинку как» — сохраняем её на рабочий стол.

Подготовка презентации и технические настройки

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

Но первое, что нужно сделать, — убедиться, что у вас всё правильно с технической точки зрения. Поэтому переходим во вкладку «Дизайн». Справа на панели есть кнопочка «Размер слайда». Нужно обязательно убедиться, что слайд у нас широкоэкранного формата 16:9. У меня эта настройка стоит по умолчанию, но это вовсе не значит, что по умолчанию стоит и у вас тоже. Поэтому, пожалуйста, убеждайтесь, что у вас широкоэкранный формат слайда.

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

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

Правила изменения размера изображений

А дальше то, что я скажу дальше, очень важно. Очень. Когда вы захотите изменить размер изображения, тянуть можно, только за углы: за верхний левый, верхний правый, нижний левый и нижний правый. В моем случае это нижнеправый. Я могу растянуть, и будет всё в порядке.

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

Давайте я покажу вам на примере. Допустим, у нас есть слайд с изображением Уильяма Шекспира, и мы бы с вами хотели растянуть это изображение до размера слайда. Что делает обычный пользователь? Растягивает вправо, растягивает влево, растягивает чуть вниз, и вот мы получаем растянутого в стороны Шекспира. Это неправильно, так нарушаются все возможные пропорции, особенно это заметно на людях.

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

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

И вот я растянул до размеров чуть больше слайда — ничего страшного. Растянули. Нажимаем F5, чтобы посмотреть, что получилось на слайде. По-моему, вполне пригодное изображение.

Работа со слоями

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

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

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

Работа с наложением элементов

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

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

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

Обрезка изображения под размер слайда

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

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

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

И вот на заднем плане появилась грань нашего слайда. Давайте подвинем нашу цветную границу до этого самого места. PowerPoint вам поможет: он приклеит вашу границу к этой грани, так что всё будет в порядке. То же самое делаем с нижней границей. Мы её там видим. Подвигаем — PowerPoint приклеивается к границе.

Формирование фона и работа с заголовком

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

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

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

Дизайн и типографика

А теперь давайте поговорим немного о дизайне. Заголовок в центре слайда — это классика. Так в принципе и должно быть. Другое дело, что у нас визуально слайд как бы ограничен деревом слева и травой снизу. Они отбирают у нас некоторую часть полезной площади нашего слайда. Поэтому вообще-то было бы правильнее располагать наш заголовок посередине оставшейся как раз полезной площади.

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

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

Начнем с изменения шрифта. Во вкладке «Главное» в секции «Шрифт» выбираем шрифт, который нам больше всего нравится. Я обычно использую Impact. Impact хорош тем, что он достаточно широкий, толстый и хорошо виден издалека. Дальше настраиваем размер. Я пользуюсь вот этими кнопочками «Увеличить и уменьшить размер», потому что это позволяет в реальном времени отслеживать, что получилось.

Давайте попробуем, увеличим. И еще немного, и еще чуть-чуть. Нет, это уже перебор. Вернемся назад. Вот, отлично, вот такого размера подойдет. Как видите, строчки у нас уехали чуть выше, поэтому придется блок подвинуть снова в середину. Так, на глазок, конечно.

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

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

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

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

Единственное, что я хотел бы здесь исправить, — сделать контур текста. Видите, он там есть, синий. Хотел бы сделать его немного пожирнее. Это можно сделать в секции стилей WordArt рядом с выбором стиля. Вот здесь контур текста. Выберем толщину, наводим и сразу видим изменение. Так, 2.25 — много? Вот полтора — в самый раз.

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

Проверка результата

Этот слайд не стыдно будет показать в качестве заголовка. Давайте убедимся в этом. Нажимаем F5. Ну вот, смотрите, какая красота! И даже в большом разрешении это выглядит вполне удачно. Мы с вами сейчас видим здесь некоторое зерно на облаках и небе, но поверьте на слово: на панели этого видно не будет абсолютно.

Сохранение слайда как изображения

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

Заходим во вкладку «Файл», выбираем «Сохранить как» и наш рабочий стол. Открываем меню «Тип файла» и выбираем JPEG, если мы говорим про фон. Во всех остальных случаях лучше использовать Portable Network Graphics или PNG. Сейчас я воспользуюсь просто обычным JPEG. «Техника безопасности». Сохранить.

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

Добавление слайда в сценарий урока

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

Я так понимаю, это происходит по двум причинам. Первое: качество падает при сохранении презентации в JPEG в PowerPoint. И второе: при добавлении материала в библиотеку Mesh материал сжимается, чтобы сэкономить место. Возможно, в дальнейшем что-нибудь придумается по поводу того, как бороться с этим сжатием изображений.

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