Recorded Steps

This file contains all the steps and information that was recorded to help you describe the recorded steps to others.

Before sharing this file, you should verify the following:

Passwords or any other text you typed were not recorded, except for function and shortcut keys that you used.

You can do the following:

Steps

Previous Next

Step 1: (‎10/‎11/‎2017 4:07:11 PM) User Comment: "Start with a blank canvas. Drag and drop to bring up the 'Import' dialogue."

Step 1 screenshot.Step 1 screenshot.

Previous Next

Step 2: (‎10/‎11/‎2017 4:07:14 PM) User left click on "Minimize (button)" in "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP"

Step 2 screenshot.Step 2 screenshot.

Previous Next

Step 3: (‎10/‎11/‎2017 4:07:15 PM) User mouse drag start on "cast-black.svg (list item)"

Step 3 screenshot.Step 3 screenshot.

Previous Next

Step 4: (‎10/‎11/‎2017 4:07:19 PM) User mouse drag end on "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP"

Step 4 screenshot.Step 4 screenshot.

Previous Next

Step 5: (‎10/‎11/‎2017 4:07:44 PM) User left click on "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP"

Step 5 screenshot.Step 5 screenshot.

Previous Next

Step 6: (‎10/‎11/‎2017 4:07:49 PM) User left click on "GNU Image Manipulation Program Plug-In - 1 running window (button)"

Step 6 screenshot.Step 6 screenshot.

Previous Next

Step 7: (‎10/‎11/‎2017 4:07:51 PM) User keyboard input on "Render Scalable Vector Graphics (window)" in "Render Scalable Vector Graphics" [... Ctrl-Ctrl ... Tab Tab]

Step 7 screenshot.Step 7 screenshot.

Previous Next

Step 8: (‎10/‎11/‎2017 4:08:00 PM) User left click on "Render Scalable Vector Graphics (window)" in "Render Scalable Vector Graphics"

Step 8 screenshot.Step 8 screenshot.

Previous Next

Step 9: (‎10/‎11/‎2017 4:08:00 PM) User keyboard input on "Render Scalable Vector Graphics (window)" in "Render Scalable Vector Graphics" [... Ctrl-A ... Tab]

Step 9 screenshot.Step 9 screenshot.

Previous Next

Step 10: (‎10/‎11/‎2017 4:09:07 PM) User Comment: "I am adjusting the rendering values to match the size of my canvas, which is 2400x2400px at 300DPI. "

Step 10 screenshot.Step 10 screenshot.

Previous Next

Step 11: (‎10/‎11/‎2017 4:09:08 PM) User left click on "Render Scalable Vector Graphics (window)" in "Render Scalable Vector Graphics"

Step 11 screenshot.Step 11 screenshot.

Previous Next

Step 12: (‎10/‎11/‎2017 4:10:31 PM) User Comment: "As we can see after import and rendering, the SVG is distorted, especially on the left-side of the output image."

Step 12 screenshot.Step 12 screenshot.

Previous Next

Step 13: (‎10/‎11/‎2017 4:10:34 PM) User left click on "Minimize (button)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"

Step 13 screenshot.Step 13 screenshot.

Previous Next

Step 14: (‎10/‎11/‎2017 4:11:16 PM) User Comment: "Let's open up the original SVG in Microsoft Edge to compare:"

Step 14 screenshot.Step 14 screenshot.

Previous Next

Step 15: (‎10/‎11/‎2017 4:11:18 PM) User left double click on "cast-black.svg (list item)"

Step 15 screenshot.Step 15 screenshot.

Previous Next

Step 16: (‎10/‎11/‎2017 4:11:20 PM) User touch gesture

Step 16 screenshot.Step 16 screenshot.

Previous Next

Step 17: (‎10/‎11/‎2017 4:11:21 PM) User touch gesture

Step 17 screenshot.Step 17 screenshot.

Previous Next

Step 18: (‎10/‎11/‎2017 4:11:22 PM) User touch gesture

Step 18 screenshot.Step 18 screenshot.

