115 lines
22 KiB
HTML
115 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Editing</title>
|
||
<meta name="generator" content="Help & Manual" />
|
||
<meta name="keywords" content="editing" />
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<link type="text/css" href="default.css" rel="stylesheet" />
|
||
<style type="text/css">
|
||
body { margin: 0px; background: #F8F8F8; }
|
||
</style>
|
||
<script type="text/javascript" src="jquery.js"></script>
|
||
<script type="text/javascript" src="helpman_settings.js"></script>
|
||
<script type="text/javascript" src="helpman_topicinit.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
HMSyncTOC("index.html", "editing.htm");
|
||
</script>
|
||
<script type="text/javascript" src="highlight.js"></script>
|
||
<script type="text/javascript">
|
||
$(document).ready(function(){highlight();});
|
||
</script>
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<table style="width:100%; border:none; border-spacing:0px; padding:0px; background:#D0D0D0">
|
||
<tr style="vertical-align:middle">
|
||
<td style="text-align:right">
|
||
<a href="welcome.htm"><img border="0" src="../common/images/MGtoolsHelp_Home.gif" width="34" height="22" alt="Home" /></a>
|
||
<a href="pickermenu.htm"><img border="0" src="../common/images/MGtoolsHelp_previous.gif" width="34" height="22" alt="Previous" /></a>
|
||
<a href="stylelibrary.htm"><img border="0" src="../common/images/MGtoolsHelp_next.gif" width="34" height="22" alt="Next" /></a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
|
||
<!-- Placeholder for topic body. -->
|
||
<table style="width:100%;border:none;border-spacing:0px"><tr style="vertical-align:top"><td style="text-align:left;padding:5px">
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Basically, we use the edit tool </span><img alt="editTool" width="26" height="29" style="margin:0;width:26px;height:29px;border:none" src="edittool.jpg"/><span class="f_ImageCaption">, </span><span class="f_Heading1" style="font-size: 10pt;">transform tool </span><img alt="transformTool" width="27" height="26" style="margin:0;width:27px;height:26px;border:none" src="transformtool.jpg"/><span class="f_ImageCaption"> </span><span class="f_Heading1" style="font-size: 10pt;">, and copy/paste Properties tool </span><img alt="copyPropertyTool" width="27" height="29" style="margin:0;width:27px;height:29px;border:none" src="copypropertytool.jpg"/><span class="f_Heading1" style="font-size: 10pt;"> to do all the editing.</span><br />
|
||
<span class="f_Heading1" style="font-size: 10pt;"> </span></p><p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Transform Items</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">You could move the item, and set up its size in the attribute editor,</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">beside that, you use the transform tool </span><img alt="transformTool" width="27" height="26" style="margin:0;width:27px;height:26px;border:none" src="transformtool.jpg"/><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;"> to transform </span><span style="color: #222222; background-color: #ffffff;">buttons'</span><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;"> size & position, the hotkey for this tool is "T".</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Select picker items, enter this tool to transform them, press Enter/Return key to confirm the transformation, and Escape key to cancel the transformation.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Use "ALT + Enter/Return" to apply the mirrored transformation to the mirrored items.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><img alt="lightbulb" width="16" height="16" style="margin:0;width:16px;height:16px;border:none" src="lightbulb.png"/><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;"> From v2, by default, the transform tool will also transform all the children if you are transforming a group or panel. </span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">This option can be switched on/off in its context menu, keep in mind that the option is not part of user preference so it won't survive different MG-Picker Studio sessions.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80;"> </p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Build your own style library:</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Check it out <a href="stylelibrary.htm" class="topiclink">here</a>.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80;"> </p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Transform Bezier / Polygon Shape:</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span style="font-size: 9pt;">You could rotate/flip bezier curves and polygon shapes, just go to Edit Menu / Transform Bezier/Polygon Item..</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"> </p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Duplicate Items</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Select a picker item, press "CTRL + D" to duplicate them, and position the duplications below them.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">"CTRL + SHIFT + D" to duplicate and position the duplications to the right side of them.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 9pt; font-weight: normal;"> </span><img alt="lightbulb" width="16" height="16" style="margin:0;width:16px;height:16px;border:none" src="lightbulb.png"/><span style="font-size: 9pt;"> </span><span class="f_Heading1" style="font-size: 9pt; font-weight: normal;">Holding the ALT key while doing this, will position the duplications to the opposite side, say the left or top side of the original items.</span><br />
|
||
<span class="f_Heading1" style="font-size: 9pt; font-weight: normal;"> </span></p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Copy / Paste Items</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">CTRL + C / CTRL + V also works for the select items. </span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">You could copy items and paste them into other picker files.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><img alt="lightbulb" width="16" height="16" style="margin:0;width:16px;height:16px;border:none" src="lightbulb.png"/> <span style="font-size: 9pt;">When copying items, if picker panels are selected, only panels will be copied, other types of items are skipped.</span><br />
|
||
<span style="font-size: 9pt;"> </span></p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Copy / Paste Item Properties</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Switch to copy/paste property tool </span><img alt="copyPropertyTool" width="27" height="29" style="margin:0;width:27px;height:29px;border:none" src="copypropertytool.jpg"/><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">, to transfer the properties between picker items. use hotkey "I" for that.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">To copy the properties, right-click on the item, and select a copy mode.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">LMB clicks on the item to paste the properties.</span><br />
|
||
<span class="f_Heading1" style="font-size: 10pt; font-weight: normal;"> </span></p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Align / Evenly Distribute Items</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Use the align/distribute buttons in the UI, or the corresponding menus in the Edit menu, to align / evenly distribute selected picker items.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Starting from v2.3, you got extra alignToLastSelection button </span><img alt="alignOption" width="30" height="28" style="margin:0;width:30px;height:28px;border:none" src="alignoption.gif"/><span class="f_ImageCaption">, if you turn it on, the alignment is done with the reference to the last selected item.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_ImageCaption">Otherwise, for aligning H/V center, the average center is used, for aligning to left/right/top/bottom, the most left/right/top/bottom is used.</span><br />
|
||
<span class="f_ImageCaption"> </span></p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Scale Items to Proper Sizes</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Select some picker items, and press "CTRL + R" to rescale them to their proper sizes. The same feature is available in the Edit menu.</span><br />
|
||
<span class="f_Heading1" style="font-size: 10pt; font-weight: normal;"> </span></p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Adjust Items Fill Color</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">You could adjust the color of the item in the attribute editor.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">But if you wanna tweak the color in photoshop way:</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Select some picker items, and press "CTRL + U" to bring up the "Adjust Button Color" dialog.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">It is very similar to photoshop's "Hue & Saturation" dialog.</span><br />
|
||
<span class="f_Heading1" style="font-size: 10pt; font-weight: normal;"> </span></p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Set Properties To Mirrored Items</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Use the ALT key.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Say setting the label margin, input the label margin, and press ALT+Enter, the mirrored item will be applied to the mirrored label margin.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Say you are transforming items using the transform tool, user ALT+Enter, to apply the mirrored transformation to the mirrored items.</span><br />
|
||
<span class="f_Heading1" style="font-size: 10pt; font-weight: normal;"> </span></p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Parent / Unparent Items</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">All types of picker items, including the picker group/panel itself, could be parented into a picker group/panel.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Simply use P and Shift+P to parent or unparent items.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">By default when you create a picker item upon a picker panel, the item will automatically be the child item of the panel below.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">To parent items to a panel, select and move the items over the panel, make sure you are in </span><img alt="editTool" width="26" height="29" style="margin:0;width:26px;height:29px;border:none" src="edittool.jpg"/><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;"> tool, right-click and select "Parent To Panel Below".</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">In the same way, if you wanna unparent items from a panel, select them, right-click and select "Unparent From Parent Panel";</span><br />
|
||
<span class="f_Heading1" style="font-size: 10pt; font-weight: normal;"> </span></p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Auto-Label Items</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Select some picker items, and press "CTRL + L" to auto-label them.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">An alternative way, press the < button beside the label field in the attribute editor.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"> </p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Change the Item Stack Order</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Select some picker items, and press the "CTRL + Up key" to bring them to the top stack order, and the "CTRL + Dn" key to push them down to the bottom stack.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">The Picker panel/group is always at the bottom stack order and tends to be covered by other types of picker items.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"> </p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Editing an Existing Image</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">There are several image properties for a picker item, such as background image for the panel and group, item image for select-button, command-button and slider handle.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">At the attribute editor, at the right side of each image path field, there is a > button, click and select "Edit image.." to bring up the image processing dialog.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">From v2 you can drag and drop an image to the image path input field to set that as image.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"> </p>
|
||
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Heading1" style="font-size:10pt; font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span class="f_Heading1" style="font-size: 10pt;">Auto-Set a Proper Post Action for Select-Buttons: </span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">Post action is the behavior after the mouse clicks on a select-button in animator mode, you can set it to auto-switch to translate tool, rotate or scale tool or just do nothing.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">A proper post-action will save time for animators.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">To auto-set, the proper action for selected select-buttons, go to Edit Menu / Auto-Set Sel-Button Post-Actions.</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span class="f_Heading1" style="font-size: 10pt; font-weight: normal;">It will test member nodes of each select-button, say if the nodes are all locked in rotate and scale attributes, it will set post action to "Switch to Translate".</span></p>
|
||
<p class="p_Normal" style="line-height: 1.80;"> </p>
|
||
|
||
</td></tr></table>
|
||
<table height="30" width="100%" border="0" cellspacing="" cellpadding="0" bgcolor="#D0D0D0">
|
||
<tr valign="bottom" bgcolor="#D0D0D0" >
|
||
<td align="left" valign="middle" >
|
||
<a href="welcome.htm"><img border="0" src="../common/images/MGtoolsHelp_Home.gif" width="34" height="22" alt="Home" /></a>
|
||
<a href="pickermenu.htm"><img border="0" src="../common/images/MGtoolsHelp_previous.gif" width="34" height="22" alt="Previous" /></a>
|
||
<a href="stylelibrary.htm"><img border="0" src="../common/images/MGtoolsHelp_next.gif" width="34" height="22" alt="Next" /></a></td>
|
||
</tr>
|
||
</table>
|
||
|
||
</body>
|
||
</html>
|