Captivate shapes in a responsive project

New Here ,
Jan 19, 2021 Jan 19, 2021

Copy link to clipboard

Copied

Hi

First time posting for help or advise so please be gentle 😉

 

I am new to Adobe captivate and am having to learn Captivate on the job under a pretty demanding  schedule, figuring everything out is quite challenging. One such challlenge has been adding shapes to responsive projects to create custom assets that i can work with for my company. They appear ok on Monitor view as seen on the attached then when I change to Tablet view (different aspect ratio etc) everything goes out of whack, not just width of an object but height aswel. This would obviously take a long while to manipulate every shape and is not practical building modules at speed. I have tried locking size and position, grouping, locking whilst grouping etc but am coming up short.

 

Question is,  am I going about this in the wrong way buy making more complex shapes from what is available within captivate or am I missing something? 

 

Examples attached

 

Hope this makes sense. 

 

Kind regards

Simon

TOPICS
Getting started

Views

111

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 19, 2021 Jan 19, 2021

Copy link to clipboard

Copied

Welcome to the forum. May I offer a first tip about the forum? Do not attach screenshots, please but insert them using the image button in the toolbar. You can also insert URL to a video with that same button. Why? With attachments someone wanting to help needs:

  1. To download the attachments to their PC or Mac
  2. To open them with a graphics application (JPEG and PNG are linked to Photoshop on my system)
  3. Watch the images
  4. Then delete them again.

 

It is not a good idea to start in CP by creating responsive projects. I suppose you use Fluid Boxes, since those are very much pushed by Adobe, not the Breakpoint views workflow, where your attachments would make sense. In fluid boxes you give full control over the layout to Captivate, based on the setup of the Fluid Boxes. I even wonder if you did set up Fluid Boxes. Since you talk about Grouping, which is prohibited inside of a normal Fluid Box. Correct me if you did use the Breakpoint Views workflow and set up 3, 4 or 5 Breakpoint using the Position Properties panel. That is doable, but lot of work.

Personally I would never try to create a complicated form by assembling shapes in Captivate if they are needed in a fluid box, much too complicated to set up so that the shapes keep their width/heigh ratio and relative position to the other shapes.  I would create the assembled shapes in Illustrator and export as an SVG.

 

In Captivate you can convert a shape to a freeform shape and edit the existing points, including the tangent handles. But you don't have the full power of the Pen tool in Illustrator nor Photoshop.

 

If you are using Fluid Boxes, maybe you want me to have a look at your Timeline of such a slide, because that would clarufy if you have set up Fluid Boxes.

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 20, 2021 Jan 20, 2021

Copy link to clipboard

Copied

Hi

 

Thanks for the fast response and advise above. I can confirm that I do not use fluid boxes yet. it is on my future agends. Currently I have been copying a guy who left the company and and just creating responsive projects buy just adding picture and photo elements to a blank slide and animating etc.  I think in the short term I will then have to create assets outside of Captivate then import. 

 

Is it difficult to convert and move over to fluid boxes?, I have had to learn (learning) how to take over from the previous guy in just two months who has now left. I have to produce eight unique modules per month. I have attached again a couple of screenshots of the modules and types of backgrounds etcCapture.JPGCapture1.JPG

 

Thanks again Lilybiri

 

Simon

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 20, 2021 Jan 20, 2021

Copy link to clipboard

Copied

Thanks for inserting the screenshots. You are using the older Breakpoint Views workflow, clear from the screenshots. No, it is impossible to convert to a Fluid Boxes project. The workflow and limitations are completely different. You may have a look at my comparison in this blog:

 

http://blog.lilybiri.com/fluid-boxes-or-breakpoint-views

It takes more work hours than Fluid Boxes but you have complete control.

 

Good practice is to set up a custom Theme which includes:

  • Theme Colors palette and Theme fonts
  • Object styles: you will need to define a font size for each of the breakpoint views you use. Not clear yet if you use 3 or 5. The last one allows you to have a Portrait and Landscape layout for both tablets and phones.
  • Master slides
  • Skin if you use it
  • Recording defaults which you probably do not need.

