Создание панорамы
методическая разработка по информатике и икт (9 класс) на тему

Создание панорамы

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

Скачать:

ВложениеРазмер
Microsoft Office document icon panorama.doc399 КБ

Предварительный просмотр:

Панорама

1.Создадим новый документ и создадим новый слой, щелкнув на значке Create a new layer в нижней части палитры Layers . Выберем инструмент Прямоугольная область  и нарисуем прямоугольную выделенную область. Выберем основным цветом черный цвет и зальем им выделенную область командой (Редактирование – Заполнить) .

Видеостена - деформация изображений в Adobe Photoshop

2. Выберем инструмент Овальная Область и нарисуем большую овальную область, что бы она отсекла верхнюю часть прямоугольника.

Видеостена - деформация изображений в Adobe Photoshop

3. Удалим нижнюю часть прямоугольника клавишей Backspace. Снимаем  выделения.

Видеостена - деформация изображений в Adobe Photoshop

4. Создадим новый слой, щелкнув на значке Create a new layer в нижней части палитры Layers . Выберем инструмент Прямоугольная Область, и нарисуем прямоугольную выделенную область, которая будет чуть выше и чуть шире черной фигуры. Таким образом, создадим внешнюю границу рамки экрана.

Видеостена - деформация изображений в Adobe Photoshop

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

.Видеостена - деформация изображений в Adobe Photoshop

5.Выберем основным цветом темно серый цвет и зальем им выделенную область.  Снимаем выделение.

Видеостена - деформация изображений в Adobe Photoshop

6. Выберем команду Слой – Стиль слоя - Фаска и Рельеф .  И выставим значения Depth – 400%, Size –. Смотрим рисунок. Но лучше поэкспериментируйте.

Видеостена - деформация изображений в Adobe Photoshop

7.Объединим слои черной фигуры и прямоугольника с помощью команды Слияние Вниз. Создание экрана – завершено.

Видеостена - деформация изображений в Adobe Photoshop

8. Уменьшим его с помощью команды Преобразование - Свободная Трансформация.  Удерживая Shift , щелкнем мышкой на угловой точке ограничивающей рамки и переместим ее вовнутрь для уменьшения изображения. Нажмите Enter для окончания преобразования.

9. Для создания точной копии монитора выберем инструмент Перемещение  и удерживая Shift + Alt + Ctrl , щелкнем  на стороне экрана , появляются две стрелки и переместим его вверх. Можно продублировать это слой.

10. Создадим еще несколько копий, удерживая Shift + Alt + Ctrl доведя до семи экранов по вертикали. Связываем 7 слоев с экраном  и склеиваем  их.

Видеостена - деформация изображений в Adobe Photoshop

11.Создадим копию слоя со стойкой экранов. С  помощью инструмента Перемещение перетащим вправо копию. У нас получилась еще одна стойка, соприкасающаяся с правым краем первой стойки.

Видеостена - деформация изображений в Adobe Photoshop

12. Выбираем Свободную Трансформацию.  Удерживая Shift + Alt + Ctrl , щелкнем на правом крайнем маркере второй стойки и перетащим его вверх для придания перспективы.

Видеостена - деформация изображений в Adobe Photoshop

13.При добавлении перспективы стойка оказывается немного растянутой. Исправим эту ситуацию с помощью средства Свободную Трансформацию. Щелкнув на среднем маркере справа, будем перемещать его влево до получения необходимого результата и жмем Enter для его закрепления.

Видеостена - деформация изображений в Adobe Photoshop

14.Дублируем вторую стойку  создав, таким образом, третью стойку. Линии, разделяющие экраны согласованы не будут с линиями второй стойки.

Видеостена - деформация изображений в Adobe Photoshop

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

Видеостена - деформация изображений в Adobe Photoshop

16. Не нажимая Enter сразу добавим эффект перспективы и к этой стойке с помощью Shift + Alt + Ctrl , щелкнув на правом крайнем маркере стойки и перетащив его вверх. Далее щелкнем на центральном маркере с правой стороны стойки и перетащим его влево для устранения вытянутости экранов.

Видеостена - деформация изображений в Adobe Photoshop

17. Создадим четвертую стойку экранов, повторив все действия для третьей стойки экранов.

18. Создав правую часть видеостены, используем ее для создания левой. Объединяем  4 слоя с Экранами.

