Tile 3D Gallery Plug-ins For Adobe Lightroom User Guide V 1.0

Transcription

1 Tile 3D Gallery Plug-ins For Adobe Lightroom User Guide V 1.0 opyright Digicrafts. All rights reserved. For license agreement, you can visit

2 ONTENTS Installation p.3 Quick Start p.5 Setting Panel UI Reference p.7 ustom Styles by SS p.10 ustom Skin and background p.12 Add background music p.13 2

3 INSTALLATION For Windows After download the product zip file, extract it to a temp folder. Double click on the setup.exe. Follow the setup guide and finish install. For Mac OS X After download the product zip file, extract it to a temp folder. Double click on the plug-ins icon. Lightroom will launch and ask you if you want to install the plug-ins. lick OK and install the plug-ins. 3

4 QUIK START Pre-Request An image collection imported into Lightroom. For support on Lightroom, you can visit Lightroom help and support section here: Quick Start Guide 1. Launch Lightroom. At the right top menu, choose Library. 4

5 2. hoose each photo in the collection and fill in the Title and aption in the Metadata. Furthermore, you can add the opyright if you want to have watermark on your photos. 3. hoose Web in the section menu. And that is the Web interface 5

6 4. Select Digicrafts Tile 3D Gallery from the engine menu. 5. Edit the parameters in the Site Info, olor and Appearance to see the changes. You can see the preview immediately in the preview window. More info about the setting, you can reference to the Setting Interface UI Reference section of this manual. 6

7 6. To export, click on the Export button. hoose a folder to export. lick save and wait the export finish After export your gallery, you can double click the index.html file icon to test your gallery. 7

8 SETTING PANEL UI The setting panel is appearing on the right side of the preview windows in web section. You can change setting of the gallery in the setting panel and it will preview in real time on the preview panel. Site Info Site Tile The name of the site. It will appear on as the tile of the site when export. Site Description The site description will appear on the title bar. ontact Info The contact info will appear below the site description. Web or Mail Link The link of mail link when user click on the contact info. olor Palette Background The color of the background. Tile Bar Text olor The color of the text inside title bar. Tile Bar Background The background color of title bar. aption Tile olor The text color of the photos title. aption olor The text olor of the photos caption. 8

9 Appearance (Site Dimensions) Resize with Browser Set the size of the gallery resizing as browser resize. Site Width and Height Set the dimensions of the gallery if the resize with brower diabled. Appearance (Tile SIze) Tile Size Set the row count and column count of the tile. Spacing of Tile Set the spacing between tile. Appearance (Title Bar) Tile Bar Positon Set the tile appear on top or bottom of the gallery. Also, you can hide the title bar. Tile Bar Alpha Set the alpha of the titlle bar background. Logo The logo appear on the title bar. You can creaet your logo from lightroom or prepareing your own logo by other software. Appearance (Slide Show) Auto Start Slide Show Set the slide show auto start. Show controls Set the visible of the slide show control. Slide interval Set the time interval for each slide opyright Digicrafts. All rights reserved. For license agreement, you can visit

10 The link of mail link when user click on the contact info. Image Info You can select different meta data use as the text of title, caption and link. Output Settings Thumbnail The image file size use as thumbnails. Large The image file size use as the poup image. This setting also affect the actual appearance dimension when popup. Download The file size for download. Allow download image Enable the user to download the large image. A link will appear under the photos. Add opyright Watermark Enable lightroom to add copyright water on the images. ( You need to fill in the copyright information in each photos). Sharpening Set the sharpening method for the output images. 10

11 USTOM STYLES BY SS You can find the style.css in the output folder inside the skin directory. You can open it with your favor text editor. 11

12 Style Name.body.titleBar.linkButton Description The style of the whole gallery. You can use it to custom the background color The style of the title bar. You can set the color of the text, background color, etc. The style of the download/link button..title The style of the title text..caption The style of the caption text..leftnavigationbutton The style of the left/right navigation button..rightnavigationbutton.mainontrolbar.progressindicator The style of the control bar. You can set the position here. The style of the loading progress indicator. You can custom the text, position, etc. 12

13 USTOM SKIN The images are place inside the skin directory of the output folder. You can change the graphics or replace it with your own graphics. Below shows the description of each image. File Description Image leftnavigatebutton.png Graphicsfor rightnavigatebutton.png left and right navigation button. slideshowplaybutton.png slideshowstopbutton.png fullscreenbutton.png restorescreenbutton.png soundonbutton.png soundoffbutton.png smalllogo.png downloadbutton.png linkbutton.png Play and stop slideshow button Fullscreen and restore screen button Sound on/off button Logo on the control bar Download and link button. background.jpg You can place this file in the skin folder. It will load as background image. 13

14 ADD BAKGROUND MUSI You can add background music to the gallery. Select your favors music and convert it to mp3. Name it as background.mp3 and place it in the root folder of the gallery, same level as gallery.swf. The gallery will auto load the music when start. 14