You start by setting up the Desktop view, using the Position Properties panel for sizing and location. All your screenshots show the Desktop view.That setup will be inherited by the lower Breakpoint views, but you can override them on those views: hiding objects, replacing them etc.. Work from top to down. Expect a lot of testing in all views and on devices.

From what you write it looks like you do not even have a theme because you write 'to a blank slide' which may mean that all slides are based on the Blank master slide which has no background nor objects on it. 

Try to avoid to use too much objects, because that complicates the layout considerably. If you are on the most recent version which is 11.5.5.553 you can use an image or a SVG (better because vector image) directly as a button. Avoid having an image with a click box or other button on top of it. 

Switch to the Expert UI so that you can set up a custom workspace, because both Position Properties and Properties are very important in your workflow. Expert UI is enabled by checking the Fourth option under Preferences, General settings: 'Enable custom....'.

Use the View menu to turn on the Rulers, they will be in %. You can drag guides out of those rulers, which can be a great help when designing the global layout of master slides.

http://blog.lilybiri.com/guides-rule

 

BTW: the requirement for 8 modules in your situation is .... ridiculous and shows lack of sense of reality. You probably didn't even get any basic training.

I have a lot of Captivate experience. To create a Breakpoint views project, I estimate to need at least double of the time for a non-responsive project. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 20, 2021 Jan 20, 2021

Copy link to clipboard

Copied

Hi Lilybiri

 

Again, massive thanks for your help and advise which is invaluable to me, this will help me re evaluate step back a little and start to figure this out. Also to help me go back to the powers that be and push back, there was talk of producing even more modules per month.

 

Simon

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 20, 2021 Jan 20, 2021

Copy link to clipboard

Copied

Feel free to mention my name and point to my website (recommendations, also one of a big person in the Captivate team), blog and my activities here (have a profile) and in the eLearning community. Some more in other social medai as well.

 

You should first get at least one month to define a proper custom theme which you can use as starting point for the modules. To avoid having to recreate everything from start and get some time to learn, although some training hours would probably give you a real jump start.

First question is: do you really need a fully responsive project or is a Rescalable HTML not a better idea? If they insist on a responsive project, learn to use Fluid Boxes, not easy neither. Do you have the most recent release? In that case you'll find several Quick Start Projects in the Assets Library, both in a responsive and a non-responsive version. Have several blogs about them as well. Exploring those QSPs can help as well.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 20, 2021 Jan 20, 2021

Copy link to clipboard

Copied

Hi 

 

I currently have the most recent release

 

I just checked and the projects are responsive and published as HTML see the picture. Basically we (the company) would like the modules viewed on desktop, tablet and mobile device. I have attached a pic of the publish settings on a previous module. 

 

I am unsure if the previous months modules that I work from are actually rescalable. I was told to open  previous months modules and pretty much just change the content slides. 

 

From what you can see how long do you think it would take (guesstimation) to create a module like the above consisting of 18 slides overall with 15 content with audio overall totaling 15-20 mins

 

I will certainly be looking into your blogs and resources

 

I really enjoy what I do currently however it feels that the rabit hole is swallowing me up! 

 

Capture4.JPG

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 20, 2021 Jan 20, 2021

Copy link to clipboard

Copied

Alice in Wonderland?

 

May I call you Simon? You are trying to run a marathon before having bought a pair of running shoes and do some training. Not much better than a rabbit hole.

Read first of all the blog about the comparison of Breakpoint views and Fluid Boxes. I mention the Rescalable HTML version, which is non-responsive, in that blog. You cannot publish a Breakpoint views project that way, because it should already adapt automatically to the browser resolution available.

 

I cannot give you an estimation, for many reasons including your ignoring your skills at this moment. Maybe it is just the terminology? You need first of all to set up a Theme before starting a first module. Depending on what can be included in that theme you will save a lot of time. You can only set up a Theme when you have decided the type of project: Fluid Boxes, Non-responsive with Scalable HTML output, Breakpoint Views (your present old workflow). You cannot use a theme set up for one type to create a project of another type. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 20, 2021 Jan 20, 2021

Copy link to clipboard

Copied

LATEST

Alice in wonderland or the matrix (blue or red pill scene)

 

I will jump into research, trying to get some training and creating themes, Thanks for your help

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines