Creating Tattoos - Revision history

Bonfirewikiadmin: 27 revisions imported

2021-06-19T02:32:40Z

27 revisions imported

← Older revision		Revision as of 02:32, 19 June 2021
(No difference)

bonfire-wiki>Sonic260: Adding categories

2021-04-25T19:14:50Z

Adding categories

← Older revision		Revision as of 19:14, 25 April 2021
Line 98:		Line 98:

	For difficult to line up designs, you can include the layout layer when exporting and testing your tattoos. Yeah, the color is going to be weird. But sometimes you need to see how the seams match up, and how the registration lines lay on a body, to position your tattoo for the best effect. Just remember to do your color/transparency adjustment exports with the layout layer off.		For difficult to line up designs, you can include the layout layer when exporting and testing your tattoos. Yeah, the color is going to be weird. But sometimes you need to see how the seams match up, and how the registration lines lay on a body, to position your tattoo for the best effect. Just remember to do your color/transparency adjustment exports with the layout layer off.
			[[Category:Tutorials]]

bonfire-wiki>Attrembl: Added instructions for the the new tattoos UI introduced in version 0.45

2020-11-30T23:03:09Z

Added instructions for the the new tattoos UI introduced in version 0.45

← Older revision		Revision as of 23:03, 30 November 2020
Line 4:		Line 4:
	== Getting Started ==		== Getting Started ==
	You could just download tattoos from [https://github.com/shadowlost25/Bonfire-orc-repository/tree/master/Tattoos the Bonfire-orc repository], sure. If you do you still need to know where to store the files and how to use the console to load them. But what you really want is to learn to create your own tattoos...		You could just download tattoos from [https://github.com/shadowlost25/Bonfire-orc-repository/tree/master/Tattoos the Bonfire-orc repository], sure. If you do you still need to know where to store the files and how to use the console to load them. But what you really want is to learn to create your own tattoos...
			[[File:Tatui.png\|thumb\|330x330px\|The Tattoos UI introduced in Bonfire 0.45.]]
			Version 0.45 of Bonfire introduces a new UI for applying tattoos. You may access this UI by visiting and speaking with Kult, or by entering the '''<code>tatui</code>''' command in [[Console Commands\|the console]].

	To start creating tattoos, open [[Console Commands\|the console]] by pressing the <code><F1></code> key and enter the <code>'''~~tatguide~~'''</code> command. ~~This command will~~ create the tattoos folder ~~in your Bonfire mods directory, save a copy of~~ <code>TatGuide.png</code> ~~in that folder~~, ~~and open~~ the ~~folder in your file explorer~~.		To start creating tattoos, open [[Console Commands\|the console]] by pressing the <code><F1></code> key and enter the <code>'''tatui'''</code> command. From the Tattoo UI, use the "Folder" option to create/open the tattoos folder and create the <code>TatGuide.png</code> template file.

			If you have not yet updated to version 0.45, you will still have to use the '''<code>tatguide</code>''' console command.
	* On Windows, the tattoos folder is <code>%AppData%\LocalLow\Prasetto\Bonfire\Tattoos</code>		* On Windows, the tattoos folder is <code>%AppData%\LocalLow\Prasetto\Bonfire\Tattoos</code>
	* On MacOS, the tattoos folder is <code>$HOME/Library/ApplicationSupport/unity.Prasetto.Bonfire/Tattoos</code>		* On MacOS, the tattoos folder is <code>$HOME/Library/ApplicationSupport/unity.Prasetto.Bonfire/Tattoos</code>
Line 60:		Line 64:
	== Applying the tattoo ==		== Applying the tattoo ==
	[[File:Axe on gunnar.png\|thumb\|Axe tattoo at 100% opacity.]]		[[File:Axe on gunnar.png\|thumb\|Axe tattoo at 100% opacity.]]
	~~Go back~~ to Bonfire, open the console by pressing <code><F1></code> and then enter <code>'''tattoo''' SampleAxe</code> in the command line.		If you have updated to Bonfire 0.45, you can use the Tattoos UI to apply your tattoo. Again, you can access the new UI by visiting and talking with Kult or by entering '''<code>tatui</code>''' on the console command line. Your tattoo file should appear in the UI's file list. Select it, and click the "Tattoo" option.

			If you have not updated, open the console by pressing <code><F1></code> and then enter <code>'''tattoo''' SampleAxe</code> in the command line.

	The axe is there, but it looks pretty pasted on. It also has bad white edges because the background removal was quick and sloppy, but we're not worrying about that here.		The axe is there, but it looks pretty pasted on. It also has bad white edges because the background removal was quick and sloppy, but we're not worrying about that here.
Line 70:		Line 76:
	Remove the tattoo from your orc by finding it in your inventory. Right-click it to "unequip" it and drag the tattoo out of inventory to discard it.		Remove the tattoo from your orc by finding it in your inventory. Right-click it to "unequip" it and drag the tattoo out of inventory to discard it.

	Go back to Photoshop and the "layers" panel and click on your layer. Change the "Opacity" setting to 90% and re-export your tattoo into the same file name. Then re-apply it using the same ~~console command~~.		Go back to Photoshop and the "layers" panel and click on your layer. Change the "Opacity" setting to 90% and re-export your tattoo into the same file name. Then re-apply it using the same process.

	The edges are still ugly in the example because they show a bit of white from background parts that weren't removed completely, but it looks less like a sticker slapped on your orc.		The edges are still ugly in the example because they show a bit of white from background parts that weren't removed completely, but it looks less like a sticker slapped on your orc.

bonfire-wiki>Attrembl: /* Making the tattoo look more real */ added a note on 90% opacity just being a suggestion

2020-11-25T19:21:23Z

Making the tattoo look more real: added a note on 90% opacity just being a suggestion

← Older revision		Revision as of 19:21, 25 November 2020
Line 73:		Line 73:

	The edges are still ugly in the example because they show a bit of white from background parts that weren't removed completely, but it looks less like a sticker slapped on your orc.		The edges are still ugly in the example because they show a bit of white from background parts that weren't removed completely, but it looks less like a sticker slapped on your orc.

			90% opacity is just a starting point. Depending on your design and your character's skin color, you may want to adjust the opacity further.

	== Matching designs across seams ==		== Matching designs across seams ==

bonfire-wiki>Attrembl: changed formatting on the file paths

2020-11-23T21:26:35Z

changed formatting on the file paths

← Older revision		Revision as of 21:26, 23 November 2020
Line 6:		Line 6:

	To start creating tattoos, open [[Console Commands\|the console]] by pressing the <code><F1></code> key and enter the <code>'''tatguide'''</code> command. This command will create the tattoos folder in your Bonfire mods directory, save a copy of <code>TatGuide.png</code> in that folder, and open the folder in your file explorer.		To start creating tattoos, open [[Console Commands\|the console]] by pressing the <code><F1></code> key and enter the <code>'''tatguide'''</code> command. This command will create the tattoos folder in your Bonfire mods directory, save a copy of <code>TatGuide.png</code> in that folder, and open the folder in your file explorer.
			* On Windows, the tattoos folder is <code>%AppData%\LocalLow\Prasetto\Bonfire\Tattoos</code>
	On Windows, the tattoos folder is <code>%AppData%\LocalLow\Prasetto\Bonfire\Tattoos</code>		* On MacOS, the tattoos folder is <code>$HOME/Library/ApplicationSupport/unity.Prasetto.Bonfire/Tattoos</code>

	On MacOS, the tattoos folder is <code>$HOME/Library/ApplicationSupport/unity.Prasetto.Bonfire/Tattoos</code>
	[[File:Blackwolfbattle2.png\|thumb\|330px\|"BlackWolfBattle2" is a completed tattoo image. Note that the "TatGuide" image content is not included in the finished tattoo.]]		[[File:Blackwolfbattle2.png\|thumb\|330px\|"BlackWolfBattle2" is a completed tattoo image. Note that the "TatGuide" image content is not included in the finished tattoo.]]
	[[File:Gunnar 4222020143139.png\|thumb\|330x330px\|Celtic-style tattoos applied to "Gunnar." It's not terribly obvious in this image, but body hair does obscure tattoos. Always consider body hair in tattoo placement and design.]]		[[File:Gunnar 4222020143139.png\|thumb\|330x330px\|Celtic-style tattoos applied to "Gunnar." It's not terribly obvious in this image, but body hair does obscure tattoos. Always consider body hair in tattoo placement and design.]]

bonfire-wiki>Attrembl: /* Getting Started */ added MacOS tattoo folder path

2020-11-23T21:25:48Z

Getting Started: added MacOS tattoo folder path

← Older revision		Revision as of 21:25, 23 November 2020
Line 8:		Line 8:

	On Windows, the tattoos folder is <code>%AppData%\LocalLow\Prasetto\Bonfire\Tattoos</code>		On Windows, the tattoos folder is <code>%AppData%\LocalLow\Prasetto\Bonfire\Tattoos</code>

			On MacOS, the tattoos folder is <code>$HOME/Library/ApplicationSupport/unity.Prasetto.Bonfire/Tattoos</code>
	[[File:Blackwolfbattle2.png\|thumb\|330px\|"BlackWolfBattle2" is a completed tattoo image. Note that the "TatGuide" image content is not included in the finished tattoo.]]		[[File:Blackwolfbattle2.png\|thumb\|330px\|"BlackWolfBattle2" is a completed tattoo image. Note that the "TatGuide" image content is not included in the finished tattoo.]]
	[[File:Gunnar 4222020143139.png\|thumb\|330x330px\|Celtic-style tattoos applied to "Gunnar." It's not terribly obvious in this image, but body hair does obscure tattoos. Always consider body hair in tattoo placement and design.]]		[[File:Gunnar 4222020143139.png\|thumb\|330x330px\|Celtic-style tattoos applied to "Gunnar." It's not terribly obvious in this image, but body hair does obscure tattoos. Always consider body hair in tattoo placement and design.]]

bonfire-wiki>Attrembl: /* Getting Started */ added location of the Windows tattoos folder

2020-11-23T21:07:50Z

Getting Started: added location of the Windows tattoos folder

← Older revision		Revision as of 21:07, 23 November 2020
Line 6:		Line 6:

	To start creating tattoos, open [[Console Commands\|the console]] by pressing the <code><F1></code> key and enter the <code>'''tatguide'''</code> command. This command will create the tattoos folder in your Bonfire mods directory, save a copy of <code>TatGuide.png</code> in that folder, and open the folder in your file explorer.		To start creating tattoos, open [[Console Commands\|the console]] by pressing the <code><F1></code> key and enter the <code>'''tatguide'''</code> command. This command will create the tattoos folder in your Bonfire mods directory, save a copy of <code>TatGuide.png</code> in that folder, and open the folder in your file explorer.

			On Windows, the tattoos folder is <code>%AppData%\LocalLow\Prasetto\Bonfire\Tattoos</code>
	[[File:Blackwolfbattle2.png\|thumb\|330px\|"BlackWolfBattle2" is a completed tattoo image. Note that the "TatGuide" image content is not included in the finished tattoo.]]		[[File:Blackwolfbattle2.png\|thumb\|330px\|"BlackWolfBattle2" is a completed tattoo image. Note that the "TatGuide" image content is not included in the finished tattoo.]]
	[[File:Gunnar 4222020143139.png\|thumb\|330x330px\|Celtic-style tattoos applied to "Gunnar." It's not terribly obvious in this image, but body hair does obscure tattoos. Always consider body hair in tattoo placement and design.]]		[[File:Gunnar 4222020143139.png\|thumb\|330x330px\|Celtic-style tattoos applied to "Gunnar." It's not terribly obvious in this image, but body hair does obscure tattoos. Always consider body hair in tattoo placement and design.]]

bonfire-wiki>Attrembl: /* Matching designs across seams */ adjusted caption on the Gunnar pic with the layout included in the tattoo

2020-11-23T06:30:46Z

Matching designs across seams: adjusted caption on the Gunnar pic with the layout included in the tattoo

← Older revision		Revision as of 06:30, 23 November 2020
Line 82:		Line 82:
	* Stretched and distorted to form to edges that aren't straight lines		* Stretched and distorted to form to edges that aren't straight lines
	* Carefully lined up so the lines all match up		* Carefully lined up so the lines all match up
	[[File:Gunnar-overlay.png\|thumb\|Gunnar with the layout layer included in the tattoo export, showing the grid lines.]]		[[File:Gunnar-overlay.png\|thumb\|Gunnar with the layout layer included in the tattoo export, showing the grid lines. Yes, it looks pretty silly. It's still useful.]]
	[[Category:Character Mods]]One of the things that can help you is a copy of the template, but with the torso section cut and rearranged to show how the back seam comes together. You can lay out your design on this copy to start. Copy and rearrange any body parts in the template you need to help you create your layout better. When you're done, shift and rotate your tattoo sections to line up on the master layout template.		[[Category:Character Mods]]One of the things that can help you is a copy of the template, but with the torso section cut and rearranged to show how the back seam comes together. You can lay out your design on this copy to start. Copy and rearrange any body parts in the template you need to help you create your layout better. When you're done, shift and rotate your tattoo sections to line up on the master layout template.

bonfire-wiki>Attrembl: /* Matching designs across seams */

2020-11-23T06:28:09Z

Matching designs across seams

← Older revision		Revision as of 06:28, 23 November 2020
Line 74:		Line 74:
	== Matching designs across seams ==		== Matching designs across seams ==
	[[File:Back template.png\|thumb\|A slice and rearrange of the torso section of the tattoo template to show the relationship of the back seam]]		[[File:Back template.png\|thumb\|A slice and rearrange of the torso section of the tattoo template to show the relationship of the back seam]]
	The way the tattoo layout breaks up and flattens your character's body makes some tattoo designs tricky. Designs that need to match up across seams can be very fiddly. Images like the tree on Gunnar's back in the samples above need to be		The way the tattoo layout breaks up and flattens your character's body makes some tattoo designs tricky.

			You can choose to make a design that doesn't actually cross seams, like the "BlackWolfBattle2" design at the top of this page. Designs like that can still look very complete.

			Designing across seams? Designs that need to match up across seams can be very fiddly. Images like the tree on Gunnar's back in the samples above need to be:
	* Split into 2 sections to lay out on both halves of the back		* Split into 2 sections to lay out on both halves of the back
	* Stretched and distorted to form to edges that aren't straight lines		* Stretched and distorted to form to edges that aren't straight lines

bonfire-wiki>Attrembl: /* Tips for tricky designs */ Changed section header, updated paragraph about creating re-arranged layout templates.

2020-11-23T06:19:24Z

Tips for tricky designs: Changed section header, updated paragraph about creating re-arranged layout templates.

← Older revision		Revision as of 06:19, 23 November 2020
Line 72:		Line 72:
	The edges are still ugly in the example because they show a bit of white from background parts that weren't removed completely, but it looks less like a sticker slapped on your orc.		The edges are still ugly in the example because they show a bit of white from background parts that weren't removed completely, but it looks less like a sticker slapped on your orc.

	== ~~Tips for tricky~~ designs ==		== Matching designs across seams ==
	[[File:Back template.png\|thumb\|A slice and rearrange of the torso section of the tattoo template to show the relationship of the back seam]]		[[File:Back template.png\|thumb\|A slice and rearrange of the torso section of the tattoo template to show the relationship of the back seam]]
	The way the tattoo layout breaks up and flattens your character's body makes some tattoo designs tricky. Designs that need to match up across seams can be very fiddly. Images like the tree on Gunnar's back in the samples above need to be		The way the tattoo layout breaks up and flattens your character's body makes some tattoo designs tricky. Designs that need to match up across seams can be very fiddly. Images like the tree on Gunnar's back in the samples above need to be
Line 79:		Line 79:
	* Carefully lined up so the lines all match up		* Carefully lined up so the lines all match up
	[[File:Gunnar-overlay.png\|thumb\|Gunnar with the layout layer included in the tattoo export, showing the grid lines.]]		[[File:Gunnar-overlay.png\|thumb\|Gunnar with the layout layer included in the tattoo export, showing the grid lines.]]
	[[Category:Character Mods]]One of the things that can help you is a copy of the template, but with the torso section cut and rearranged to show how the back seam comes together. You can lay out your design on this copy to start, and ~~then shift the~~ parts of the ~~back~~ tattoo ~~into position~~ on the ~~real~~ template.		[[Category:Character Mods]]One of the things that can help you is a copy of the template, but with the torso section cut and rearranged to show how the back seam comes together. You can lay out your design on this copy to start. Copy and rearrange any body parts in the template you need to help you create your layout better. When you're done, shift and rotate your tattoo sections to line up on the master layout template.

	As you can see in the rearranged template, the back seam is not a straight line. It's curved. If you have a complicated design to match up, stretching and distorting it to get a clean match is going to be fussy work. If you have simple design in solid colors, you can extend (bleed) the design off each the edge of the template and let the overlap take care of matching the curve. Don't just split your design in half. Duplicate it and make each side a little wider than half.		As you can see in the rearranged template included here, the back seam is not a straight line. It's curved. If you have a complicated design to match up, stretching and distorting it to get a clean match is going to be fussy work. If you have simple design in solid colors, you can extend (bleed) the design off each the edge of the template and let the overlap take care of matching the curve. Don't just split your design in half. Duplicate it and make each side a little wider than half.

	For difficult to line up designs, you can include the layout layer when exporting and testing your tattoos. Yeah, the color is going to be weird. But sometimes you need to see how the seams match up, and how the registration lines lay on a body, to position your tattoo for the best effect. Just remember to do your color/transparency adjustment exports with the layout layer off.		For difficult to line up designs, you can include the layout layer when exporting and testing your tattoos. Yeah, the color is going to be weird. But sometimes you need to see how the seams match up, and how the registration lines lay on a body, to position your tattoo for the best effect. Just remember to do your color/transparency adjustment exports with the layout layer off.

← Older revision		Revision as of 21:07, 23 November 2020
Line 6:		Line 6:

	To start creating tattoos, open [[Console Commands\|the console]] by pressing the <code><F1></code> key and enter the <code>'''tatguide'''</code> command. This command will create the tattoos folder in your Bonfire mods directory, save a copy of <code>TatGuide.png</code> in that folder, and open the folder in your file explorer.		To start creating tattoos, open [[Console Commands\|the console]] by pressing the <code><F1></code> key and enter the <code>'''tatguide'''</code> command. This command will create the tattoos folder in your Bonfire mods directory, save a copy of <code>TatGuide.png</code> in that folder, and open the folder in your file explorer.

			On Windows, the tattoos folder is <code>%AppData%\LocalLow\Prasetto\Bonfire\Tattoos</code>
	[[File:Blackwolfbattle2.png\|thumb\|330px\|"BlackWolfBattle2" is a completed tattoo image. Note that the "TatGuide" image content is not included in the finished tattoo.]]		[[File:Blackwolfbattle2.png\|thumb\|330px\|"BlackWolfBattle2" is a completed tattoo image. Note that the "TatGuide" image content is not included in the finished tattoo.]]
	[[File:Gunnar 4222020143139.png\|thumb\|330x330px\|Celtic-style tattoos applied to "Gunnar." It's not terribly obvious in this image, but body hair does obscure tattoos. Always consider body hair in tattoo placement and design.]]		[[File:Gunnar 4222020143139.png\|thumb\|330x330px\|Celtic-style tattoos applied to "Gunnar." It's not terribly obvious in this image, but body hair does obscure tattoos. Always consider body hair in tattoo placement and design.]]