19. Создадим копию слоя с изображением правой части стены Редактирование – Преобразование – Отразить горизонтально для получения зеркального отражения.

Видеостена - деформация изображений в Adobe Photoshop

20. Объединим два полученных слоя в один с помощью команды Слить Вниз.

Видеостена - деформация изображений в Adobe Photoshop

22.Обрежем видеостену. Для этого нажмем клавишу C для выбора инструмента Кадрировать. Нарисуем рамку кадрирования вокруг области изображения, которую надо оставить и нажмем Enter для обрезки изображения.

Видеостена - деформация изображений в Adobe Photoshop

23. Откроем фотографию, которая будет находиться на видеостене  и перетащим ее в документ содержащий видеостену.

24. Так как фотография отобразится над видеостеной, то перейдя к палитре Layers , щелкнем на слое с фотографией и перетащим его вниз под слой с видеостеной.

25. В палитре Layers щелкнем на слое с видеостеной и добавим новый слой, щелкнув на значке Create a new layer . На этом слое создадим блики и тени для придания видеостене более натурального вида. Нажмем клавишу B для выбора инструмента Кисть. Нам нужна большая мягкая кисть. У меня размер кисти 330 пикселей. Обратившись к панели Параметры (для кисти не для слоя), уменьшим параметр Непрозрачность до 40-45%. Выберем в качестве основного белый цвет. Сделаем несколько мазков от верхнего края к центру.

Видеостена - деформация изображений в Adobe Photoshop

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

Видеостена - деформация изображений в Adobe Photoshop

27.Для улучшения сочетания слоя с мазками с остальной частью изображения перейдем к палитре Layers и из раскрывающегося окна Режим слоя  выберем режим Color Dodge . Чтобы обеспечить наличие бликов и теней только на экранах (а не на всей фотографии), нажмем комбинацию Ctrl + G или команду Слой- Группировать с предыдущим для создания обтравочной маски. Применив обтравочную маску, увидим, что блики с изображения пропали, а остались только на гранях экранов. Если блики слишком интенсивны, уменьшим непрозрачность соответствующего слоя в палитре Layers .

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

29.  К слою содержащего фоновый рисунок, в моем случай он Слой1  применяем Эффект слоя – Наложение образца. Дублировала этот слой  несколько раз и выставляла параметр Scaleдля каждого слоя.  Для космоса изменяла - Scale-60,65,70,75,65. Для моря Scale-40,42,44,46,48,50,52,54. Переходим в Имаже Реди. Сколько копий слоев  Слоя1 столько кадров. Промежуточные кадры не вставлять , лишние удалять.


По теме: методические разработки, презентации и конспекты

Мастер - класс "Панорама методов и приёмов активизации познавательной деятельности при исследовательской деятельности"

"Панорама методов и приёмов активизации познавательной деятельности", это мероприятие проводилось на зональном уровне для учителей Московской области. На примере проекта "Вода - чудо природы", были по...

Урок-панорама "Прощание с 19 веком"

Урок с использованием рекомендованных технологий: игровой, методикой Ильина, технология Шаталова, адаптированная к урокам литературы, метод проектов (элементы проекта ученика). Данный материал может б...

Панорама инновационного педагогического опыта учителя русского языка и литературы Горелышевой С.А.

Предложена панорама педагогического опыта Горелышевой С.А.  по теме "Развитие креативности школьников на уроках словесности"(обобщение)....

Мастер-класс для учителей "Работа со сферическими панорамами на уроках словесности"

Цель мастер-класса: продемонстрировать работу со сферическими панорамами на уроках словесности.Мастер-класс состоит из двух частей. Первая часть – представление примеров сферических панорам для уроков...

Урок-панорама "Спасибо, сердце, что ты умеешь так любить". Биология (8-й класс)

Цель: выявить, что сердце – важный и жизненно необходимый орган, развивать умение пользоваться знаниями на практике, продолжить патриотическое воспитание. Оборудование: торс человека, табли...

Презентация Музей - Панорама Сталинградская битва

Голосок на левом флангеТо ли девушка поет,То ли лермонтовскийангелПродолжает свой полетВслед за песней выстрел треснет –Звук оборванной струны.Это выстрелят по песнеС той, с немецкой, стороны.Го...