The hotspot "on view - cycle next number (0% to 19%)", located above the large numbers on the canvas, has an On View Cycle – Next interaction. This interaction triggers the slideshow to continuously cycle through the text layers in the group "0% to 19%" at a .01 sec rate. Once it cycles through all the text layers, the last layer in the group is an additional hotspot "on view - stop cycle" which has two interactions applied to it. The first interaction shows the last text layer, "19%". The second interaction hides the "on view - cycle next number (0% to 19%)" hotspot to prevent it from cycling through the group again.
To replace an image, select the png or jpeg on the canvas or in the layers panel and click the "Replace image" button, which is next to the image thumbnail in the design panel. Any applied animations, interactions, image edits, or object states to the original image will carry over to the new one.
Tip: Try to make the new image a similar size and dimension to the image being replaced.
Object states give you the ability to assign various “states” to an element on the canvas. You can also apply object states to images that have been masked to create some really unique effects. In this example the image has a default state and a hover state. In the hover state, the image increases in size. The image is masked to the rounded square shape. Thus, when the user hovers over the image it looks like the image is zooming in as the image is constrained to the masked rounded square shape.
Remove the background of images by simply right clicking on an image and selecting “Remove Background.” In a matter of seconds, the foreground will be detected, and everything else behind it will disappear automatically, leaving behind an image with a completely transparent background.
Masking assets in the studio allows you to transform images and GIFs into virtually any shape you want. To mask an image, place a shape over the image on the canvas. This can be a standard shape (circle, square, triangle) from the Ceros shape tool, or a custom shape you’ve created using the path tool. You can also use PNG images and SVG Icons as masking objects as well. Then, select both the masking shape and original asset by holding down shift and clicking on both objects on the canvas or in your layers panel. With both objects selected, right click and select “Create Mask” from the right click menu. Your original asset will be cropped into the masking shape that you’ve applied.
Create an engaging and interactive landing page to display features using object states, masks, and blending modes.
Template - Professional Services Landing Page
1280px x 2050px
The "On Click- Cycle Next/Previous" interaction triggers the carousel to cycle to the next asset or group of assets in a designated folder or group.
Industry Overview
of jobs require
an associate
degree or advanced technical training
65%
CCDI provides training and educational support to jobseekers entering the construction industry.
in labor equals
1% increase
Labor shortages lead to a strained workforce, which can result in cost and schedule overruns. The push for workers to remain on time and on budget under these conditions has been proven to increase the rate of safety incidents.
in cost reduction
$7 billion
of the labor force is
Only 7%
under 25
CCDI offers a mentoring program for students looking to join the construction industry that has a high rate of full-time employment after graduation.
over 45
of the work force is
44%
The impact of the labor shortage on safety, productivity, and construction costs is going to increase as the current workforce approaches retirement age.
Get Involved
Our CCDI St. Louis communities are vibrant and collaborative. Through the support of our partners and the efforts of our participants, CCDI has grown and proved that bringing positive change through workforce development is possible. If you are interested in supporting our CCDI community, visit our Support page or contact a local member of the CCDI team.
CCDI STL
Rachel Boemer
Program Director
rachelboemer@ccdi.org
314.258.2460
CCDI CHI
CCDI PHX
Sam Boynes
Manager of Public-Private Initiatives
boyness@claycorp.com
312.216.5469
Theo Lander
Senior Project Manager
landert@claycorp.com
314.449.2639
CCDI Chicago visited with Revolution Workshop to tour their facility and sit in on one of their training classes preparing people for careers in the construction industry. It was inspiring to hear about the organization’s latest accomplishments and success stories. The impact they’re making—helping individuals gain skills, stability, and opportunity—is truly powerful.
Shayla Fuller represented CCDI Atlanta at the Newton and Rockdale Student Workforce Experience at Georgia Piedmont Technical College. The event hosted 70 local seniors who are interested in earning certifications and moving directly into the workforce. Rivian, Georgia Power Company, Clayco and MAU Workforce Solutions joined to speak with students about career pathways and opportunities in the industry.
CCDI St. Louis hosted a Saturday Academy at Clayco in partnership with Millstone Weber, LLC Project PAVE program. The focus of this session was construction technology and blueprint reading. Students learned how to read blueprints and use an architectural scale and other measuring tools to better understand how ideas translate into the built environment.
CCDI South Bend was proud to present Safety Engineer Intern, Rickey Stevenson, with a college scholarship to cover his final school year at Murray State! Rickey was been a great addition to his team during his internship. He brought a positive attitude and came to the job every day ready to learn and work. He was welcomed back to the Clayco team after graduation with a full-time position.