Integrate Adobe Creative Cloud and Spark with Canvas LMS

Integrate Adobe Creative Cloud and Spark with Canvas

Adobe Creative Cloud empowers students and educators to develop powerful presentations, photography, illustrations, movies and videos, and web applications.

Integrating Adobe Spark and Adobe Creative Cloud with Canvas LMS provides students and educators with quick and easy access to their creative work. Students and educators can access their Spark projects and Creative Cloud apps within Canvas and use them to create and complete their assignments. For more information, see our blog post.

Integrate Adobe Creative Cloud and Spark with Canvas

For administrators

As the institution’s or school district's IT admin, for your educators and students to be able to access Adobe applications within Canvas LMS, you must integrate Canvas LMS with Adobe Spark or Adobe Creative Cloud. Once the integration is done, the educators and students can start creating and completing assignments using the Adobe applications.

Before you begin with the integration, ensure the following:

  • Adobe Spark or Adobe Creative Cloud is deployed in your educational institution.
  • Users are entitled to relevant Adobe products and services.

Do the following to add Adobe Spark to Canvas:

  1. Sign in to Canvas, and navigate to Admin.

  2. From the list of accounts that display, choose the appropriate one.
    If you want to add the integration to a specific account which has a selected set of users, you can choose the relevant one from the available accounts.

    Select account

  3. Navigate to Developer Keys > Inherited, and turn the keys for Adobe Classroom Prod API key, and Adobe Spark.

    Developer Keys

  4. Copy the strings in the Details column for Adobe Spark.
    If you want to install Adobe Creative Cloud as well, turn on and copy the strings for Adobe Creative Cloud too.

  5. Decide where you’d like it installed.

    1. If you’d like to only install into some courses, choose the course you’d like to install the integration into.
    2. If you’d like to install globally, navigate to settings from the global navigation.

    From Settings, navigate to Apps.

    View apps

  6. Click View App Configurations, and then + App.

  7. In the Add App dialog box, select By client ID from the Configuration type drop-down list.

  8. One by one, paste the strings you copied from the Developer Key page into the Client ID option, and click Submit.

    Add an app

  9. Click Install.

    Install the app

    The app is added to Canvas.

  10. To test the integration, select a course. Then, navigate to assignments, and click +Assignment. The integration is successful if the Adobe Spark icon shows in the toolbar.

    Note:

    To test the integration in a test or beta instance or to use AGS or NRPS in beta, reach out to your Canvas CSM to enable Beta and Test Access For Students.

    Adobe Spark

Do the following to add Adobe Creative Cloud to Canvas:

  1. Sign in to Canvas, and navigate to Admin.

  2. From the list of accounts that display, choose the appropriate one.
    If you want to add the integration to a specific account which has a selected set of users, you can choose the relevant one from the available accounts.

    Select account

  3. Navigate to Developer Keys > Inherited, and turn the keys for Adobe Classroom Prod API key, and Adobe Creative Cloud.

    Developer Keys

  4. Copy the strings in the Details column for Adobe Creative Cloud.
    If you want to install Adobe Spark as well, turn on and copy the strings for Adobe Spark too.

  5. Decide where you’d like it installed.

    1. If you’d like to only install into some courses, choose the course you’d like to install the integration into.
    2. If you’d like to install globally, navigate to settings from the global navigation.

    From Settings, navigate to Apps.

    View apps

  6. Click View App Configurations, and then + App.

  7. In the Add App dialog box, select By client ID from the Configuration type drop-down list.

  8. One by one, paste the strings you copied from the Developer Key page into the Client ID option, and click Submit.

    Add an app

  9. Click Install.

    Install the app

    The app is added to Canvas.

  10. To test the integration, navigate to courses. The integration is successful if Adobe Creative Cloud shows under Courses.

    Note:

    To test the integration in a test or beta instance or to use AGS or NRPS in beta, reach out to your Canvas CSM to enable Beta and Test Access For Students.

    Adobe Creative Cloud

