Design

Dreamora cloud logo

Category: Design
Platform: Windows
Length: 54 min
Resolution: 1920 × 1080
Software: Adobe Illustrator

Samples play on a computer

54min

970clicks

146keys

Adobe Illustrator · Windows

00:00 / 54:11

Events4,159

00:00.000AppAdobe Illustrator 2026

00:00.000Move519, 249 → 520, 248

00:00.094Move521, 246 → 269, 269

00:01.014Click269, 269

00:01.246Move270, 269 → 750, 575

00:02.190Move750, 574 → 749, 562

00:02.614Click749, 562

00:03.054Move747, 562 → 741, 563

00:03.127Move740, 563 → 739, 563

00:03.422Move739, 563 → 756, 386

00:03.646Move755, 380 → 1919, 497

00:05.335Move1917, 498 → 1889, 594

00:05.511Move1887, 600 → 1700, 727

00:05.638Move1678, 732 → 1659, 737

00:05.654Move1642, 741 → 1273, 768

00:05.822Move1236, 768 → 1314, 1004

00:07.079Click1314, 1004

00:07.367Drag1314, 1004 → 1294, 1004

00:08.542Move1292, 1004 → 969, 548

00:09.094ScrollDown

00:09.126ScrollDown

00:09.471Move969, 547 → 1294, 1004

00:11.024Click1294, 1004

00:11.822Move1297, 1005 → 53, 228

00:16.046Move53, 228 → 27, 219

00:17.230Move27, 219 → 27, 215

00:17.951Click27, 215

00:18.222Move28, 216 → 272, 395

00:19.126Move272, 394 → 276, 389

00:19.583Move276, 388 → 276, 385

00:20.143Click276, 385

00:20.399Move278, 384 → 362, 308

00:20.830Move363, 306 → 364, 301

00:21.415Move364, 300 → 372, 294

00:22.142Move372, 294 → 369, 297

00:23.686Move368, 297 → 367, 297

00:23.983Move367, 296 → 370, 294

00:24.631Move370, 294 → 365, 294

00:25.022Move365, 294 → 373, 293

00:25.358Move373, 293 → 371, 293

Loading events

Narration324

