®Copyright  2009.  Digicrafts.  All  rights  reserved.  For  license  agreement,  you  can  visit  www.digicrafts.com.hk/components  

PageTurn 3D Gallery Plug-ins For Adobe Lightroom

User Guide

V 1.0

C  

PageTurn 3D Gallery Plug-ins User Guide  

  2  

C  

CONTENTS

Installation p.3

Quick Start p.5

Setting Panel UI Reference p.7

Custom Styles by CSS p.10

Custom Skin and background p.12

Add background music p.13

PageTurn 3D Gallery Plug-ins User Guide  

  3  

C  

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. Click “OK” and install the plug-ins.

PageTurn 3D Gallery Plug-ins User Guide  

  4  

C  

QUICK START

Pre-Request

An image collection imported into Lightroom. For support on Lightroom, you can visit Lightroom help and support section here: http://www.adobe.com/designcenter/photoshoplightroom/

Quick Start Guide

1. Launch Lightroom. At the right top menu, choose Library.  

 

PageTurn 3D Gallery Plug-ins User Guide  

  5  

C  

2. Choose each photo in the collection and fill in the Title and Caption in the Metadata. Furthermore, you can add the Copyright if you want to have watermark on your photos.

3. Choose Web in the section menu.

And that is the Web interface

PageTurn 3D Gallery Plug-ins User Guide  

  6  

C  

4. Select “Digicrafts PageTurn 3D” from the engine menu.

5. Edit the parameters in the Site Info, Color 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.

PageTurn 3D Gallery Plug-ins User Guide  

  7  

C  

6. To export, click on the “Export…” button. Choose a folder to export. Click save and wait the export finish.

7. 10. After export your gallery, you can double click the “index.html” file icon to test your gallery.

 

PageTurn 3D Gallery Plug-ins User Guide  

  8  

C  

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.    Contact  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.    URL  to  pdf  download  The  link  of  pdf  link  for  user  download.      Color  Palette      Background  The  color  of  the  background.      Tile  Bar  Text  Color  The  color  of  the  text  inside  title  bar.    Tile  Bar  Background  The  background  color  of  title  bar.    Control  Bar  Background  The  background  color  of  control  bar.

®Copyright  2009.  Digicrafts.  All  rights  reserved.  For  license  agreement,  you  can  visit  www.digicrafts.com.hk/components  

     

     

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    (Page  SIze)    Width  /  Height  The  size  of  the  book  appear  on  the  screen  when  zoom.    Appearance    (More)    Camera  Zoom  The  camera  zoom  value.  Control  the  book  scale  when  view  in  3d.    Camera  Angel  Set  the  camera  angel  when  view  in  3d.    Landscape  Mode  Enable/disable  the  landscape  mode.    Open  in  left  side  Determine  if  the  book  open  in  left/right  side.    Hard  Cover  Enable/disable  the  hard  cover.    Interaction    Click  to  zoom  Enable/disable  the  zoom  function  when  click.    Zoom  to  center  Determine  if  the  book  zoom  in  center  position.    Allow  Drag  when  zoom  Enable/disable  mouse  drag  when  zoom  

®Copyright  2009.  Digicrafts.  All  rights  reserved.  For  license  agreement,  you  can  visit  www.digicrafts.com.hk/components  

 

 

Appearance    (Title  Bar  &  Control  Bar)    Title  Bar  Position  Set  the  position  of  the  title  bar  and  control  bar.    Title  Bar/Control  Bar  Alpha  Set  the  alpha  value  of  control/title  bar.    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.    Background  music  Enable/disable  the  background  music  feature.    Show  controls  Set  the  visible  of  the  slide  show  control.    Slide  interval  Set  the  time  interval  for  each  slide  The  link  of  mail  link  when  user  click  on  the  contact  info.      

PageTurn 3D Gallery Plug-ins User Guide  

  11  

C  

 

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  zoom.      Allow  download  pdf  Enable  the  user  to  download  pdf  file  specific  by  user.    Add  Copyright  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.  

PageTurn 3D Gallery Plug-ins User Guide  

  12  

C  

CUSTOM STYLES BY CSS

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

   

 

PageTurn 3D Gallery Plug-ins User Guide  

  13  

C  

 Style  Name   Description  .body   The  style  of  the  whole  gallery.  You  can  

use  it  to  custom  the  background  color  

.titleBar   The  style  of  the  title  bar.  You  can  set  the  color  of  the  text,  background  color,  etc.  

.linkButton   The  style  of  the  download/link  button.  

.leftNavigationButton  

.rightNavigationButton  

The  style  of  the  left/right  navigation  button.  

.mainControlBar   The  style  of  the  control  bar.  You  can  set  the  position  here.  

.progressIndicator   The  style  of  the  loading  progress  indicator.  You  can  custom  the  text,  position,  etc.  

PageTurn 3D Gallery Plug-ins User Guide  

  14  

C  

CUSTOM 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 rightNavigateButton.png   Graphicsfor  

left  and  right  navigation  button.  

 nextpage_button.png prevpage_button.png startpage_button.png endpage_button.png

The  page  control  icon.    

slideshowPlayButton.png slideshowStopButton.png   Play  and  stop  

slideshow  button  

 

fullScreenButton.png  restoreScreenButton.png  

Fullscreen  and  restore  screen  button  

 

soundOnButton.png  soundOffButton.png  

Sound  on/off  button    

zoomin_button.png  zoomout_button.png  

Zoom  In/Out  button    

downloadButton.png  linkButton.png  

Download  and  link  button.  

 

background.jpg   You  can  place  this  file  in  the  skin  folder.  It  will  load  as  background  image.  

 

 

PageTurn 3D Gallery Plug-ins User Guide  

  15  

C  

ADD BACKGROUND MUSIC  

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.