logo


your one source for IT & AV

Training Presentation Systems Services & Consulting Cloud Services Purchase Client Center Computer Museum
Arrow Course Schedule | Classroom Rentals | Student Information | Free Seminars | Client Feedback | Partners | Survey | Standby Discounts

Adobe Creative Cloud for Graphic Design

SS Course: 3000885

Course Overview

TOP

This three-day introductory course is a good place to start if you use Adobe Creative Cloud applications to create web designs and online content. Learn Creative Cloud tools for building websites, web pages, landing pages, and HTML emails in this introductory overview course. In this Adobe Creative Cloud class, you'll gain the foundational skills necessary to start creating websites, web pages, and other content for use online.

                                                                  

Scheduled Classes

TOP
11/30/26 - AGI - Virtual Instructor-Led - Virtual Instructor-Led (click to enroll)
01/11/27 - AGI - Virtual Instructor-Led - Virtual Instructor-Led (click to enroll)
02/22/27 - AGI - Virtual Instructor-Led - Virtual Instructor-Led (click to enroll)
04/05/27 - AGI - Virtual Instructor-Led - Virtual Instructor-Led (click to enroll)
05/17/27 - AGI - Virtual Instructor-Led - Virtual Instructor-Led (click to enroll)
06/28/27 - AGI - Virtual Instructor-Led - Virtual Instructor-Led (click to enroll)
08/09/27 - AGI - Virtual Instructor-Led - Virtual Instructor-Led (click to enroll)
09/20/27 - AGI - Virtual Instructor-Led - Virtual Instructor-Led (click to enroll)
11/01/27 - AGI - Virtual Instructor-Led - Virtual Instructor-Led (click to enroll)

What You'll Learn

TOP
  • Understand how Dreamweaver works and its place in a web workflow
  • Build pages, add text and images, and combine them in a web layout
  • Understand how Photoshop works and its place in a web workflow
  • Select, correct, paint, and retouch pixel-based images for web posting
  • Understand how Animate works and its place in a web workflow
  • Animate the position, size, color, shape, and rotation of website contents

Outline

TOP

This Adobe Creative Cloud training course for web design provides you with the skills needed to work with the latest versions of the CC applications used for web design projects: Dreamweaver CC, Photoshop CC, Animate, and Muse. The topics covered in the training course include:

Dreamweaver essentials

  • Design and layout tools
  • Site management and file transfer protocol
  • Coding environment and text editor
  • Mobile design and development features
  • Dreamweaver’s workspace features
  • How websites work
  • The role of web browsers
  • Introduction to HTML
  • Explorations in code
  • Creating, opening, and saving documents
  • Setting up a new site

Understanding sites and pages in Dreamweaver

  • Creating a new site in Adobe Dreamweaver
  • Using advanced site-creation options
  • Adding pages
  • Saving a page to your site
  • Defining page properties
  • Changing your work views
  • Looking at the Files panel
  • Viewing local files
  • Selecting and editing files

Adding text and images to a Dreamweaver Layout

  • Using type and images on the Web
  • Introducing styles
  • Previewing pages in a web browser
  • Creating hyperlinks
  • Inserting images
  • Linking images
  • Editing images
  • Optimizing images
  • Updating images

Styling web pages with CSS

  • Understanding cascading style sheets
  • Creating and modifying styles
  • Creating a class style with the Property Inspector
  • Using advanced CSS formatting
  • Putting Div tags and CSS IDs to use
  • Saving internal vs. external style sheets
  • Attaching external style sheets
  • Modifying attached style sheets
  • Creating a new .css file

Managing your website

  • Working with the Files panel
  • Creating a remote connection
  • Viewing files on a remote web server
  • Transferring files to and from a remote server
  • Checking links site-wide
  • Generating site reports
  • Checking browser compatibility
  • Adding metadata
  • Launching your site
  • Getting help and using the reference guides

Getting to know the Photoshop workspace

  • Opening an existing file in Bridge
  • Accessing tools and their options
  • Using and organizing panels
  • Navigating the image area
  • Using the Zoom tool
  • Using the Hand tool
  • Working with tabbed windows
  • Maximizing productivity with screen modes

Using Bridge in the Adobe Creative Cloud

  • Introducing Adobe Bridge
  • Navigating through the Bridge
  • Using folders in Adobe Bridge
  • Making a Favorite
  • Creating and locating metadata
  • Using the Filter panel
  • Saving a Collection
  • Automation tools in Adobe Bridge
  • Additional Photoshop tools
  • Changing the view

Photoshop CC for web design basics

  • Opening an existing document
  • Understanding document settings
  • Viewing an image’s size and resolution
  • Combining images by copying and/or dragging
  • Transforming and editing combined images
  • Removing a background
  • Understanding the stacking order of layers
  • Refining edges of copied images
  • Choosing a file format
  • Saving files optimized for web or email

Retouching images

  • Setting up your color settings
  • Comparing RGB and CMYK modes
  • Using the Color panel
  • Changing Brush settings
  • Applying color to an image
  • Changing blending modes
  • Retouching images
  • Moving through the History panel
  • Using the Clone Stamp and Healing tools
  • Working with Camera Raw

Creating a good image with Photoshop

  • Choosing your color settings
  • Working in RGB
  • Reading a histogram
  • Adding video
  • Making a Curve adjustment
  • Defining the highlight and shadow
  • Adjusting the midtones
  • Setting the neutral
  • Sharpening your image
  • Taking care of red eye

Introduction to Photoshop layers

  • Discovering layers
  • Getting a handle on layers
  • Creating a new blank file
  • Naming your layer
  • Selecting layers
  • Moving layers
  • Changing the visibility of a layer
  • Locking a layer
  • Using masks in a layer
  • Preserving transparency

Formatting objects

  • Transforming objects
  • Working with groups
  • Aligning and Distributing
  • Applying rounded corners
  • Using effects
  • Creating graphic styles

Use widgets to add interactivity to your site

  • Introduction to widgets
  • Tab and Accordion widget
  • Button widgets
  • Working with the States panel
  • Creating a thumbnail slideshow
  • Creating a lightbox slideshow

Importing graphics from other CC apps

  • Importing from Photoshop
  • Importing from Illustrator
  • Importing graphics from InDesign

Adding interactive content

  • Adding video files
  • Adding audio files
  • Adding content from Animate

Integrating with social media

  • Inserting videos from YouTube, Hulu or Flickr
  • Adding a Facebook Like button
  • Working with Twitter

Adobe Animate Essentials

  • Creating HTML5 compositions using Adobe Animate
  • Importing graphics
  • Choreographing animations
  • Animating position, size, color, shape, and rotation
  • Using easing effects
  • Understanding Actions
  • Using the Actions Editor
  • Using code snippet library
  • Attaching actions to Elements, Time, Triggers, and the Stage
  • Using Labels in Adobe Animate
  • Creating multiple compositions with Adobe Animate
  • Using semantic tags
  • Working with guides
  • Creating Adobe Animate objects
  • Using the Adobe Animate timeline

Prerequisites

TOP

Before starting this course, we recommend that you have Adobe Creative Cloud web design applications before starting this course. You can license the applications or obtain a free trial version from the Adobe Creative Cloud website.

    Who Should Attend

    TOP

     This training for Adobe Creative Cloud is perfect if you are new to Creative Cloud or are just starting to use web design capabilities.  

    Next Step Courses

    TOP