00:00
Opened a reference JPEG from the Open dialog in Illustrator, then zoomed in on the Dreamora logo and repositioned the canvas to inspect it closely.
Inspect the logo reference at higher magnification.
00:09
Continued adjusting the zoom and canvas position around the enlarged cloud logo, then selected the Pen tool.
Prepare to trace the logo artwork.
00:18
Clicked along the upper-left edge of the cloud emblem with the Pen tool, placing anchor points and beginning a straight-edged path over the outline.
Trace the cloud emblem's outer contour.
00:28
Continued placing Pen-tool anchor points from the left side up over the cloud's upper curve and toward the first star, extending the angular outline.
Continue tracing the emblem outline.
00:39
Added more anchor points across the top of the cloud and around the first star, then extended the path toward the second star; the new path began to obscure parts of the reference.
Trace the top contour and star details.
00:49
Continued placing Pen-tool points around the second star and across the upper-right cloud edge toward the pointed side ornament, extending the angular path over the reference.
Continue tracing the remaining upper-right outline.
01:01
Continued placing Pen-tool anchor points around the upper and right edge of the character artwork, extending the angular path down toward the lower-right outline.
Trace the character illustration with a vector path.
01:11
Scrolled the canvas and added more Pen-tool points around the lower-right edge, then clicked the Swap Fill and Stroke control; the selected path changed to show no fill and a stroke.
Continue tracing and adjust the path's appearance.
01:20
Added a Pen-tool point near the lower-right contour and another along the bottom edge, extending the selected path around the character.
Continue tracing the character outline.
01:30
Placed additional Pen-tool points along the lower-left contour, connecting the bottom edge toward the left side of the character.
Continue tracing the character outline.
01:40
Dragged and clicked along the left contour to add and shape path segments, then scrolled the canvas slightly.
Refine the vector path around the character's left side.
01:49
Added anchor points along the upper-left contour and near the upper portion of the character, continuing the selected outline path.
Continue tracing the character illustration.
01:58
Scrolled through the enlarged mascot artwork, then clicked several points along its upper outline with the Pen tool to place or adjust path anchors.
Trace the mascot’s outline in the Illustrator image.
02:09
Clicked additional points along the mascot’s upper-right and right edges, extending the selected path, then scrolled the canvas downward to bring more of the lower outline into view.
Continue tracing the mascot’s outline.
02:19
Clicked and dragged along the lower-right contour to add or adjust path anchors and handles around the mascot’s edge.
Shape the traced path to follow the mascot’s contour.
02:29
Dragged the Pen-tool path across the mascot’s lower edge and clicked around the lower-left contour to place or adjust anchors.
Continue tracing the mascot’s lower outline.
02:40
Clicked and briefly dragged on an anchor along the upper-left curve, then clicked an existing anchor point to modify the selected path.
Refine the traced path along the mascot’s left edge.
02:51
Clicked an anchor on the left side and another near the upper portion of the selected path, making further adjustments to the outline.
Refine the mascot’s traced outline.
03:01
Clicked successive points with the Pen tool to extend an open path around the upper and right edge of the mascot’s white face, adding anchor points over the purple outline.
Trace the mascot face contour in the image.
03:12
Added more Pen-tool anchor points down the face’s right edge toward the lower-right spike, then increased the zoom from 150% to 600% to inspect that junction closely.
Refine and inspect the traced face outline.
03:21
Adjusted the path around the small lower-right contour junction with a drag, then reduced the zoom from 600% through 400% to 200% to review the outline in context.
Smooth the traced contour around the lower-right spike and check its alignment.
03:31
Added an anchor point along the lower-left face edge, then clicked the left boundary to continue the selected path around the face.
Continue tracing the lower edge of the mascot’s face.
03:42
Scrolled to reposition the close-up, then clicked successive points on the right eye to draw a short path across it.
Trace the outline of the mascot’s right eye.
03:52
Clicked additional points around the right eye, then placed points along the curved smile to begin tracing it.
Trace the mascot’s facial features.
04:02
Adjusted the selected mouth path by dragging its anchor points and handles, refining the curve. Right-clicked near the left toolbar as the active application changed.
Refine the character's mouth outline in the illustration.
04:16
Scrolled to reposition the zoomed artwork, then dragged and clicked around the upper outline to adjust its path points and handles. Moved the Illustrator window and continued editing the selected path.
Refine the character's outer contour in the illustration.
04:26
Clicked and dragged along the upper contour, adjusting several path points and handles around the curved arch and star-like tips.
Smooth and shape the character's upper outline.
04:36
Continued clicking and dragging around the lower-left and right portions of the selected outline, adjusting anchor points and curve handles.
Refine the character outline in the zoomed illustration.
04:46
Clicked and dragged along the upper-right contour and star-like points, making further adjustments to the selected path.
Continue refining the character's outer contour.
05:00
Dragged and clicked around the rightmost star-like point, adjusting its anchor points and curve handles. Right-clicked near the left toolbar at the end of the span.
Shape the rightmost point of the character's outline.
05:11
Switched to the Illustrator reference image and used the anchor-point tool on the selected purple outline around the character; clicked along the path to adjust its points.
Refine the traced outline around the character in the reference image.
05:20
Continued working on the selected outline, scrolled to reposition the enlarged artwork, and dragged along the path near the character's right edge to adjust its contour.
Shape the traced outline to follow the character more closely.
05:32
Dragged the selected path's anchor and handle near the right-side curve, changing the contour of the purple outline.
Smooth and refine the right edge of the traced outline.
05:52
Dragged along the selected path on the right edge and adjusted its anchor handles, refining the curve from the upper side toward the lower outline.
Continue refining the traced character outline.
06:03
Continued dragging the selected path's anchors and handles around the right-side curve, then scrolled the canvas to reposition the artwork.
Adjust the outline curve and bring the lower portion into view.
06:12
Dragged the selected path and its handles near the lower-right star-like point, adjusting the contour along the bottom of the character outline.
Refine the lower edge and pointed extension of the traced outline.
06:21
Scrolled around the zoomed-in artwork, then dragged selected path anchors along the character’s lower outline and repositioned the canvas view.
Refine the vector outline around the character’s lower edge.
06:30
Clicked and repeatedly dragged path anchors along the character’s left and lower contour, adjusting the outline’s curve and corners.
Smooth and shape the character’s vector outline.
06:40
Continued dragging contour anchors around the lower edge and left-side star point, then scrolled the canvas and selected another anchor near the upper-left contour.
Refine the vector path around the character’s outline.
06:50
Dragged and adjusted multiple anchors along the upper-left curve and crown of the outline, then scrolled to reposition the view.
Shape the upper contour of the character’s vector outline.
07:00
Dragged path anchors across the character’s upper contour and crown, refining the curve toward the small star-tipped projection on the right.
Refine the character’s upper outline in the vector artwork.
07:09
Continued dragging anchors along the upper-right curve and small rounded projection, smoothing the selected contour.
Smooth the upper-right portion of the character’s vector outline.
07:19
Selected and repeatedly dragged anchor points along the cloud character’s upper outline, then clicked and scrolled while refining the path.
Adjust the vector path around the character’s cloud outline.
07:30
Clicked and dragged several points along the cloud’s upper-right contour, adjusting the selected path around the curve and pointed edge.
Refine the vector outline around the cloud character.
07:40
Clicked and dragged path points along the cloud’s right edge, then continued manipulating the contour near the lower-right curve.
Shape the vector path along the cloud character’s right side.
07:50
Dragged and clicked around the lower-right contour and the adjoining pointed flourish, making further path adjustments and scrolling the view.
Refine the selected vector outline around the lower portion of the illustration.
08:00
Continued dragging and clicking path points along the cloud’s lower-right curve and adjoining flourish, adjusting the contour as the view moved downward.
Smooth and align the selected outline around the lower curve.
08:10
Clicked and repeatedly dragged points around the junction of the cloud outline and purple flourish, refining the small corner and adjoining curve.
Adjust the vector path at the lower junction of the illustration.
08:17
Clicked the selected purple outline path near its lower-right point, then clicked again near the lower-right edge of the canvas.
Adjust the selected vector outline of the character artwork.
08:27
Dragged along several points on the purple outline around the cloud character, then clicked and continued manipulating the path near its lower edge.
Refine the cloud character's vector contour.

