Difference between revisions of "Vignettes"

From Divinity Engine Wiki
Jump to: navigation, search
(→‎Vignette Image)
 
(18 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
== <font color="#ff9c00">General</font> ==
 
== <font color="#ff9c00">General</font> ==
  
−
'''Vignettes''' are used by the Game Master to tell part of the story with some visual and are also use to ask the party what they want to do after.
+
The Vignette Window allows you to craft encounters for your players, from situations to dialogues. It is a powerful storytelling tool.
  
−
This part will cover every details related to '''Vignettes'''.
+
You can access the Vignette Window at any time by clicking on the Vignette Window icon at the top of the screen, or by using the shortcut "V".
 +
 
 +
When you are in the Vignette Window, you will see all of your vignettes in the right sidebar.
 +
 
 +
The section below will cover every detail relating to '''Vignettes'''.
  
 
== <font color="#ff9c00">Vignettes</font> ==
 
== <font color="#ff9c00">Vignettes</font> ==
−
By default, when opening the '''Vignette''' panel you will already have a black '''Vignette''' with an image on it.
+
To create a vignette, simply click on the Vignette Window. This will bring up a blank vignette, which is completely customisable. It will look like this:
−
 
 
−
Then it should look like this:
 
  
 
[[File:GM_Vignettes.jpg|1000px]]
 
[[File:GM_Vignettes.jpg|1000px]]
Line 15: Line 17:
 
|-
 
|-
 
|
 
|
−
# [[#Vignette Image|'''Vignette Image''']], the image of your current '''Vignette'''. Can be changed. You can also crop it with the black handles around it
+
# The [[#Vignette Image|'''Vignette Image''']] is the image for your current '''Vignette'''. You can change this image by right-clicking on it and selecting "Change Image". You can also crop the image.
−
# [[#Vignette Borders|'''Vignette Borders''']], the borders of the '''Vignette'''. Can be changed
+
# The [[#Vignette Borders|'''Vignette Borders''']] are the borders of your current '''Vignette'''. You can change the border of the vignette by selecting "Change Border".
−
# [[#Vignette Canvas|'''Vignette Canvas''']], the canvas color/image of the '''Vignette'. Can be changed.
+
# The [[#Vignette Canvas|'''Vignette Canvas''']] references the background colour of your current vignette. You can change the colour of the background by selecting "Change Canvas".
−
# '''Vignette Text''', this is where you write the text that will be seen by the players
+
# The '''Vignette Text''' is where you write the text that will be seen by the players. You can type or paste the prompt for this vignette's encounter into the text box on the upper right.
−
# '''Vignette Choices''', this is where you can add multiple choices for the party to take
+
# '''Vignette Choices''' allow you to add multiple choices the party can take. These options can be indirect reactions to situations (eg. "Punch him") or direct dialogue options (eg. "I'll have you know I'm not that kind of shepherd!") or anything your mind can dream up.
−
# '''Adding Choices''', the green/blue-ish button is there to add more choices to the '''Vignette'''
+
# '''Adding Choices''' can be done by clicking on the blue Plus symbol to add an option, and typing your text directly into the textbox.
−
# '''Search & Folders''', this is where you can search for words to find specific '''Vignette'''. You can also '''Add Folders''', '''Rename Folders''', '''Delete Folders'''.
+
# '''Search & Folders''' allows you to search for words to find a specific '''Vignette'''. You can also '''Add Folders''', '''Rename Folders''', and '''Delete Folders'''.
−
# '''Vignette Area''', this is where all your '''Vignettes''' and '''Folders''' will be
+
# '''Vignette Area''' is where all your '''Vignettes''' and '''Folders''' are located.
−
# '''Clear Vignette''', this will wipe all the text in the '''Vignette'''. <font color="FF0000">'''IMPORTANT NOTE'''</font>: Clicking this red button will wipe the text forever.
+
# '''Clear Vignette''' will wipe all of the text in the '''Vignette'''. It is important to note that the text will be deleted forever!
 
|-
 
|-
 
|}
 
|}
  
 
=== <font color="#ff9c00">Creating Vignettes</font> ===
 
=== <font color="#ff9c00">Creating Vignettes</font> ===
−
Creating a '''Vignette''' is really simple. You just have to right-click on the '''Vignettes & Folder Area''' and select '''Add Vignette'''.
+
To create a vignette, simply click on the Vignette Window. This will bring up a blank vignette, which is completely customisable.
 +
 
 +
