PoojaMoolya at 11:55, 10 November 2021

2021-11-10T11:55:09Z

PoojaMoolya at 11:53, 10 November 2021

2021-11-10T11:53:47Z

PoojaMoolya at 11:42, 10 November 2021

2021-11-10T11:42:34Z

Show changes

Nancyvarkey at 11:28, 27 October 2021

2021-10-27T11:28:53Z

Show changes

Arvindpillai90: Created page with "Title: Getting familiar with OBS Author: Nikita Misal {| border="2" |- || '''Visual Cue''' || '''Narration''' |- || '''Slide''': Title || Welcome to the '''spoken tutorial''..."

2021-10-25T16:23:58Z

Created page with "Title: Getting familiar with OBS Author: Nikita Misal {| border="2" |- || '''Visual Cue''' || '''Narration''' |- || '''Slide''': Title || Welcome to the '''spoken tutorial''..."

New page

Title: Getting familiar with OBS

Author: Nikita Misal

{| border="2"
|-
|| '''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)'''

| style="background-color:transparent;border:0.75pt solid #808080;padding:0.035cm;" | 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''' <span style="background-color:transparent;color:#252525;">Output (1280x720) '''<span style="background-color:transparent;color:#252525;">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.
|-
| style="color:#252525;" | 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.
|-
| style="color:#252525;" | 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.
|-
|}

@@ Line 322: / Line 322: @@
 * Scale the '''Preview screen''' to the maximum size.
-* Navigate the screen using '''Spacebar'''
+* Navigate the screen using '''Spacebar.'''
-* Apply the '''color correction filter'''
+* Apply the '''color correction filter. '''
-* Adjust the '''settings '''and observe the difference in the color
+* Adjust the '''settings '''and observe the difference in the color.
 * Transform the screen to '''Rotation 180'''.

@@ Line 309: / Line 309: @@
 || In this tutorial, we learnt about the '''OBS''' work area.
-We will also learnt to* Use '''Edit menu'''
+We will also learnt to
 * Take '''Screenshots'''
 * Use '''Filters '''in '''OBS'''

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

PoojaMoolya at 11:55, 10 November 2021

PoojaMoolya at 11:53, 10 November 2021

PoojaMoolya at 11:42, 10 November 2021

Nancyvarkey at 11:28, 27 October 2021

Arvindpillai90: Created page with "Title: Getting familiar with OBS Author: Nikita Misal {| border="2" |- || '''Visual Cue''' || '''Narration''' |- || '''Slide''': Title || Welcome to the '''spoken tutorial''..."