We have recently made adjustments to this website. If you find anything that does not work, please let us know.

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
pro:template_editor:first_template [2013/12/25 22:37]
Musink Admin
pro:template_editor:first_template [2018/05/12 22:37] (current)
Line 1: Line 1:
 +====== Your First Template ======
 +//The Template Editor is available in Musink Pro only//
  
 +This tutorial will walk you through creating your first template with the [[pro:​template_editor:​start|Template Editor]]. This tutorial contains a moderate amount of detail to aid your learning, and should take a novice 15-20mins to complete.
 +
 +This tutorial covers:
 +  * How to start a new template
 +  * Choosing the units to work with
 +  * Adding pages to a template
 +  * Creating pages with and without music on them
 +  * Setting page sizes and margins
 +  * Adding and removing template fields
 +  * Changing the font style and size of template fields
 +  * Moving and aligning template fields to the centre of the page
 +  * Defining default text, including page numbering styles
 +  * Setting notation size and spacings
 +  * Saving your template
 +  * Using your template in Musink for publishing
 +
 +<WRAP center round tip>
 +//**Tip**//
 +You may find it useful to have the [[pro:​template_editor:​user_interface|Template Editor UI page]] open in another tab or window for reference.
 +</​WRAP>​
 +<WRAP center round tip>
 +//**Tip**//
 +You can click on any screenshot in this tutorial to view a larger version of the image
 +</​WRAP>​
 +===== Overview =====
 +During this tutorial we will create a template that:
 +  * Is A4 landscape
 +  * Has a special first page with no music on it. The first page displays the Title and Composer of the piece
 +  * Has the Title, Composer, and Page number on pages with music
 +  * Has reasonable margins on all four sides
 +  * Can hold a reasonable amount of sheet music which is well spaced vertically
 +===== Step 1: A New Template =====
 +** 1.** Open Musink Pro. At the Welcome Page, **select //Start a new template//​**
 +
 +{{:​pro:​template_editor:​tut_00.png?​direct&​450|Click image for large size.}}
 +
 +The Template Editor will load with a blank template.
 +
 +{{:​pro:​template_editor:​tut_01.png?​direct&​450|Click image for large size.}}
 +
 +We will start by naming our template: ​
 +
 +**  2.** **Click on the Template Name box** at the top-right of the screen
 +
 +**  3.** **Name the template** //My First Template//
 +
 +{{:​pro:​template_editor:​tut_03.png?​direct&​450|Click image for large size.}}
 +===== Step 2: Set Units =====
 +Most numbers in the template editor are displayed in mm. If you would like to use pixels or inches instead:
 +  - **Select //Edit//**, then **hover over //Units//**
 +  - Select the units you wish to use
 +
 +{{:​pro:​template_editor:​tut_02.png?​direct&​450|Click image for large size.}}
 +<WRAP center round important>​
 +//​**Warning**//​
 +All screenshots from this tutorial are in mm. It is strongly suggested that, for this tutorial, you use mm.
 +</​WRAP>​
 +===== Step 3: Set Page Size =====
 +The default page size is A4 portrait. To change to landscape:
 +  - In the width box, write 297
 +  - In the height box, write 210
 +
 +{{:​pro:​template_editor:​tut_04.png?​direct&​450|Click image for large size.}}
 +===== Step 4: Create First Page =====
 +Our template is going to have a special first page that displays the title and composer. This page will have no music on it.
 +==== Remove Music ====
 +Where music will appear on a page is blue. To remove music from this page, **uncheck the //Music On This Page// checkbox**.
 +
 +{{:​pro:​template_editor:​tut_05.png?​direct&​450|Click image for large size.}}
 +==== Add Title Field ====
 +A //template field// is a place where text appears on your score. To add a //Title// template field:
 +
 +**  1.** From the dropdown, **select //Title//**
 +
 +**  2. Press the add (+) button** just to its right
 +
 +A title field will be added to the top left of the page.
 +
 +{{:​pro:​template_editor:​tut_06.png?​direct&​450|Click image for large size.}}
 +{{:​pro:​template_editor:​tut_07.png?​direct&​450|Click image for large size.}}
 +{{:​pro:​template_editor:​tut_08.png?​direct&​450|Click image for large size.}}
 +==== Position Title Field ====
 +We will now position the title field. ​
 +  - **Click on the title field and drag it downwards**,​ to slightly above the centre of the page
 +  - **Press the //Centre Within Page// button**, to move the field to the horizontal centre of the page
 +
 +{{:​pro:​template_editor:​tut_09.png?​direct&​450|Click image for large size.}}
 +{{:​pro:​template_editor:​tut_10.png?​direct&​450|Click image for large size.}}
 +
 +<WRAP center round tip>
 +//**Tip**//
 +If you change the font-size of a field, the top of that field will stay in the same place. Template fields are also centre-aligned. I.e. when text is placed into a field during publishing, the horizontal centre of a template field will stay in the same place. ​
 +</​WRAP>​
 +==== Edit Title Font ====
 +To make the Title field larger:
 +  - Make sure the title field is selected (red). If it is not, select it by clicking on it
 +  - **Click the bold button** at the top left of the screen
 +  - **Set the font size to 80pt**. ​
 +==== Add Composer Field ====
 +Add a //​Composer//​ template field:
 +
 +**  1.** From the dropdown, **select //​Composer//​**
 +
 +**  2. Press the add (+) button** just to its left
 +
 +The composer field will be added to the top left of the page.
 +
 +{{:​pro:​template_editor:​tut_11.png?​direct&​450|Click image for large size.}}
 +==== Position Composer Field ====
 +  - **Click and drag the composer field** below the title field
 +  - **Press the //Centre Within Page// button**, to move the field to the horizontal centre of the page
 +
 +{{:​pro:​template_editor:​tut_12.png?​direct&​450|Click image for large size.}}
 +==== Set Composer Default Text ====
 +If you wish, you can set the default text for a template field. This can save you entering the same text for a field every time you publish. ​
 +To set the default text:
 +  - **Select the composer field**
 +  - **Click in the //Def Text// text box**
 +  - **Write your name**
 +
 +{{:​pro:​template_editor:​tut_13.png?​direct&​450|Click image for large size.}}
 +<WRAP center round tip>
 +//**Tip**//
 +If you cannot see the text box, make the Musink Pro window wider. Alternatively,​ click the down arrow on the button bar, where the text box should appear.
 +</​WRAP>​
 +===== Step 5: Create Music Page =====
 +We will now create a page for music to appear on. This page will display the title and page number of the score. It will also have sensible margins.
 +==== Add Page ====
 +  - **Click on the //Even Pages// tab** on the right of the screen
 +  - At the prompt, **click //Add//**
 +
 +{{:​pro:​template_editor:​tut_14.png?​direct&​450|Click image for large size.}}
 +{{:​pro:​template_editor:​tut_15.png?​direct&​450|Click image for large size.}}
 +
 +A template page will be added to your template. This template page will look identical to the previous page you created.
 +
 +<WRAP center round info>
 +//​**Info**//​
 +Template pages can have completely different layouts, including different page sizes, margins, etc. For more information of types of page, see [[pro:​template_editor:​pages|]]
 +</​WRAP>​
 +
 +<WRAP center round tip>
 +//**Tip**//
 +When you create a new page, that page is a clone of the previous page you created. As such, it is worth setting the basic page layout of your first page before adding new pages, because settings such as page size will be copied to your new page. If you //first// add pages and //then// change settings such as the page size, you will have to manually update each page individually.
 +</​WRAP>​
 +
 +
 +==== Music On Page ====
 +We want to use this template page to hold music. **Check the //Music On This Page// checkbox**
 +
 +The blue Music Area will appear. This indicates the space available on the page for music.
 +
 +{{:​pro:​template_editor:​tut_16.png?​direct&​450|Click image for large size.}}
 +<WRAP center round info>
 +//​**Info**//​
 +The blue //Music Area// is automatically calculated based on the margins and placement of template fields. There is always only one music area per page. The music area is always above and/or below template fields; you cannot place template fields //​alongside//​ a music area. To manipulate where the music area sits, adjust the page margins. ​
 +</​WRAP>​
 +==== Set Margins ====
 +We will now set our page's margins. The //Minimum Margin// controls are on bottom-right of the screen.
 +  - **Set the //Top, Left, Bottom//, and //Right// margins** each to 15mm
 +  - Note how the music area shrinks and dotted margin indicators appear in the //Preview Area//
 +
 +
 +{{:​pro:​template_editor:​tut_17_margins.png?​direct&​450|Click image for large size.}}
 +<WRAP center round info>
 +//​**Info**//​
 +It is important to set sensible margins if you intend on printing your project or using a lot of [[writing:​text_marks|free text]]. For more information on margins, see [[pro:​template_editor:​margins|]].
 +</​WRAP>​
 +
 +==== Delete Composer Field ====
 +We do not want the //​Composer//​ template field on this page
 +  - **Select the //​Composer//​ field** by clicking it, or selecting it in the drop down
 +  - **Press delete, or click the trash icon** on the button bar
 +{{:​pro:​template_editor:​tut_18_delete_composer.png?​direct&​450|Click image for large size.}}
 +==== Move and Resize Title Field ====
 +We want the title field to be smaller and at the top of the page so that there is room for music
 +  - **Select the //Title// field**
 +  - Manually set its vertical position to 15mm by **writing 15 in the Y-position text box**
 +  - **Set the font size** of the title field to 40pt
 +
 +{{:​pro:​template_editor:​tut_19_move_title.png?​direct&​450|Manually set the vertical-position of the field in the y-position text box. Click image for large size.}}
 +{{:​pro:​template_editor:​tut_20_resize_title.png?​direct&​450|Set the font size to 40pt. Click image for large size.}}
 +==== The Page Field ====
 +**  1.** Add the Page field using the same method as earlier
 +<​html><​div style="​display:​inline-block"></​html>​
 +{{:​pro:​template_editor:​tut_21_add_page_field_0.png?​direct&​450|Click image for large size.}}
 +{{:​pro:​template_editor:​tut_21_add_page_field_1.png?​direct&​450|Click image for large size.}}
 +{{:​pro:​template_editor:​tut_21_add_page_field_2.png?​direct&​450|Click image for large size.}}
 +<​html></​div><​br /></​html>​
 +**  2. Drag the Page field** so that its top appears approximately over the bottom margin
 +
 +{{:​pro:​template_editor:​tut_22_move_page_field.png?​direct&​450|Click image for large size.}}
 +
 +
 +**  3. Press //Centre On Page//**
 +
 +{{:​pro:​template_editor:​tut_23_centre_page_field.png?​direct&​450|Click image for large size. }}
 +
 +**  4. Press the up or down keys** on your keyboard to nudge the field so that its top sits exactly over the top margin
 +
 +**  5. Set the default text** of the field to //- # -//
 +
 +**  6. Set the font size to 30pt**
 +
 +{{:​pro:​template_editor:​tut_24_resize_default_text_page_field.png?​direct&​450|Click image for large size. }}
 +
 +**  7. Set //Margin Above Text// to //0//** for this page
 +
 +{{:​pro:​template_editor:​tut_25_above_text_margin.png?​direct&​450|Click image for large size.}}
 +
 +<WRAP center round info>
 +//​**Info**//​
 +The hash sign in the Page Number default text is replaced by the actual page number during publishing. For example, //- # -// would be published as //- 1 -, - 2 -, - 3 -//, etc. //Page #// would be published as //Page 1, Page 2, Page 3//, etc.
 +</​WRAP>​
 +===== Step 6: Notation Size =====
 +Our final edit will be to ensure that music on the page is layed out in a readable manner. The //Preview Area// displays how large notation will appear, as well as spacings between staves, rows, and sections.
 +
 +**  1. Set the Note Size to 70%**, using the control on the top right of the screen
 +
 +{{:​pro:​template_editor:​tut_26_note_size.png?​direct&​450|Click image for large size. }}
 +
 +**  2. Set the Sub Row spacing to 5mm** using controls on the right of the screen
 +
 +**  3. Set the Row spacing to 10mm**
 +
 +**  4. Set the Section spacing to 20mm**
 +
 +{{:​pro:​template_editor:​tut_27_spacings.png?​direct&​450|Click image for large size. }}
 +
 +<WRAP center round info>
 +//​**Info**//​
 +The //Subrow, Row,// and //Section// spacings set the distance between staves, rows, and sections of music, respectively. The spacing is measured from the lowest object in the row above, to the highest object in the row below.
 +</​WRAP>​
 +===== Step 7: Save =====
 +To save your work:
 +
 +**  1. Select //Save With Preview// from the file menu**
 +
 +{{:​pro:​template_editor:​tut_28_save.png?​direct&​450|Click image for large size. }}
 +
 +**  2. Ignore the warning** about margins
 +
 +{{:​pro:​template_editor:​tut_29_ignore_warning.png?​direct&​450|Click image for large size. }}
 +
 +**  3. Choose the //Formal// tag** when prompted, then **click OK**
 +
 +{{:​pro:​template_editor:​tut_30_tags.png?​direct&​450|Click image for large size. }}
 +
 +**  4. Name your template //My First Template//​** then **click Save**
 +
 +{{:​pro:​template_editor:​tut_31_save_window.png?​direct&​450|Click image for large size. }}
 +
 +===== Step 8: Using your template =====
 +Your template is now saved and ready for use. We will open an existing project and [[publishing:​publishing_overview|publish it]] using your template.
 +
 +**  1. Select //Restart Musink// from the file menu**
 +
 +{{:​pro:​template_editor:​tut_33_restart_musink.png?​direct&​450|Click image for large size. }}
 +
 +**  2. Open an existing project, or create a new project.** Example projects can downloaded from [[:​example-scores|here]].
 +
 +**  3. Select //Publish// from the file menu**, or press [[basics:​keyboard_shortcuts|control+p]]
 +
 +**  4. Click //​Change//​** at the top left of the //​Publishing Window//
 +
 +{{:​pro:​template_editor:​tut_34_using_template.png?​direct&​450|Click image for large size. }}
 +
 +**  5. Uncheck //Include Public Templates//​** at the bottom left of the window that appears (optional)
 +
 +{{:​pro:​template_editor:​tut_35_uncheck_public.png?​direct&​450|Click image for large size. }}
 +
 +**  6. Click //​Search//​** to find your template
 +
 +{{:​pro:​template_editor:​tut_35_search.png?​direct&​450|Click image for large size. }}
 +
 +**  7a. **To view the preview of your template, **click //​Preview//​** under your template'​s thumbnail (optional)
 +
 +{{:​pro:​template_editor:​tut_36_preview_0.png?​direct&​450|Click image for large size. }}
 +
 +**  7b. **To preview the next page, **click on the preview** itself
 +
 +{{:​pro:​template_editor:​tut_36_preview_1.png?​direct&​450|Click image for large size. }}
 +
 +**  7c. **To stop preview, **click close**
 +
 +**  8. Click on your template'​s thumbnail to select it**
 +
 +**  9. Click OK**
 +
 +{{:​pro:​template_editor:​tut_37_select_okay.png?​direct&​450|Click image for large size. }}
 +
 +If you are publishing a new project, you will notice that the default text for Composer and Page Number have already been set. If you have opened an existing project, that project may have already set those fields to non-default values.
 +
 +{{:​pro:​template_editor:​tut_39_template_fields_0.png?​direct&​450|Click image for large size. }}
 +
 +**  10. Set the Title and Composer** fields to new values, if they have not already been set (optional)
 +
 +{{:​pro:​template_editor:​tut_39_template_fields_1.png?​direct&​450|Click image for large size. }}
 +
 +** 11. Click Publish** to publish your project
 +
 +Your project will now publish, giving you results similar to those below:
 +
 +{{:​pro:​template_editor:​tut_result_0.png?​direct&​450|Page 1. Click image for large size}}
 +{{:​pro:​template_editor:​tut_result_1.png?​direct&​450|Page 2. Click image for large size}}
 +{{:​pro:​template_editor:​tut_result_2.png?​direct&​450|Page 3. Click image for large size}}
 +===== Conclusion =====
 +You have now covered all the basics of creating a custom template from scratch, and using it to publish your work. You may wish to now experiment with creating different even and odd pages, or using the other functions in the Template Editor, such as the alignment functions not covered here.
 +
 +As a final note, you can also edit copies of the templates that come with Musink. To do this, simply open them in the Template Editor the same way you would open your own scores.
Print/export