To configure SSO, add a secondary IdP in the Adobe Admin Console and select Canvas in the Add Portal or Learning Management Systems for SSO screen.

  • I am testing the Spark integration using Canvas's impersonate function to create a Spark assignment as a Teacher and submit the assignment as a Student. However, I am not seeing an option to submit the assignment when switching to the Student view. How shall I proceed?

    Recognizing that this scenario is unique to testing and does not represent expected Teacher and Student behavior in the real world, there is a workaround to test. The key is to use two separate browsers in incognito mode when you are testing on the same computer using Canvas’s impersonate function.

    1. Sign in as Teacher on one browser window to create the Spark assignment.
    2. Then, sign in to Spark from a separate incognito browser window as Student and submit the assignment. 
  • How can I contact Adobe Customer Care with an issue not covered here?

    Navigate to the Support tab in the Admin Console to contact Adobe Customer Care. Learn more.

  • What are Adobe's policies on data privacy?

    To learn how Adobe complies with laws, regulations and best practices related to the privacy of student data visit Adobe Privacy Center.

Create assignments using Adobe Spark

For educators

Once your institution's or school district's IT admin has granted you the access to use Adobe Spark or Adobe Creative Cloud within Canvas LMS, you are ready to create high-quality creative work using the Adobe applications. You can use Adobe Spark to work on school projects wherever you are, not just in a computer lab.

To know your Canvas instance, go to the Canvas website, and click Find My School. To access Spark, do the following:

  1. Sign in to your Canvas instance, navigate to Courses.

  2. Select a course, and navigate to Assignments.

  3. You can choose to create a new assignment or edit an existing one. Once the editor opens, to access Adobe Spark, click Adobe Spark from the toolbar.

  4. If your IT administrator has configured Single Sign-On (SSO), you are automatically signed in to your Adobe Spark account.

    If SSO is not configured, a sign-in screen appears for Adobe Spark, enter your credentials and sign in.

    If your browser blocks pop-ups, click the pop-up blocker icon, and select Always allow pop-ups for this site.

    Sign in

    Google Chrome

    Firefox

    Microsoft Edge

  5. The first time you launch Adobe Spark from within Canvas, you are prompted to authorize Adobe to use your account. To do so, click Authorize.

Your Spark projects display.

After signing in to Adobe Spark from Canvas, all your Spark projects display. To create an assignment using Spark, do the following:

  1. To attach, preview, or customize an existing project, hover on the project, and select the appropriate option.

    To create a Spark project, click Create New. You can either start with a template or a blank web page, video, or post.

    Customize a template

  2. Selecting Customize takes you to Spark web, where you can work on your Spark project.

  3. When you project is ready, click Share > Send to Canvas > Return to Canvas.

    Your project now appears in Canvas.

    Send to Canvas

  4. To attach a project to your assignment, hover on the project, and click Attach.

    Attach a Spark project

  5. Enter the assignment name, add instructions, and update the other assignment fields.

    From the Submission Type drop-down list, you can choose how you want the students to turn in the assignment.

    1. To create an online assignment, select Online as the Submission Type. Then, select Website URL as the Online Entry Option. If you want students to submit the assignment back to Canvas, create an online assignment.
    2. To create an assignment using an external app, select External Tool as the Submission Type. Then, click Find to configure the external tool. If you want students to only view the asset, but not turn it in, create it using an external app.
  6. Click Save.

    Your assignment is ready.

    Save

To access Adobe products and services from Canvas LMS, sign in to your Canvas instance. To know your Canvas instance, go to the Canvas website, and click Find My School.

Navigate to Courses Adobe Creative Cloud. All applications that have been purchased for you by the district or university display. You can install or update any of the available apps. 

