Not signed in (Sign In)

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

Welcome Guest!
Want to take part in these discussions? If you have an account, sign in now.
If you don't have an account, apply for one now.
    • CommentAuthorWoz
    • CommentTimeMay 26th 2018 edited
     
    I'm quite new to CC3 and feel like I'm bashing my head against a brick wall because I'm missing something obvious.

    I've started by creating a simple map using the Black & White fantasy overland map (from the 2017 annual). Now I'm trying to use Sue's Parchments (also from the 2017 annual) to add a parchment effect behind it.

    I'm having the issue that some symbols/layers/sheets still have a white background rather than seeing through to the parchment layer I've added.
      Map with white issues.png
    • CommentAuthorWoz
    • CommentTimeMay 26th 2018
     
    CC3+ file included here.
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018
     
    Hello Woz :)

    If you move the parchment sheet above everything and add a Blend Mode sheet effect to the sheet the parchment is on, then set it to Multiply mode, the white in the symbols will disappear.

    This may give you a heart attack when you next open the file (unless you have CC3+ set up to open with the sheet effects turned on), because you won't be able to see the rest of the map for the parchment - not until the sheet effects are turned on ;)
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018
     
    (This will only work if you have added the parchment as a bitmap fill. Not sure if it will still work if you have just imported it as a png image)
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018 edited
     
    Here is one I did using the method I described above. The parchment has been added as a bitmap fill.

    The symbols are from the Schley black and white set, and have a white background to them, just like the ones you have used.
      Schley on parchment.jpg
    •  
      CommentAuthorDogtag
    • CommentTimeMay 26th 2018
     
    Yeah, that style really wasn't made to use color-filled backgrounds. The black and white symbols have a white background, and often are themselves filled white (see the trees). It lets them hide symbols or other entities that they overlap.
    •  
      CommentAuthorDogtag
    • CommentTimeMay 26th 2018 edited
     
    Noice!
    • CommentAuthorWoz
    • CommentTimeMay 26th 2018
     
    Posted By: Loopysue(This will only work if you have added the parchment as a bitmap fill. Not sure if it will still work if you have just imported it as a png image)


    Ummm, not sure I know what that even means. "added the parchment as a bitmap fill" I've only been using this software for a couple of days and I'm still absorbing all the terminology.

    I created a new sheet, and inserted the image by choosing Draw->Insert file and then finding the picture file, then in the options selected Alpha Transparency. Is there another way I need to do it instead?
    • CommentAuthorWoz
    • CommentTimeMay 26th 2018 edited
     
    My parchment sheet ("SCROLL") is at the top of the list. As per your suggestion, I added the blend mode and set it to multiply mode but alas no joy.
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018
     
    Ok Woz :)

    Lets try it with just the imported bitmap, since I have to confess that I've simply never tried it with an image instead of a fill.

    If it doesn't work with the image I will explain how to import it as a fill.

    Using the existing bitmap...

    The list itself is kind of upside-down. The sheets are rendered on the screen starting at the top of the list with the background first, then the next sheet down, and so on till you get to the SCREEN sheet at the bottom of the list - which, because it is rendered last, is in front of everything else on the map.

    If you want the scroll to be on top of everything else you need to move the scroll's sheet almost to the bottom of the map. I see its larger than the screen (that white border thing that's partly overlapping the end of the scroll) so you might want to move it all the way to the bottom. Just bear in mind that when you get to the rendering stage the setup may chop that bit of the scroll off unless you use a particular setting, but we will deal with that when we get to it.

    While you are trying that out I will install the annual myself and have a look at your map, so I can work along with you on this :)
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018
     
    Update on that last comment - I've just tried doing that myself and discovered that it doesn't work - the blend mode doesn't work on imported images.

    Not to worry though.

    I will be back in a few minutes with instructions on how to import the scrolls as bitmap fills - the textures you use to fill polygons.

    It will require a bit of maths on my part, but once I've sorted out how to scale it properly its done, and you can set it up using my figures.
    • CommentAuthorWoz
    • CommentTimeMay 26th 2018
     
    I had a play with the scroll sheet and moved it to the bottom of the list (i.e. rendered last) and then it appears over the top of everything, which I expected. So then I just moved it right back to the top of the list so that it's rendered first. I.e. it's at the bottom underneath all the sheets. So at least I think my understanding of the 'backwards' list of sheets makes sense.

    I see what you mean about the SCREEN sheet and that is definitely on my list of things to fix. I figured there wasn't any point if I can't get the other issue with the white to work :P
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018
     
    Playing with things is a great way to learn ;)

    I've just prepared a whole load of screen shots for you, which will take me a while to upload and annotate, but here is the last one first so that you can see it's possible.
      Parchment tut 7.jpg
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018 edited
     
    Step 1

    With your map open, go to Tools/Import bitmap fill styles on the menu.

    Parchment tut 1.jpg

    Step 2

    Click the Browse button in the dialog that appears, and navigate to the parchments folder to open it. Leave the rest of the settings alone, and hit OK.

    Parchment tut 2.jpg

    Step 3

    You don't actually have to do this for this particular exercise because I have already done it for you, but if you want to use this method with a different background you will need to know how I did it. Open a file browser and navigate to the parchments folder again to find out the exact size of the parchment scroll you want to use in pixel height and width. This is important because it affects the scale of the imported bitmap

    Parchment tut 3.jpg

    Step 4

    Open the Fill Styles Properties dialogue by clicking the end window in the top row. Select the Bitmaps tab, and click the drop down arrow in the selector. Scroll down to the newly imported Scroll fill and select it.

    Parchment tut 4.jpg

    Step 5

    Tick the Scaled box, and set the width to 1300, and the height to 917. These figures are exactly half the dimensions of the bitmap fill. The reason for setting the scale in this precise 'just so' fashion will become evident in the next two steps. Click ok.

    Parchment tut 5.jpg

    Step 6

    Pick the rectangle tool on the right and enter "0,0" (zero, comma, zero) on your keyboard. These numbers will appear in the command line at the bottom of the screen as the coordinates of the first corner of the rectangle. Hit enter, and you will be prompted for the coordinates of the second corner. Enter "1300,917"

    This draws a rectangle on your map filled with the parchment scroll. Because you took the trouble to set up the scale of the scroll fill to exactly the size of the rectangle, and in proportion with the actual bitmap (I halved the real pixel proportions of the scroll to make it the right size for your map) you should now have one image of the scroll on your screen - not in the right place yet, but we can move the rectangle to position it more correctly.

    (this image shows the scroll as drawn according to the instructions, but it also shows it as it will appear if you have already added the Multiply Blend Mode effect to the scroll sheet)

    Parchment tut 6.jpg

    Step 7

    Using the move tool (left hand tool bar) pick the rectangle containing the scroll fill, and move it until you are satisfied with the position of the map. This will take a bit of fiddling around, because the map vanishes the moment you pick the scroll, but its not too difficult to get right in about 5 or 6 moves ;)
      Parchment tut 72.jpg
  1.  
    Nice work Sue. This is a great tutorial. Going to subscribe to it in case I need it in the future!
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018
     
    Thanks LE :)

    Now for the... 'how to render this out when its bigger than the screen'... issue.

    Woz - I will probably have to set up a few more screen shots for this part of the explanation, so please bear with me for a few more minutes :)
    • CommentAuthorWoz
    • CommentTimeMay 26th 2018
     
    Ummm, do I have some weird and wonderful setting turned on at my end or something because I still have the white.
    • CommentAuthorWoz
    • CommentTimeMay 26th 2018
     
    Screenshot post following instructions
      screenshot.FCW.png
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018 edited
     
    Its ok, Woz.

    You just need to move your scroll sheet down to the very bottom of the list of sheets ;)

    Damn! You work fast! LOL!

    I'm still preparing the screen shots for how to export this thing :P
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018 edited
     
    Exporting the map

    Because the scroll extends a long way outside the screen and something called the 'map border', which controls how many of the default export settings work, and which will usually trim the map down to the map border, we need to export this map in a particular way.

    Step 1

    To mark the extent of the desired export and make the job relatively easy, we need to draw a hollow rectangle around the whole map. First set the fill to 'hollow' by clicking the last window in the top row like before, and click the Fill Style Properties 'Brush Patterns' tab, then select the 'Hollow' fill and click ok.

    Parchment export 1.jpg

    Step 2

    Draw a rectangle by giving coordinates like before, but add a space of about 100 map units to the size of the scroll rectangle. So pick the rectangle tool again and enter 0,0 in the command line like before, and then 1400,1017 as the coordinates for the second corner. That should give you a rectangle like this one.

    Parchment export 2.jpg

    Step 3

    Using the move tool again, move the rectangle so that you are happy the map and its scroll are centred within the new rectangle.

    Parchment export 3.jpg

    Step 4

    Click the "Attach" button in the bottom right. Then go to "File/Save as..." in the menu. Select "Rectangular section JPG" from the file type dropdown box, and click the options button. In the dialog that opens set the width and height to the same size as the rectangle you have just drawn*, and make sure that the rest of the settings are as shown in the screen shot. Click ok.

    Parchment export 4.jpg

    Step 5

    The command line prompt is now asking you for the coordinates of the first corner of the export rectangle, so very carefully click on the bottom left corner of the new bounding rectangle you just drew. You don't have to zoom miles in. You only have to be certain of hitting the line of the edge of it reasonably close to the bottom left corner. The Attach function you switched on just before exporting will automatically snap your pick to the exact corner of the rectangle. This image shows my cursor not quite in the right place. That is because if it was in the right place either the horizontal or vertical line of the rectangle would be rendered invisible by the crosshairs.

    Parchment export 5.jpg

    The command line prompt is now asking you for the second corner. Click as close as possible to the top right corner of the new rectangle, making sure that you are at least on the line and as close as you can get to the corner.

    Once you have done this a DOS window will open, showing the progress of the export. When that vanishes the export is complete and you can open your exported jpg map image :)

    NOTES:

    *The dimensions of the exported jpg do not have to be exactly the same as the map unit size of the new hollow rectangle. I made them the same size in these instructions to keep things relatively simple. The image exported will be relatively small, though, so you might want to double both those figures to 2800 and 2034, and then carry on with the rest of the operation as before. The only really important thing about those dimensions is that they are proportionally the same as the rectangle proportions - ie they are multiples of the original 1400 x 1017 rectangle size.

    I haven't uploaded a rendered version of your map, since it isn't my place to present your finished map.

    I do hope you found this useful. Please let me know if you have any problems with my instructions (I do sometimes miss on things I do by instinct and don't think to mention)
    • CommentAuthorWoz
    • CommentTimeMay 26th 2018
     
    Thanks :) That did the trick (the dreaded white it gone). It's not that I work fast, it's that you did all the hard work and I followed along as you uploaded each step. :P

    The rectangle, save as etc all worked perfectly. Thanks again :)

    Now I guess I better go learn about the "SCREEN" sheet and how that works, so that I don'y end up with the map ending/cropping so obviously before the edge of the scroll. A challenge for tomorrow I think :P
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018
     
    You're welcome, Woz. I hope the instructions will be useful for others as well.

    The Screen on the SCREEN sheet is intended to do what it says. It screens parts of symbols that stick out beyond the edge of the map, so that if you place a mountain or a tree right on the edge to make sure there's no gap in your mountain range or forest, the bit that falls outside the map border is hidden by the screen ;)
    • CommentAuthorLoopysue
    • CommentTimeMay 26th 2018
     
    I've just been thinking about your last comment, Woz.

    For this map you can either hide the screen sheet, or move the scroll sheet right to the very bottom of the list so that the screen sheet disappears behind the parchment, but still crops the trees and the rest of the symbols as before ;)