Transcript

00:05 hey everybody this is Joe workman and
00:07 today I want to show you the new eclipse
00:09 tak and eclipse is a great way to add
00:12 some pizzazz to the background of your
00:14 site it allows you to add full screen
00:16 images slide shows and even videos so
00:20 the all your content lays right on top
00:22 of it now in this video I'm going to try
00:24 to do a quick overview and how to so
00:26 let's jump on in so here we are on the
00:29 eclipse demo page and you'll notice
00:32 right when you get to the demo page we
00:34 have this just amazingly striking video
00:36 that's showing in the background of our
00:38 site and that's exactly what clips
00:40 eclipse can do for us and it not only
00:42 does video it can do images and slide
00:46 shows as well if you look at the image
00:48 demo you listen we'd have a static cover
00:50 image that spans the entire page and
00:53 this is fully responsive and we can
00:55 overlay our content on top of it and
00:57 last eclipse can do great slide shows
01:00 you can add up to 10 slides with a great
01:04 fade animation now one great feature
01:09 with eclipse is its ability to actually
01:12 apply an overlay to any of its
01:15 backgrounds here's a perfect example
01:18 here we have a red solid red color
01:21 background however I've applied an
01:23 overlay with a tiled image on top of it
01:27 now you can actually do this but not
01:28 only solid color backgrounds but with
01:30 slide shows images and video anyclip
01:34 ships with 30 great overlay images that
01:38 you can access directly from the stacks
01:40 media library now there are 15 different
01:42 styles of overlays however we provide
01:45 each overlay in a both a dark and a
01:48 light version and as you scroll down
01:50 this page you'll see all the great
01:52 overlays that you can meet that can be
01:53 done now one important thing is in this
01:56 demo all of the overlays are set to be
01:58 one hundred percent however inside
02:02 eclipses settings you can actually
02:03 provide an opacity to each overlay so
02:07 more harsh you know really a dark
02:10 overlay such as this number nine
02:12 can actually made to be transparent
02:15 which gives it a much more subtle look
02:17 now when you purchase Eclipse you
02:20 actually get two stacks you will get the
02:22 Eclipse stack which handles all image
02:24 and slideshows and he will get the
02:26 Eclipse video stack which allows you to
02:29 apply background videos to your site
02:31 let's go over each one now now we're
02:34 going to look at how I implemented this
02:36 image demo and this is actually a part
02:39 of the Eclipse demo project which is
02:41 freely available to download from our
02:43 dock portal and is also included on the
02:45 disk image when you purchase eclipse so
02:48 when you add Eclipse to edit mode you'll
02:50 notice that there's actually no content
02:51 to be displayed inside edit mode
02:53 everything is done inside the settings
02:56 so in this instance if we look at the
03:00 settings you have the ability to preview
03:02 the background with in edit mode and you
03:04 can turn that off of that could be
03:05 distracting now if we jump down to the
03:08 background type option will see that we
03:10 have the ability to have a solid color
03:11 background a tiled image tiled image
03:15 warehouse so you can actually warehouse
03:16 your images a cover image cover image
03:20 warehouse and a slideshow warehouse so
03:23 in this instance we're going to set
03:25 cover image warehouse now we allow you
03:27 to add two different images one for
03:30 mobile and one for tablet and desktop
03:31 and if you want to choose cover image
03:35 you can then drag and drop your images
03:37 in there as well as I said earlier you
03:40 can apply an overlay to anything that
03:42 you'd like so by default if you go to
03:44 the stacks media library you'll notice
03:47 that there is an eclipse background
03:49 overlays that contains all 30 of the
03:52 overlay options that ship with eclipse
03:55 all you need to do is simply drag and
03:57 drop those into the cover overlay and
03:59 you will see that once we preview inside
04:03 rapidweaver you can also define a
04:06 opacity to that overlay so if a
04:09 particular overlay is very harsh you can
04:11 make it a lot more subtle by simply
04:13 toning down the opacity and as you see
04:16 it really couldn't be simpler to really
04:19 make your webpages pop now configuring
04:23 slideshows with eclipse is very easy
04:26 you simply need to choose the background
04:27 type of slideshow warehouse and then
04:30 you'll see that we have 10 image links
04:33 that we can then choose 10 different
04:35 warehouse images to use within the
04:38 slideshow now to warehouse your image
04:41 you're going to want to make sure that
04:42 you upload your images to your web
04:44 server first and then get the URL to
04:46 that image so that you can use it within
04:49 the Eclipse slideshow and just as we did
04:53 with the image you can apply an overlay
04:55 in an opacity to that overlay and this
04:58 will give you great slideshows within
05:00 your backgrounds now let's jump into the
05:04 Eclipse video stack and just as we see
05:06 with the Eclipse tak when you configure
05:08 a video poster you can actually preview
05:11 that inside the background inside edit
05:13 mode so you can really um you know
05:15 curtail your content to exactly what
05:18 you're going to see inside preview mode
05:20 now it only supports warehousing as well
05:23 and you have to basically export your
05:26 videos to be mpeg-4 web them and OGG and
05:30 what this will do is it allow the html
55:33 video to be playable in all browsers
05:36 next you can adjust the playback rate
05:38 and that's the actually the speed of the
05:40 video so if you want the video to maybe
05:43 play a little bit faster you can go at
05:45 1.6 x and you can go all the way up to
05:48 2x speed now by default you want to mute
05:52 the audio um you can unmute it however
05:55 if you do unmute the audio you're going
05:58 to make sure your playback rate is set
06:00 to 1 dot 0 or else your audio isn't
06:02 going to sound great because it'll sound
06:04 like you're fast forwarding through next
06:07 you can loop the the video or you can
06:10 just make it you know play once and
06:12 lastly you can add an overlay just as we
06:15 did with the Eclipse tak you can add a
06:17 tiled overlay just a simple opacity
06:21 transparent color overlay or tile and
06:24 color overlay to the video so in this
06:27 instance if I want to add a tiled
06:29 overlay I would drag in a overlay from
06:32 the stacks media library and then you
06:34 can set an opacity to that India this
06:37 provides beautiful video backgrounds
06:39 with a nice overlay to again kind of
06:42 give some depth and differentiation
06:44 between your content and the background
06:45 video well that's eclipse as you see
06:52 it's a very simple to use and very
06:54 powerful a tool to really add some spark
06:57 to your websites and now you might be
07:00 curious does it work with everything and
07:02 I did test in a lot of themes and it
07:06 does work of technically work and
07:09 everything however um it doesn't really
07:12 make sense to be used in everything
07:14 right so I can't guarantee that it's
07:16 going to look great in everything
07:17 because some things have overlays on top
07:20 that just don't really make sense to
07:22 have a maybe a video background or a
07:24 slideshow background because the theme
07:26 adds stuff on top that just don't make
07:29 it look great right now if you're a
07:31 foundation user this gives you the
07:33 ultimate and flexibility because while
07:36 site Styles can give you slide shows and
07:38 cover images the Eclipse tack allows you
07:41 to have a different image or a different
07:43 slideshow or even add video support to
07:46 every single web page this means you can
07:49 have a different cover image let's say
07:51 on every single page and still
07:53 leveraging the global site styles
07:55 template right so this is a great tool
07:58 for foundation users as well so I hope
08:01 you enjoy eclipse I hope you get a lot
08:03 of great use out of it and I can't wait
08:06 to see the beautiful gorgeous websites
08:07 that you build with it so have a great
08:09 day everybody thank you for watching and
08:11 see you later bye"}]