Previous Next

Step 19: (‎10/‎11/‎2017 4:11:58 PM) User Comment: "After zooming in, Edge shows the SVG file just fine."

Step 19 screenshot.Step 19 screenshot.

Previous Next

Step 20: (‎10/‎11/‎2017 4:11:59 PM) User mouse drag start on "Microsoft Edge (window)" in "C:\Users\jebel\Desktop\cast-black.svg and 1 more page ‎- Microsoft Edge"

Step 20 screenshot.Step 20 screenshot.

Previous Next

Step 21: (‎10/‎11/‎2017 4:12:00 PM) User mouse drag end on "Show tab previews (button)" in "C:\Users\jebel\Desktop\cast-black.svg and 1 more page ‎- Microsoft Edge"

Step 21 screenshot.Step 21 screenshot.

Previous Next

Step 22: (‎10/‎11/‎2017 4:12:03 PM) User touch gesture

Step 22 screenshot.Step 22 screenshot.

Previous Next

Step 23: (‎10/‎11/‎2017 4:12:05 PM) User left click on "GIMP 2 - 1 running window (button)"

Step 23 screenshot.Step 23 screenshot.

Previous Next

Step 24: (‎10/‎11/‎2017 4:12:06 PM) User mouse drag start on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"

Step 24 screenshot.Step 24 screenshot.

Previous Next

Step 25: (‎10/‎11/‎2017 4:12:07 PM) User mouse drag end on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"

Step 25 screenshot.Step 25 screenshot.

Previous Next

Step 26: (‎10/‎11/‎2017 4:12:10 PM) User left click on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"

Step 26 screenshot.Step 26 screenshot.

Previous Next

Step 27: (‎10/‎11/‎2017 4:12:11 PM) User left click on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"

Step 27 screenshot.Step 27 screenshot.

Previous Next

Step 28: (‎10/‎11/‎2017 4:12:14 PM) User left click on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"

Step 28 screenshot.Step 28 screenshot.

Previous Next

Step 29: (‎10/‎11/‎2017 4:12:15 PM) User keyboard input on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP" [... Ctrl-A ... Enter]

Step 29 screenshot.Step 29 screenshot.

Previous Next

Step 30: (‎10/‎11/‎2017 4:12:51 PM) User Comment: "Comparing the original with the rendered output that GIMP shows:"

Step 30 screenshot.Step 30 screenshot.
Return to top of page...

Additional Details

The following section contains the additional details that were recorded.

These details help accurately identify the programs and UI you used in this recording.

This section may contain text that is internal to programs that only very advanced users or programmers may understand.

Please review these details to ensure that they do not contain any information that you would not like others to see.


Recording Session: ‎10/‎11/‎2017 4:06:16 PM - 4:12:51 PM

Recorded Steps: 30, Missed Steps: 0, Other Errors: 0

Operating System: 16299.15.amd64fre.rs3_release.170928-1534 10.0.0.0.2.101

Step 1: User Comment: "Start with a blank canvas. Drag and drop to bring up the 'Import' dialogue."
Program:
UI Elements:

Step 2: User left click on "Minimize (button)" in "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP"
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: Minimize, *[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP, gdkWindowToplevel

Step 3: User mouse drag start on "cast-black.svg (list item)"
Program: Windows Explorer, 10.0.16299.15 (WinBuild.160101.0800), Microsoft Corporation, EXPLORER.EXE, EXPLORER.EXE
UI Elements: cast-black.svg, SysListView32, SHELLDLL_DefView, WorkerW

Step 4: User mouse drag end on "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP"
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: *[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP, gdkWindowToplevel

Step 5: User left click on "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP"
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: *[Untitled]-13.0 (RGB color, 1 layer) 2048x2048 – GIMP, gdkWindowToplevel

Step 6: User left click on "GNU Image Manipulation Program Plug-In - 1 running window (button)"
Program: Windows Explorer, 10.0.16299.15 (WinBuild.160101.0800), Microsoft Corporation, EXPLORER.EXE, EXPLORER.EXE
UI Elements: GNU Image Manipulation Program Plug-In - 1 running window, Running applications, MSTaskListWClass, Running applications, MSTaskSwWClass, ReBarWindow32, Shell_TrayWnd

Step 7: User keyboard input on "Render Scalable Vector Graphics (window)" in "Render Scalable Vector Graphics" [... Ctrl-Ctrl ... Tab Tab]
Program: GNU Image Manipulation Program Plug-In, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, FILE-SVG.EXE -GIMP 82 81 -RUN 0, FILE-SVG.EXE
UI Elements: Render Scalable Vector Graphics, gdkWindowToplevel

Step 8: User left click on "Render Scalable Vector Graphics (window)" in "Render Scalable Vector Graphics"
Program: GNU Image Manipulation Program Plug-In, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, FILE-SVG.EXE -GIMP 82 81 -RUN 0, FILE-SVG.EXE
UI Elements: Render Scalable Vector Graphics, gdkWindowToplevel

Step 9: User keyboard input on "Render Scalable Vector Graphics (window)" in "Render Scalable Vector Graphics" [... Ctrl-A ... Tab]
Program: GNU Image Manipulation Program Plug-In, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, FILE-SVG.EXE -GIMP 82 81 -RUN 0, FILE-SVG.EXE
UI Elements: Render Scalable Vector Graphics, gdkWindowToplevel

Step 10: User Comment: "I am adjusting the rendering values to match the size of my canvas, which is 2400x2400px at 300DPI. "
Program:
UI Elements:

Step 11: User left click on "Render Scalable Vector Graphics (window)" in "Render Scalable Vector Graphics"
Program: GNU Image Manipulation Program Plug-In, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, FILE-SVG.EXE -GIMP 82 81 -RUN 0, FILE-SVG.EXE
UI Elements: Render Scalable Vector Graphics, gdkWindowToplevel

Step 12: User Comment: "As we can see after import and rendering, the SVG is distorted, especially on the left-side of the output image."
Program:
UI Elements:

Step 13: User left click on "Minimize (button)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: Minimize, *[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP, gdkWindowToplevel

Step 14: User Comment: "Let's open up the original SVG in Microsoft Edge to compare:"
Program:
UI Elements:

Step 15: User left double click on "cast-black.svg (list item)"
Program: Windows Explorer, 10.0.16299.15 (WinBuild.160101.0800), Microsoft Corporation, EXPLORER.EXE, EXPLORER.EXE
UI Elements: cast-black.svg, SysListView32, SHELLDLL_DefView, WorkerW

Step 16: User touch gesture
Program: Microsoft Edge, 11.00.16299.15 (WinBuild.160101.0800), Microsoft Corporation, MICROSOFTEDGE.EXE -SERVERNAME:MICROSOFTEDGE.APPXDNHJHCCW3ZF0J06TKG3JTQR00QDM0KHC.MCA, MICROSOFTEDGE.EXE
UI Elements: file://C:\Users\jebel\Desktop\cast-black.svg, Internet Explorer_Server, WebRuntime Component View, Windows.UI.Core.CoreWindow, C:\Users\jebel\Desktop\cast-black.svg, ScrollViewer, LandmarkTarget

Step 17: User touch gesture
Program: Microsoft Edge, 11.00.16299.15 (WinBuild.160101.0800), Microsoft Corporation, MICROSOFTEDGE.EXE -SERVERNAME:MICROSOFTEDGE.APPXDNHJHCCW3ZF0J06TKG3JTQR00QDM0KHC.MCA, MICROSOFTEDGE.EXE
UI Elements: file://C:\Users\jebel\Desktop\cast-black.svg, Internet Explorer_Server, WebRuntime Component View, Windows.UI.Core.CoreWindow, C:\Users\jebel\Desktop\cast-black.svg, ScrollViewer, LandmarkTarget

Step 18: User touch gesture
Program: Microsoft Edge, 11.00.16299.15 (WinBuild.160101.0800), Microsoft Corporation, MICROSOFTEDGE.EXE -SERVERNAME:MICROSOFTEDGE.APPXDNHJHCCW3ZF0J06TKG3JTQR00QDM0KHC.MCA, MICROSOFTEDGE.EXE
UI Elements: file://C:\Users\jebel\Desktop\cast-black.svg, Internet Explorer_Server, WebRuntime Component View, Windows.UI.Core.CoreWindow, C:\Users\jebel\Desktop\cast-black.svg, ScrollViewer, LandmarkTarget

Step 19: User Comment: "After zooming in, Edge shows the SVG file just fine."
Program:
UI Elements:

Step 20: User mouse drag start on "Microsoft Edge (window)" in "C:\Users\jebel\Desktop\cast-black.svg and 1 more page ‎- Microsoft Edge"
Program: Microsoft Edge, 11.00.16299.15 (WinBuild.160101.0800), Microsoft Corporation, MICROSOFTEDGE.EXE -SERVERNAME:MICROSOFTEDGE.APPXDNHJHCCW3ZF0J06TKG3JTQR00QDM0KHC.MCA, MICROSOFTEDGE.EXE
UI Elements: Microsoft Edge, Windows.UI.Core.CoreWindow, C:\Users\jebel\Desktop\cast-black.svg and 1 more page ‎- Microsoft Edge, ApplicationFrameWindow

Step 21: User mouse drag end on "Show tab previews (button)" in "C:\Users\jebel\Desktop\cast-black.svg and 1 more page ‎- Microsoft Edge"
Program: Microsoft Edge, 11.00.16299.15 (WinBuild.160101.0800), Microsoft Corporation, MICROSOFTEDGE.EXE -SERVERNAME:MICROSOFTEDGE.APPXDNHJHCCW3ZF0J06TKG3JTQR00QDM0KHC.MCA, MICROSOFTEDGE.EXE
UI Elements: Show tab previews, ToggleButton

Step 22: User touch gesture
Program: Microsoft Edge, 11.00.16299.15 (WinBuild.160101.0800), Microsoft Corporation, MICROSOFTEDGE.EXE -SERVERNAME:MICROSOFTEDGE.APPXDNHJHCCW3ZF0J06TKG3JTQR00QDM0KHC.MCA, MICROSOFTEDGE.EXE
UI Elements: file://C:\Users\jebel\Desktop\cast-black.svg, Internet Explorer_Server, WebRuntime Component View, Windows.UI.Core.CoreWindow, C:\Users\jebel\Desktop\cast-black.svg, ScrollViewer, LandmarkTarget

Step 23: User left click on "GIMP 2 - 1 running window (button)"
Program: Windows Explorer, 10.0.16299.15 (WinBuild.160101.0800), Microsoft Corporation, EXPLORER.EXE, EXPLORER.EXE
UI Elements: GIMP 2 - 1 running window, Running applications, MSTaskListWClass, Running applications, MSTaskSwWClass, ReBarWindow32, Shell_TrayWnd

Step 24: User mouse drag start on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: *[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP, gdkWindowToplevel

Step 25: User mouse drag end on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: *[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP, gdkWindowToplevel

Step 26: User left click on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: *[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP, gdkWindowToplevel

Step 27: User left click on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: *[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP, gdkWindowToplevel

Step 28: User left click on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP"
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: *[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP, gdkWindowToplevel

Step 29: User keyboard input on "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP (window)" in "*[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP" [... Ctrl-A ... Enter]
Program: GNU Image Manipulation Program, 2.8.22.0, Spencer Kimball, Peter Mattis and the GIMP Development Team, GIMP-2.8.EXE C:\USERS\JEBEL\DESKTOP\LOGOV2.PNG, GIMP-2.8.EXE
UI Elements: *[Untitled]-13.0 (RGB color, 2 layers) 2048x2048 – GIMP, gdkWindowToplevel

Step 30: User Comment: "Comparing the original with the rendered output that GIMP shows:"
Program:
UI Elements:

Return to top of page...