Difference between revisions of "Vignettes"

From Divinity Engine Wiki
Jump to: navigation, search
Line 6: Line 6:
  
 
== <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:
 
It will look like this:
Line 15: Line 15:
 
|-
 
|-
 
|
 
|
−
# [[#Vignette Image|'''Vignette Image''']], the image of your current '''Vignette'''. Can be changed. You can also crop it with the black handles around it
+
# [[#Vignette Image|'''Vignette Image''']] is the image of 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
+
# [[#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.
+
# [[#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
+
# '''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''' allows 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 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''', this 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''', this 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'''. <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.
+
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">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 40:
 
|-
 
|-
 
|
 
|
−
# [[#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.
 
|-
 
|-
 
|}
 
|}
Line 53: Line 53:
 
|-
 
|-
 
|
 
|
−
# '''Images Area''', this is where all the images available are
+
# '''Images Area''' is where all your available images are located.
−
# '''OK''', pressing this button after selecting an image will change the image of the '''Vignette'''
+
# '''OK''' - pressing this button after selecting an image will change the image of the '''Vignette'''
−
# [[#Importing Assets|'''Browse''']], this will allow you to import an image from your computer into your campaign
+
# [[#Importing Assets|'''Browse''']] will allow you to import an image from your computer into your campaign.
 
|-
 
|-
 
|}
 
|}
Line 65: Line 65:
 
|-
 
|-
 
|
 
|
−
# '''Canvas Area''', this is where all the '''Canvas''' images available are
+
# '''Canvas Area''' is where all your available '''Canvas''' images are located.
−
# '''OK''', pressing this button after selecting an image will change the image of the '''Vignette'''
+
# '''OK''' - pressing this button after selecting an image will change the image of the '''Vignette'''.
−
# [[#Importing Assets|'''Browse''']], this will allow you to import an image from your computer into your campaign
+
# [[#Importing Assets|'''Browse''']] will allow you to import an image from your computer into your campaign.
 
|-
 
|-
 
|}
 
|}
Line 77: Line 77:
 
|-
 
|-
 
|
 
|
−
# '''Borders Area''', this is where all the '''Borders''' images available are
+
# '''Borders Area''' is where all your available '''Borders''' images are located.
−
# '''OK''', pressing this button after selecting an image will change the image of the '''Vignette'''
+
# '''OK''' - pressing this button after selecting an image will change the image of the '''Vignette'''.
−
# [[#Importing Assets|'''Browse''']], this will allow you to import an image from your computer into your campaign
+
# [[#Importing Assets|'''Browse''']] will allow you to import an image from your computer into your campaign.
 
|-
 
|-
 
|}
 
|}
  
 
== <font color="#ff9c00">Importing Assets</font> ==
 
== <font color="#ff9c00">Importing Assets</font> ==
−
Importing data is pretty straight forward.  
+
Importing data is not complicated.  
  
−
After pressing the Browse button you'll be able to navigate the folders on your computer to find the image that you want.
+
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. <font color="FF0000">'''IMPORTANT NOTE'''</font>: Renaming a PNG for a JPG and vice-versa won't be supported.
+
Supported format are PNG and JPG. Please note that renaming a PNG for a JPG or vice-versa is not supported.
  
−
Keep in mind that if you want to have something transparent (usually pretty much needed for the borders) you'll have to put some Alpha using any image modification software.
+
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 GM campaign while it is not loaded, they should be placed to :
+
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"
 
{| class="wikitable"
Line 102: Line 102:
  
  
−
If you want to add new images when you are also working on your campaign in the game at the same time, let's say thumbnails or something, you need to place the image there:
+
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"
 
{| class="wikitable"
 
|-
 
|-
Line 110: Line 110:
 
|}
 
|}
  
−
Then after, just to make sure your campaign "load" the newly added image, open the [[Game Menu|'''Game Menu''']] (or '''Press Escape''') and click on '''Reload Assets'''.  
+
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 was running
+
This will reload any newly-added assets while the game is running.

Revision as of 19:19, 9 January 2018

General

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.

This part will cover every details related 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. Vignette Image is the image of your current Vignette. You can change this image by right-clicking on it and selecting "Change Image". You can also crop the image.
  2. Vignette Borders are the borders of your current Vignette. You can change the border of the vignette by selecting "Change Border".
  3. Vignette Canvas references the background colour of your current vignette. You can change the colour of the background by selecting "Change Canvas".
  4. 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 allows 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 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, this is where all your Vignettes and Folders are located.
  9. Clear Vignette, this 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.

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. Images Area is where all your available images are located.
  2. OK - pressing this button after selecting an image will change the image of the Vignette
  3. Browse will allow you to import an image from your computer into your campaign.

Vignette Canvas

GM Vignette Canvas.jpg

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

Vignette Borders

GM Vignette Borders.jpg

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

Importing Assets

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.

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=5377"