OBS-Studio/C2/Getting-familiar-with-OBS/English

From Script | Spoken-Tutorial
Revision as of 21:53, 25 October 2021 by Arvindpillai90 (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Title: Getting familiar with OBS

Author: Nikita Misal

Visual Cue Narration
Slide: Title Welcome to the spoken tutorial on Getting familiar with OBS interface
Slide: Learning Objectives In this tutorial, we will learn:* About the OBS work area

We will also learn to

  • Use Edit menu
  • Take Screenshots
  • Use Filters in OBS
  • Use Transform options and
  • Cropping
Slide: OS and Versions OBS Studio can run on any of the following operating systems:
  • Microsoft Windows 8 or higher versions
  • GNU/Linux OS 18.04 or higher versions
  • Mac OS X 10.13 or higher versions
Slide: Prerequisite To practice this tutorial, you should have basic knowledge of computers.

You should also know how to use a web browser.

Slide: System Requirements This tutorial is recorded using
  • Windows 10
  • Firefox web browser.

You can use any web browser of your choice.

The steps demonstrated are exactly the same on Linux and Mac OSX.

Click on Start menu>> Type OBS>> Double-click on OBS Studio icon Let us open OBS Studio.

For that, click on the Search icon at the bottom left of the screen.

Type OBS in the search bar and press Enter.

Double-click on the OBS icon to launch it.

Point to the Scenes and the associated Sources We see that the interface reflects all the activities done in the previous tutorial.

We see scenes with the names Opening Scene 001 and Scene 002.

We also see sources listed as Screen capture 001, Screen Capture 002

And Arvind’s external mic

Only narration First of all, let us learn how to Lock Screen Preview using the Edit menu.
Click on Edit menu >> Click on Lock Preview option >> Point towards symbol To do so, click on the Edit menu on the menu bar.

Then from the sub-menu, click on the Lock Preview option.

Click on Edit menu >> Point to the Lock Preview option >> Point towards symbol Click on Edit menu, then move cursor towards Lock Preview to view the tick mark

A tick mark symbol appears in front of the Lock Preview option.

Point towards symbol

Text on screen:“Lock Preview prevents the editing of any scene by accident.”

The tick mark indicates that we cannot edit the source position or size in the preview window.

This setting prevents the editing of any scene by accident.

Click on Edit menu >> Click on the Lock Preview Click on Lock Preview option again to enable editing in the Preview window.
Only narration Next, let us learn about Preview Scaling.
Right-click on the preview area

Preview Scaling>>Output(1024*614)

To scale the Preview window to a fixed size of output, right-click on the Preview area.

From the context menu, select Preview Scaling.

From the sub-menu, select Output (1280x720) option.

On my system, 1280x720 is the current output resolution.

Choose the option that appears in your system.

Point towards the enlarged Preview

Hold Spacebar and drag the window first to the left and then to the right

Notice that the Preview size has enlarged.

Hold Spacebar key and with the mouse drag and navigate the Preview window.

Only narration Next, let us learn how to take a screenshot in OBS.
Point to the Scene menu

Right-click on Opening-scene-001 >> select Screenshot (Scene)

To do so, go to the Scene menu at the bottom left of the screen.

Right-click on Opening-scene-001, and from the context menu select Screenshot (Scene).

Click File >> Show Recordings

And point towards the PNG files

All screenshots are saved in PNG format under the same directory as the recordings.
Only narration Likewise, try taking some more screenshots of other Sources on your own.
Only narration Next, let us learn about filters in OBS.
Right-click on Opening-scene-001 >> select

Context menu select Filters

To apply a filter, under the Sources pane right-click on Opening-scene-001.

From the context menu select Filters.

Point towards Filters button on the Source toolbar Alternatively, you can click on the Filters button on the Source toolbar too.
Point towards Opening-scene-001 dialog box Filters for Opening-scene-001 dialog box opens in the first case

Whereas, Filters for Screen Capture 001 opens up in the second case

This is because, in the second case we have selected the source

Point towards Effect Filters On the left side we see Effect filters.

Click on the + button

All the filters that we add will be visible here.

Let us see an example.

On the bottom left click on the + button.

Point towards all the filters >> Select the Luma key A context menu with a list of filter options opens up.

Here, we will select the Luma key.

Filter name dialog box

Click on the OK button

Filter name dialog box pops up.

I will not change anything here and then click on the OK button.

Point to Luma key filter settings

Change the value of Luma Max to 0.7000

On the right side, a number of Luma key filter settings appears.

Here, let’s change the value of Luma Max to 0.7000

We will leave the other options as they are.

Click on the Close button Now, click on the Close button at the bottom right of the dialog box to complete the changes.
Point towards the white colors turned to greyish black In the Preview window notice that the white colors have turned to greyish black now.
Press CTRL Z Select the Preview Area and press CTRL Z to undo the changes.
Only narration Now, we will learn about Transform options in OBS.
Slide: Transform
  • Transform option changes the appearance of the video
  • It helps control the size, mirroring, rotation and cropping of the video
Right-click on Sources >> select Display Capture

Context menu select Transform

To transform Source, right-click on the Screen Capture 001 in the Sources list pane.

From the context menu select Transform.

Click on the Edit menu >> Transform

Click on Edit Transform

Alternately, click on the Edit menu on the Menu bar, and click on Transform.

From the context menu, click on Edit Transform.

Point towards Scene Item Transform dialog box

Rotation >> 90

Scene Item Transform settings dialog box appears.

Under Rotation, we’ll change the value to 90.

Click on the arrow besides Position Alignment

Select Center-Left

Then click on the arrow besides the Position Alignment field.

From the drop-down, select Center-Left.

Click on the Close button Click on the Close button at the bottom right of the dialog box to complete the changes.
Point towards the Preview screen Notice that in the Preview window the alignment of the Scene has changed.
Only narration This method of transformation is very useful while creating long duration video films.

It helps to keep all the scenes in uniform size and proportion throughout the video.

Press CTRL Z Press CTRL Z to undo the changes.
Only narration Next, let’s perform manual transformation of the source in the Preview window.

We do manual transformation to resize the screen visually as per our requirement.

Move the cursor a per the narration Move the cursor over a small red square handle at the bottom right of the source bounding box.
Click and drag the mouse as per the narration >> release mouse button Click and drag the mouse diagonally towards the left side and release the mouse button.

This will resize the screen keeping the original height and width proportions.

Press CTRL Z Press CTRL Z to undo the changes.
Point to the side handles for height and then for width We can also change only the height or width by resizing using the side square handles.
Only narration Next, let us learn how to crop the screen in OBS.
Slide: Crop
  • Crop option removes unwanted portions of a video to create focus on the composition
  • We can crop an image from either left, right, top or bottom
Press and hold the Alt key To crop, press and hold the Alt key on the keyboard.
Move the cursor a per the narration

Click and drag the mouse as per the narration

Move the cursor over the small red square at the left side of the source bounding box.

Click and drag the mouse towards the right side.

Point towards green color

Notice at the left, the bounding box turns green in color.

Which means the cropped side of the bounding box is in green color.

Release the mouse button + Alt key Now release the mouse button and the Alt key.

This is how we crop the screen and remove unnecessary footage.

Press CTRL Z Press CTRL Z to undo the changes.
On OBS >> click X icon Let’s now close the OBS interface by clicking on the X icon.
Only narration This brings us to the end of this tutorial.

Let us summarize.

Slide: Summary In this tutorial, we learnt:
  • About the OBS work area

We will also learnt to* Use Edit menu

  • Take Screenshots
  • Use Filters in OBS
  • Use Transform options and
  • Cropping
Slide: Assignment As an assignment
  • Scale the Preview screen to the maximum size.
  • Navigate the screen using Spacebar
  • Apply the color correction filter
  • Adjust the settings and observe the difference in the colors
  • Transform the screen to Rotation 180
Slide: About Spoken Tutorial Project
  • The video at the following link summarises the Spoken Tutorial project.
  • Please download and watch it.
Slide: Spoken tutorial workshops
  • We conduct workshops using spoken tutorials and give certificates.
  • For more details, please contact us.
Slide: Answers for THIS Spoken Tutorial Pls post your timed queries in this forum.
Slide: Acknowledgement Spoken Tutorial project is funded by the Ministry of Education (MoE), Govt. of India
This is Arvind Pillai along with Nikita Misal from IIT Bombay signing off.

Thank you for joining.

Contributors and Content Editors

Arvindpillai90, Nancyvarkey, PoojaMoolya