Project Detail
Premium Cybersecurity Shield Lock
Create a premium cybersecurity shield lock Lottie animation in a clean futuristic vector motion-graphic style. Show one large glowing security shield centered on the canvas. Build the shield from clear connected vector parts: a main shield body, inner shield outline, a central lock body, curved lock shackle, small scanner light, glowing status nodes, thin orbit rings behind the shield, subtle circuit connector lines, small floating particles, and a soft glow behind the subject. Composition: The shield should be centered and occupy about 55% of the
Versions
Generation History
Version 1
Success
2026-06-08 10:42:14
AI Blueprint
Motion Plan
{
"mode": "ai_motion_scene_graph",
"title": "Premium Cybersecurity Shield Lock",
"subject": "Glowing futuristic shield with lock and cyber elements",
"intent": "Showcase a premium cybersecurity shield lock in a clean futuristic vector style",
"scene_intent": "Showcase a premium cybersecurity shield lock in a clean futuristic vector style",
"prompt": "Create a premium cybersecurity shield lock Lottie animation in a clean futuristic vector motion-graphic style.\n\nShow one large glowing security shield centered on the canvas. Build the shield from clear connected vector parts: a main shield body, inner shield outline, a central lock body, curved lock shackle, small scanner light, glowing status nodes, thin orbit rings behind the shield, subtle circuit connector lines, small floating particles, and a soft glow behind the subject.\n\nComposition:\nThe shield should be centered and occupy about 55% of the",
"canvas": {
"width": 1200,
"height": 800,
"fps": 30,
"duration_seconds": 6
},
"style": {
"background": "#050B0A",
"primary": "#681DD7",
"secondary": "#111827",
"accent": "#22D3EE",
"text": "#FFFFFF"
},
"groups": [
{
"id": "environment",
"name": "Environment",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 100,
"z_index": 5
},
{
"id": "rings",
"name": "Orbit Rings",
"x": 600,
"y": 400,
"anchor_x": 0,
"anchor_y": 0,
"rotation": 0,
"scale": 1,
"opacity": 70,
"z_index": 10
},
{
"id": "particles",
"name": "Particles",
"x": 600,
"y": 400,
"anchor_x": 0,
"anchor_y": 0,
"rotation": 0,
"scale": 1,
"opacity": 60,
"z_index": 15
},
{
"id": "main_subject",
"name": "Main Subject",
"x": 600,
"y": 400,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 100,
"z_index": 20
},
{
"id": "details",
"name": "Details",
"x": 600,
"y": 400,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 100,
"z_index": 25
},
{
"id": "glow",
"name": "Glow",
"x": 600,
"y": 400,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 80,
"z_index": 18
},
{
"id": "trails",
"name": "Trails",
"x": 0,
"y": 0,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 100,
"z_index": -10
}
],
"objects": [
{
"id": "bg_glow",
"group_id": "glow",
"name": "Soft Glow",
"type": "circle",
"role": "glow",
"x": 600,
"y": 400,
"width": 660,
"height": 660,
"radius": 330,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "",
"stroke_width": 0,
"opacity": 40,
"z_index": 18
},
{
"id": "shield_body",
"group_id": "main_subject",
"name": "Shield Body",
"type": "polygon",
"role": "main_body",
"x": 600,
"y": 400,
"width": 660,
"height": 660,
"radius": 0,
"rotation": 0,
"points": [
[
0,
-330
],
[
270,
-150
],
[
270,
150
],
[
0,
330
],
[
-270,
150
],
[
-270,
-150
]
],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "accent",
"stroke_width": 4,
"opacity": 100,
"z_index": 30
},
{
"id": "shield_inner_outline",
"group_id": "details",
"name": "Inner Outline",
"type": "polygon",
"role": "highlight",
"x": 600,
"y": 400,
"width": 600,
"height": 600,
"radius": 0,
"rotation": 0,
"points": [
[
0,
-300
],
[
245,
-135
],
[
245,
135
],
[
0,
300
],
[
-245,
135
],
[
-245,
-135
]
],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "accent",
"stroke_width": 2,
"opacity": 80,
"z_index": 35
},
{
"id": "lock_body",
"group_id": "main_subject",
"name": "Lock Body",
"type": "rounded_rect",
"role": "main_body",
"x": 600,
"y": 460,
"width": 160,
"height": 140,
"radius": 30,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "accent",
"stroke_width": 3,
"opacity": 100,
"z_index": 40
},
{
"id": "lock_shackle",
"group_id": "main_subject",
"name": "Lock Shackle",
"type": "ellipse",
"role": "highlight",
"x": 600,
"y": 400,
"width": 120,
"height": 80,
"radius": 40,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "accent",
"stroke_width": 4,
"opacity": 100,
"z_index": 45
},
{
"id": "scanner_light",
"group_id": "details",
"name": "Scanner Light",
"type": "circle",
"role": "light",
"x": 600,
"y": 520,
"width": 20,
"height": 20,
"radius": 10,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "",
"stroke_width": 0,
"opacity": 100,
"z_index": 50
},
{
"id": "status_node_1",
"group_id": "details",
"name": "Status Node 1",
"type": "circle",
"role": "node",
"x": 520,
"y": 350,
"width": 18,
"height": 18,
"radius": 9,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "",
"stroke_width": 0,
"opacity": 90,
"z_index": 50
},
{
"id": "status_node_2",
"group_id": "details",
"name": "Status Node 2",
"type": "circle",
"role": "node",
"x": 680,
"y": 350,
"width": 18,
"height": 18,
"radius": 9,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "",
"stroke_width": 0,
"opacity": 90,
"z_index": 50
},
{
"id": "status_node_3",
"group_id": "details",
"name": "Status Node 3",
"type": "circle",
"role": "node",
"x": 600,
"y": 300,
"width": 18,
"height": 18,
"radius": 9,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "",
"stroke_width": 0,
"opacity": 90,
"z_index": 50
},
{
"id": "orbit_ring_1",
"group_id": "rings",
"name": "Orbit Ring 1",
"type": "ring",
"role": "ring",
"x": 600,
"y": 400,
"width": 720,
"height": 720,
"radius": 360,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 2,
"opacity": 40,
"z_index": 10
},
{
"id": "orbit_ring_2",
"group_id": "rings",
"name": "Orbit Ring 2",
"type": "ring",
"role": "ring",
"x": 600,
"y": 400,
"width": 600,
"height": 600,
"radius": 300,
"rotation": 15,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 30,
"z_index": 11
},
{
"id": "circuit_line_1",
"group_id": "details",
"name": "Circuit Line 1",
"type": "line",
"role": "connector",
"x": 600,
"y": 400,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
600,
460
],
[
600,
520
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 70,
"z_index": 45
},
{
"id": "circuit_line_2",
"group_id": "details",
"name": "Circuit Line 2",
"type": "line",
"role": "connector",
"x": 600,
"y": 400,
"width": 0,
"height": 0,
"radius": 0,
"rotation": 0,
"points": [
[
540,
430
],
[
480,
390
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 70,
"z_index": 45
},
{
"id": "particle_1",
"group_id": "particles",
"name": "Particle 1",
"type": "circle",
"role": "particle",
"x": 520,
"y": 460,
"width": 8,
"height": 8,
"radius": 4,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "",
"stroke_width": 0,
"opacity": 50,
"z_index": 15
},
{
"id": "particle_2",
"group_id": "particles",
"name": "Particle 2",
"type": "circle",
"role": "particle",
"x": 680,
"y": 460,
"width": 6,
"height": 6,
"radius": 3,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "",
"stroke_width": 0,
"opacity": 50,
"z_index": 15
}
],
"timeline": [
{
"target_group_id": "main_subject",
"animation": "hover_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 1,
"loop": true
},
{
"target_group_id": "rings",
"animation": "orbit_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 1,
"loop": true
},
{
"target_group_id": "particles",
"animation": "drift_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.5,
"loop": true
},
{
"target_group_id": "details",
"animation": "pulse_loop",
"start_frame": 0,
"end_frame": 120,
"intensity": 0.7,
"loop": true
},
{
"target_group_id": "glow",
"animation": "shimmer_loop",
"start_frame": 0,
"end_frame": 150,
"intensity": 0.8,
"loop": true
}
],
"quality_notes": "Compact vector shapes with glowing accent colors and subtle animations for a premium futuristic cybersecurity shield lock.",
"_model_used": "gpt-4.1-mini",
"_raw_response_id": "resp_09d6084ebbe1cc35006a269c564d408196b664deada91ac904",
"_tokens_used": 2932,
"_prompt_tokens": 1009,
"_completion_tokens": 1923,
"transparent_background": false,
"_graph_quality": {
"passed": true,
"issues": [],
"warnings": [],
"roles": [
"glow",
"main_body",
"highlight",
"light",
"node",
"ring",
"connector",
"particle"
],
"required_roles": [],
"object_count": 15,
"group_count": 7,
"timeline_count": 5
},
"_lottie_quality": {
"passed": true,
"score": 100,
"issues": [],
"warnings": [],
"stats": {
"layers": 54,
"shape_layers": 54,
"text_layers": 0,
"visible_layers": 6,
"animated_layers": 53,
"foreground_layers": 53,
"particle_like_layers": 10,
"canvas_width": 1200,
"canvas_height": 800
}
}
}
Rendered Project
Ready
Live Lottie Preview
Loading preview
The saved JSON animation will render here.