08:36
Continued dragging and clicking along the inner and lower contour of the cloud, adjusting path anchors and handles; scrolled downward several notches near the end.
Smooth and refine the cloud character's vector outline.
08:46
Clicked and dragged around the right eye, adjusting its path points and curve handles to refine its shape.
Refine the vector shape of the character's right eye.
08:57
Continued editing the right eye with several clicks and drags around its lower edge, then clicked the Selection tool.
Finish shaping and select the right-eye object.
09:09
Clicked and dragged on the left eye to select and adjust its vector shape, then resized the Illustrator window slightly and clicked the Selection tool again.
Refine the left-eye vector object and return to object selection.
09:19
Selected the mouth path and dragged its anchor points and handles to refine the smile curve, then continued adjusting the path.
Refine the character's facial features in the vector artwork.
09:28
Continued dragging the smile's anchor points and Bézier handles, making small adjustments to its curve.
Fine-tune the character's smile shape.
09:38
Made further small drags around the smile, then clicked the main face outline to select its path, revealing the outline's anchor points.
Move from facial detail work to editing the character's face contour.
09:57
Dragged points and handles along the upper-left and top portions of the selected face outline, reshaping its contour.
Refine the outline of the character's face.
10:07
Continued adjusting the selected face path with repeated drags, shaping the upper-right bumps and adjacent curve.
Smooth and refine the face contour.
10:17
Dragged anchor points and handles down the right side of the selected face path, refining the cheek and lower-right contour.
Complete the face-outline adjustments on the right side.
10:27
Dragged repeatedly along the selected inner cloud path to adjust its anchor points and curves, then pressed Ctrl+Z to undo the last edit.
Refine the contour of the cloud shape.
10:39
Continued dragging the selected path’s anchor points and handles, reshaping the left and lower-left contour of the cloud.
Smooth and refine the cloud outline.
10:48
Dragged along the lower-left edge of the selected path to adjust its curve, then clicked the Selection tool.
Refine the cloud’s lower-left contour and return to object selection.
10:55
Selected the cloud object with the Selection tool, leaving its bounding box visible.
Select the cloud artwork for further editing.
11:04
Clicked around the artwork and scrolled repeatedly to change the view scale, then clicked the canvas and controls in the Properties panel while keeping the cloud artwork selected.
Adjust the view and continue editing the selected artwork.
11:22
Opened the Color Picker from the image controls, clicked in its color controls, and closed the dialog; then clicked the Selection tool and another canvas location.
Choose or adjust a color for the selected image.
11:31
Clicked and adjusted the selected purple cloud graphic in Illustrator, then changed its appearance so the selected shape displayed without a fill and with a 1 pt stroke.
Refine the appearance of the cloud illustration.
11:43
Selected the white inner cloud path and adjusted its appearance using the Color panel; scrolled while working on the enlarged illustration.
Edit the inner cloud shape's appearance.
11:55
Zoomed out from 200% to 150% to view more of the selected cloud illustration, then opened a context menu from the left toolbar.
Review the full illustration and access a drawing or path-editing tool.
12:08
Returned to the artwork, zoomed back in to 200%, and scrolled around the lower edge of the cloud while working with the path-editing controls; then opened the toolbar context menu again.
Edit the cloud path around its lower contour.
12:18
Opened the path-tool flyout, showing Pen Tool, Add Anchor Point Tool, Delete Anchor Point Tool, and Anchor Point Tool, then clicked back on the artwork.
Choose a path-editing tool for the cloud outline.
12:24
Returned to the artwork, clicked and dragged along the selected path near the lower-right pointed edge, scrolled, and continued dragging an anchor point or path handle.
Adjust the contour of the cloud's outer path.
12:34
Dragged repeatedly along the selected purple outline, adjusting its path around the lower-right pointed edge of the illustration, then opened a tool flyout and clicked near the left toolbar.
Refine the vector outline around the illustration.
12:49
Opened the path-tool flyout, used Undo twice, and clicked the left toolbar; the selected character path remained visible.
Adjust or revert recent path edits.
12:55
Switched tools, used Undo three times, and clicked near the right-side properties controls while the character artwork stayed selected; the application window was briefly resized.
Continue refining the selected vector path.
13:04
Clicked the artwork and adjusted path points near the small junction on the right side of the face, then clicked the right-side properties controls and briefly resized the window.
Smooth the character outline at the face-to-border junction.
13:13
Selected the path and clicked around the small upper-right junction of the face outline, making a subtle anchor-point adjustment; the window was briefly resized.
Refine the outline where the face meets the purple border.
13:21
Selected the path and clicked near the same upper-right junction, then added or adjusted an anchor point there.
Fine-tune the face outline at its upper-right junction.
13:27
Selected and repeatedly adjusted anchor points along the lower-right edge of the white character shape, refining its curved contour where it meets the purple outline.
Refine the character silhouette path in the Illustrator artwork.
13:44
Continued selecting and adjusting anchor points around the lower-right contour, then resized the Illustrator window during the edits.
Continue refining the character silhouette path.
13:55
Switched back to the artwork and used the Pen tool near the lower-right contour, then adjusted the window size.
Edit the character outline near the right-side accent.
14:02
Opened the Pen tool flyout and displayed its anchor-point editing options.
Choose an Illustrator path-editing tool.
14:07
Dragged and clicked along the lower-right curve of the selected character path, adjusting its anchor or handle to smooth the transition into the bottom edge.
Refine the lower-right curve of the character shape.
14:12
Continued adjusting the lower-right path anchor and nearby curve, then pressed several undo shortcuts while revising the path.
Refine the selected character contour and revert some recent path edits.
14:30
Viewed the enlarged cloud-character artwork in Illustrator, used undo shortcuts, and scrolled while the selected path and its bounding handles remained visible.
Refine and inspect the cloud outline in the illustration.
14:39
Switched back to the artwork, clicked around the cloud outline and interior, and left multiple objects selected.
Select artwork components for editing.
14:43
Clicked the cloud artwork and edited its path, changing the visible blue selection from the combined artwork to a path tracing the cloud face.
Adjust the cloud-face path.
14:47
Opened the anchor-point tool flyout, then repeatedly dragged along the selected cloud path to reshape its curve and clicked additional points around the outline.
Refine the cloud outline by adjusting its anchor points and curves.
15:00
Continued dragging and clicking along the selected purple outline, then used undo and adjusted points around the cloud's left and lower edges.
Fine-tune the purple border path around the cloud character.
15:19
Switched back to the artwork, clicked the selected path near the cloud's left side, and continued adjusting its curve.
Continue refining the cloud outline path.
15:24
Switched to the open image in Illustrator, selected points along the cloud illustration’s purple outline, and dragged repeatedly to adjust the path handles and contour.
Refine the vector outline of the cloud illustration.
15:34
Continued selecting and dragging anchor points and handles along the cloud’s left outline, reshaping the curve and nearby transitions.
Smooth and refine the cloud’s vector contour.
15:46
Dragged selected path points and handles along the cloud’s left edge to refine its curve, then scrolled over the canvas.
Continue refining the vector outline and reposition the canvas view.
15:56
Dragged along the upper-right portion of the selected cloud outline, then scrolled and resized or moved the Illustrator window, leaving the canvas view shifted.
Adjust the cloud outline and change the visible canvas area.
16:04
Scrolled over the canvas to reposition the artwork vertically, then clicked and dragged a point on the lower-right purple outline.
Navigate the artwork and refine its lower-right contour.
16:14
Continued dragging anchor points and handles around the lower-right purple outline, adjusting the star-like point and adjacent curve, then scrolled over the canvas.
Refine the lower-right section of the vector outline and reposition the view.
16:24
Clicked and dragged along the left pointed edge of the selected cloud outline, adjusting its path anchors and handles; clicked controls near the upper-left toolbar and continued editing the contour.
Refine the pointed contour of the cloud illustration.
16:34
Continued dragging and adjusting the selected outline's anchors. Resized or moved the Illustrator window repeatedly, then clicked and dragged on the artwork and opened a tool flyout from the left toolbar.
Continue refining the cloud illustration's outline.
16:47
Opened the left-toolbar tool flyout, selected a path-editing option, and clicked and dragged around the upper-left spike to modify its anchor points.
Adjust the shape of the cloud outline at its pointed edge.
16:52
Reopened the path-editing tool flyout and selected a tool, then clicked and dragged around the upper-left spike and nearby contour to adjust its anchors and curves.
Fine-tune the cloud outline's path.

Trace and develop the Dreamora cloud mascot and logo in Adobe Illustrator.

Traced and refined the Dreamora cloud mascot in Illustrator, adjusting its shapes, facial features, colors, stars, and wordmark before saving the logo as dreamora.ai. Later browsed the Downloads folder in Illustrator’s Open dialog.

clip.mp4The screen recording83 MB events.jsonEvery input logged, synced to the video clock60 MB frame_events.jsonEvery input logged, synced per frame57 MB narration.jsonDescriptions of what happened, and why140 KB metadata.jsonThe session's facts3 KB

More from this set

All 21 samples →

Coding · Windows48 min

Customer CRUD API

48 minSpring Tools for Eclipse, MySQL Workbench, Postman, Google Chrome

Spring Tools for Eclipse +3

Browser · Windows27 min

Browse Myntra menswear

27 minGoogle Chrome

Chrome

Productivity · Windows35 min

ML Results Document

35 minMicrosoft Word, PyCharm

Word +1

All 21 samples→