Adobe Creative Cloud

  • What is Adobe Spark?

    Spark is one of Adobe’s new web-based applications that makes it easy for educators and students to communicate ideas with stunning presentations, graphics, and short videos—in minutes. Students can demonstrate learning, tell a story, or convey a point of view by making high-quality reports, research papers, posters, writing assignments, and presentations. Learn more.

  • What is Adobe Creative Cloud?

    Creative Cloud is a set of creative apps that empowers students, educators, and creators of all ages and experience levels to develop powerful presentations, photography, illustrations, movies and videos, and web applications. Creative Cloud includes all of Adobe’s creative tools, from classics like Photoshop, and Illustrator, and new apps like Adobe Rush and Adobe XD. Learn more.

  • How do students sign in?

    Students can sign in through the enterprise option in the sign in pop-up screen. Or, they can sign through either of these links:

    They must use their regular school credentials.

    Also, ensure that they allow pop-ups on the browser. For details, see Sign in and access Adobe Spark from Canvas LMS.

  • How can I give my students Spark templates I’ve created or I want them to watch?

    1. Through the external tools flow, you can assign content and instructions that students can watch within their own Spark accounts. They’ll then be able to create their own content and submit into an assignment from Spark.

    2. Through the rich content editor, you can make templates here that students will be able to copy into their own Spark accounts. For details, see Create an assignment using Adobe Spark.

  • How does this work in SpeedGrader?

    SpeedGrader displays full, rich previews of both, videos and posts, for assignments submitted through Online URL submission type or external tools. When students submit an assignment through the Online > Text Entry flow, educators have hyperlinks created in SpeedGrader.

  • Where can I find more resources on Adobe Creative Cloud and Spark?

    Visit The Adobe Education Exchange for free online professional development courses and resources.

Complete assignments using Adobe Spark

For students

Once your institution's or school district's IT admin has granted you the access to use Adobe Spark or Adobe Creative Cloud within Canvas LMS, you are ready to create high-quality creative work using the Adobe applications.

To know your Canvas instance, go to the Canvas website, and click Find My School. To access Spark, do the following:

  1. Sign in to your Canvas instance, navigate to Courses.

  2. Select a course, and navigate to Assignments.

  3. You can choose to create a new assignment or edit an existing one. Once the editor opens, to access Adobe Spark, click Adobe Spark from the toolbar.

  4. If your IT administrator has configured Single Sign-On (SSO), you are automatically signed in to your Adobe Spark account.

    If SSO is not configured, a sign-in screen appears for Adobe Spark, enter your credentials and sign in.

    If your browser blocks pop-ups, click the pop-up blocker icon, and select Always allow pop-ups for this site.

    Sign in

    Google Chrome

    Firefox

    Microsoft Edge

  5. The first time you launch Adobe Spark from within Canvas, you are prompted to authorize Adobe to use your account. To do so, click Authorize.

Your Spark projects display.

After signing in to Adobe Spark from Canvas, all your pending assignments appear. To work on one these assignments, select it, and do the following:

  1. Read the instructions from the educator, and click Make a Copy.
    The assignment opens in Spark web.

    Make a copy

  2. Make the required changes and complete the assignment.

  3. To submit the assignment, click Share > Turn in to Canvas.

    Turn in to Canvas

  4. On the Turn In screen that appears, select the relevant course and assignment, and click Turn In.

    Turn in

Your assignment is submitted.

To access Adobe products and services from Canvas LMS, sign in to your Canvas instance. To know your Canvas instance, go to the Canvas website, and click Find My School.

Navigate to Courses Adobe Creative Cloud. All applications that have been purchased for you by the district or university display. You can install or update any of the available apps. 

Adobe Creative Cloud

  • I see a blank screen when trying to access Adobe Spark from Canvas LMS.

    Blank screen

    Check for pop up blockers in your browser and click Allow to sign in to Adobe. For more information on how to sign in, see Sign in and access Adobe Spark from Canvas LMS.

  • Turn in doesn’t work.

    Turn in option in Adobe Spark

    The Turn in to Canvas option is disabled if you are signed in with an account different from the school account. Do the following to ensure you are signed in with the correct account.
    1. In Canvas, navigate to Spark and click , your profile icon in the upper right corner.
    2. Sign out and sign back in with your school credentials and school account.

     For more information on how to sign in, see Sign in and access Adobe Spark from Canvas LMS.

  • While trying to turn in the assignment, my assignment isn’t available in the assignment drop-down.

    Assignment is not available in the drop-down

    Your assignment does not show in the assignment drop-down if your educator has selected assignment using an external app as the submission type. In this case, confirm with your educator if the assignment should be turned in.

Adobe logo

Sign in to your account