From there you can also '''Delete''' a '''Vignette'''. Note that if you select this option, your '''Vignette''' will be gone forever. Note also that you can't delete a '''Vignette''' if there is only one.
 +
 
 +
=== <font color="#ff9c00">Organising Vignettes</font> ===
 +
As you create more vignettes, you will want to organise them to make it easier to find the relevant ones while running your campaign. You can do this easily when you are viewing the Vignette Window through the right sidebar.
 +
 
 +
Within this sidebar, there is a menu on the top with various options:
 +
* The folder icon with a plus in it on the upper left will create a new folder. You can drag-and-drop vignettes into different folders at any time.
 +
* The calligraphy pen icon allows you to change the name of a folder.
 +
* The folder with an X in it allows you to delete a folder.
 +
* The search bar on the right allows you to search.
  
−
From there you can also '''Delete''' a '''Vignette'''. <font color="FF0000">'''IMPORTANT NOTE'''</font>: If you select this option, the '''Vignette''' will be gone forever. Also, you can't delete the '''Vignette''' if there is only one.
+
You can also crop and move vignette images by using frame control (same as the UI Overview Map).
  
 
=== <font color="#ff9c00">Changing Vignettes</font> ===
 
=== <font color="#ff9c00">Changing Vignettes</font> ===
−
Right-clicking somewhere on the '''Vignette''' or on the '''Vignette''' itself on the right bar will open up a menu with these options:
+
Right-clicking on the '''Vignette''' will open up a menu with these options:
  
 
[[File:GM_VignetteMenu.jpg]]
 
[[File:GM_VignetteMenu.jpg]]
Line 40: Line 53:
 
|-
 
|-
 
|
 
|
−
# [[#Vignette Image|'''Change Image''']], will allow you to change the image of the vignette
+
# [[#Vignette Image|'''Change Image''']] will allow you to change the image of the vignette.
−
# [[#Vignette Canvas|'''Change Canvas''']], will allow you to change the backgroumnd of the vignette
+
# [[#Vignette Canvas|'''Change Canvas''']] will allow you to change the background of the vignette.
−
# [[#Vignette Borders|'''Change Border''']], will allow you to change the border of the vignette
+
# [[#Vignette Borders|'''Change Border''']] will allow you to change the border of the vignette.
 
|-
 
|-
 
|}
 
|}
−
 
  
 
==== <font color="#ff9c00">Vignette Image</font> ====
 
==== <font color="#ff9c00">Vignette Image</font> ====
Line 53: Line 65:
 
|-
 
|-
 
|
 
|
−
# '''Images Area''', this is where all the images available are
+
# The '''Images Area''' is where all of your available images are located.
−
# '''OK''', pressing this button after selecting an image will change the image of the '''Vignette'''
+
# Pressing the '''OK''' button after selecting an image will change the image of the '''Vignette'''
−
# [[#Importing Image|'''Browse''']], this will allow you to import an image from your computer into your campaign
+
# [[#Importing Assets|'''Browse''']] allows you to import an image from your computer into your campaign.
 
|-
 
|-
 
|}
 
|}
Line 65: Line 77:
 
|-
 
|-
 
|
 
|
−
# '''Canvas Area''', this is where all the '''Canvas''' images available are
+
# The '''Canvas Area''' is where all of your available '''Canvas''' images are located.
−
# '''OK''', pressing this button after selecting an image will change the image of the '''Vignette'''
+
# Pressing the '''OK''' button after selecting an image will change the image of the '''Vignette'''.
−
# [[#Importing Image|'''Browse''']], this will allow you to import an image from your computer into your campaign
+
# [[#Importing Assets|'''Browse''']] allows you to import an image from your computer into your campaign.
 
|-
 
|-
 
|}
 
|}
Line 77: Line 89:
 
|-
 
|-
 
|
 
|
−
# '''Borders Area''', this is where all the '''Borders''' images available are
+
# The '''Borders Area''' is where all of your available '''Borders''' images are located.
−
# '''OK''', pressing this button after selecting an image will change the image of the '''Vignette'''
+
# Pressing the '''OK''' button after selecting an image will change the image of the '''Vignette'''.
−
# [[#Importing Image|'''Browse''']], this will allow you to import an image from your computer into your campaign
+
# [[#Importing Assets|'''Browse''']] allows you to import an image from your computer into your campaign.
 +
|-
 +
|}
 +
 
 +
== <font color="#ff9c00">Importing Assets</font> ==
 +
Don't worry, importing data is not complicated!
 +
 
 +
After pressing the Browse button you can navigate the folders on your computer to find the image that you want.
 +
 
 +
Supported format are PNG and JPG. Please note that renaming a PNG for a JPG or vice-versa is not supported.
 +
 
 +
Please keep in mind that if you want to have something transparent (for example: to use as a border) you'll need to use image modification software.
 +
 
 +
If you want to add custom images to your Game Master Mode campaign while it is not loaded, they should be placed here:
 +
 
 +
{| class="wikitable"
 +
|-
 +
|
 +
%(DocumentsFolder)\Larian Studios\Divinity Original Sin 2\GMCampaigns\%(CampaignName)\
 +
|-
 +
|}
 +
 
 +
If you want to add new images when you are also working on your campaign in the game at the same time, place the images here:
 +
{| class="wikitable"
 +
|-
 +
|
 +
%(DocumentsFolder)\Larian Studios\Divinity Original Sin 2\PlayerProfiles\%(ProfileName)\GMActiveCampaignSession\
 
|-
 
|-
 
|}
 
|}
  
−
== <font color="#ff9c00">Importing Image</font> ==
+
Afterwards, to make sure your campaign "loads" the newly added image, open the [[Game Menu|'''Game Menu''']] (or '''Press Escape''') and click on '''Reload Assets'''. This will reload any newly-added assets while the game is running.

Latest revision as of 18:32, 9 January 2018

General

The Vignette Window allows you to craft encounters for your players, from situations to dialogues. It is a powerful storytelling tool.

You can access the Vignette Window at any time by clicking on the Vignette Window icon at the top of the screen, or by using the shortcut "V".

When you are in the Vignette Window, you will see all of your vignettes in the right sidebar.

The section below will cover every detail relating to Vignettes.

Vignettes

To create a vignette, simply click on the Vignette Window. This will bring up a blank vignette, which is completely customisable. It will look like this:

GM Vignettes.jpg

  1. The Vignette Image is the image for your current Vignette. You can change this image by right-clicking on it and selecting "Change Image". You can also crop the image.
  2. The Vignette Borders are the borders of your current Vignette. You can change the border of the vignette by selecting "Change Border".
  3. The Vignette Canvas references the background colour of your current vignette. You can change the colour of the background by selecting "Change Canvas".
  4. The Vignette Text is where you write the text that will be seen by the players. You can type or paste the prompt for this vignette's encounter into the text box on the upper right.
  5. Vignette Choices allow you to add multiple choices the party can take. These options can be indirect reactions to situations (eg. "Punch him") or direct dialogue options (eg. "I'll have you know I'm not that kind of shepherd!") or anything your mind can dream up.
  6. Adding Choices can be done by clicking on the blue Plus symbol to add an option, and typing your text directly into the textbox.
  7. Search & Folders allows you to search for words to find a specific Vignette. You can also Add Folders, Rename Folders, and Delete Folders.
  8. Vignette Area is where all your Vignettes and Folders are located.
  9. Clear Vignette will wipe all of the text in the Vignette. It is important to note that the text will be deleted forever!

Creating Vignettes

To create a vignette, simply click on the Vignette Window. This will bring up a blank vignette, which is completely customisable.

From there you can also Delete a Vignette. Note that if you select this option, your Vignette will be gone forever. Note also that you can't delete a Vignette if there is only one.

Organising Vignettes

As you create more vignettes, you will want to organise them to make it easier to find the relevant ones while running your campaign. You can do this easily when you are viewing the Vignette Window through the right sidebar.

Within this sidebar, there is a menu on the top with various options:

  • The folder icon with a plus in it on the upper left will create a new folder. You can drag-and-drop vignettes into different folders at any time.
  • The calligraphy pen icon allows you to change the name of a folder.
  • The folder with an X in it allows you to delete a folder.
  • The search bar on the right allows you to search.

You can also crop and move vignette images by using frame control (same as the UI Overview Map).

Changing Vignettes

Right-clicking on the Vignette will open up a menu with these options:

GM VignetteMenu.jpg

  1. Change Image will allow you to change the image of the vignette.
  2. Change Canvas will allow you to change the background of the vignette.
  3. Change Border will allow you to change the border of the vignette.

Vignette Image

GM Vignette Image.jpg

  1. The Images Area is where all of your available images are located.
  2. Pressing the OK button after selecting an image will change the image of the Vignette
  3. Browse allows you to import an image from your computer into your campaign.

Vignette Canvas

GM Vignette Canvas.jpg

  1. The Canvas Area is where all of your available Canvas images are located.
  2. Pressing the OK button after selecting an image will change the image of the Vignette.
  3. Browse allows you to import an image from your computer into your campaign.

Vignette Borders

GM Vignette Borders.jpg

  1. The Borders Area is where all of your available Borders images are located.
  2. Pressing the OK button after selecting an image will change the image of the Vignette.
  3. Browse allows you to import an image from your computer into your campaign.

Importing Assets

Don't worry, importing data is not complicated!

After pressing the Browse button you can navigate the folders on your computer to find the image that you want.

Supported format are PNG and JPG. Please note that renaming a PNG for a JPG or vice-versa is not supported.

Please keep in mind that if you want to have something transparent (for example: to use as a border) you'll need to use image modification software.

If you want to add custom images to your Game Master Mode campaign while it is not loaded, they should be placed here:

%(DocumentsFolder)\Larian Studios\Divinity Original Sin 2\GMCampaigns\%(CampaignName)\

If you want to add new images when you are also working on your campaign in the game at the same time, place the images here:

%(DocumentsFolder)\Larian Studios\Divinity Original Sin 2\PlayerProfiles\%(ProfileName)\GMActiveCampaignSession\

Afterwards, to make sure your campaign "loads" the newly added image, open the Game Menu (or Press Escape) and click on Reload Assets. This will reload any newly-added assets while the game is running.

Retrieved from "https://docs.larian.game/index.php?title=Vignettes&oldid=5388"