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:43:48
AI Blueprint
Motion Plan
{
"mode": "ai_motion_scene_graph",
"title": "Premium Cybersecurity Shield Lock",
"subject": "A glowing futuristic security shield with central lock and orbit rings",
"intent": "To represent premium cybersecurity with a clean vector motion graphic style",
"scene_intent": "To represent premium cybersecurity with a clean vector motion graphic 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": "#D41DD7",
"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": 0
},
{
"id": "rings",
"name": "Orbit Rings",
"x": 600,
"y": 400,
"anchor_x": 0,
"anchor_y": 0,
"rotation": 0,
"scale": 1,
"opacity": 70,
"z_index": 5
},
{
"id": "particles",
"name": "Floating Particles",
"x": 600,
"y": 400,
"anchor_x": 0,
"anchor_y": 0,
"rotation": 0,
"scale": 1,
"opacity": 60,
"z_index": 10
},
{
"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 Behind Subject",
"x": 600,
"y": 400,
"anchor_x": 600,
"anchor_y": 400,
"rotation": 0,
"scale": 1,
"opacity": 50,
"z_index": 15
},
{
"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": "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,
-270
],
[
330,
0
],
[
270,
270
],
[
0,
330
],
[
-270,
270
],
[
-330,
0
],
[
-270,
-270
]
],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "accent",
"stroke_width": 6,
"opacity": 100,
"z_index": 30
},
{
"id": "shield_inner_outline",
"group_id": "main_subject",
"name": "Inner Shield Outline",
"type": "polygon",
"role": "highlight",
"x": 600,
"y": 400,
"width": 600,
"height": 600,
"radius": 0,
"rotation": 0,
"points": [
[
0,
-300
],
[
245,
-245
],
[
300,
0
],
[
245,
245
],
[
0,
300
],
[
-245,
245
],
[
-300,
0
],
[
-245,
-245
]
],
"text": "",
"font_size": 0,
"fill": "none",
"stroke": "accent",
"stroke_width": 3,
"opacity": 80,
"z_index": 31
},
{
"id": "lock_body",
"group_id": "main_subject",
"name": "Lock Body",
"type": "rounded_rect",
"role": "main_body",
"x": 600,
"y": 460,
"width": 160,
"height": 180,
"radius": 40,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "secondary",
"stroke": "accent",
"stroke_width": 4,
"opacity": 100,
"z_index": 32
},
{
"id": "lock_shackle",
"group_id": "main_subject",
"name": "Lock Shackle",
"type": "ellipse",
"role": "highlight",
"x": 600,
"y": 390,
"width": 140,
"height": 100,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "none",
"stroke": "accent",
"stroke_width": 6,
"opacity": 90,
"z_index": 33
},
{
"id": "scanner_light",
"group_id": "main_subject",
"name": "Scanner Light",
"type": "circle",
"role": "light",
"x": 600,
"y": 520,
"width": 24,
"height": 24,
"radius": 12,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 34
},
{
"id": "status_node_1",
"group_id": "details",
"name": "Status Node 1",
"type": "circle",
"role": "node",
"x": 520,
"y": 350,
"width": 20,
"height": 20,
"radius": 10,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 35
},
{
"id": "status_node_2",
"group_id": "details",
"name": "Status Node 2",
"type": "circle",
"role": "node",
"x": 680,
"y": 350,
"width": 20,
"height": 20,
"radius": 10,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 35
},
{
"id": "status_node_3",
"group_id": "details",
"name": "Status Node 3",
"type": "circle",
"role": "node",
"x": 600,
"y": 300,
"width": 20,
"height": 20,
"radius": 10,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 100,
"z_index": 35
},
{
"id": "orbit_ring_1",
"group_id": "rings",
"name": "Orbit Ring 1",
"type": "ring",
"role": "ring",
"x": 600,
"y": 400,
"width": 800,
"height": 800,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "primary",
"stroke_width": 2,
"opacity": 50,
"z_index": 5
},
{
"id": "orbit_ring_2",
"group_id": "rings",
"name": "Orbit Ring 2",
"type": "ring",
"role": "ring",
"x": 600,
"y": 400,
"width": 700,
"height": 700,
"radius": 0,
"rotation": 15,
"points": [],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 3,
"opacity": 40,
"z_index": 6
},
{
"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,
400
],
[
540,
350
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 2,
"opacity": 70,
"z_index": 36
},
{
"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": [
[
600,
400
],
[
660,
350
]
],
"text": "",
"font_size": 0,
"fill": "transparent",
"stroke": "accent",
"stroke_width": 2,
"opacity": 70,
"z_index": 36
},
{
"id": "particle_1",
"group_id": "particles",
"name": "Particle 1",
"type": "circle",
"role": "particle",
"x": 480,
"y": 300,
"width": 12,
"height": 12,
"radius": 6,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 50,
"z_index": 10
},
{
"id": "particle_2",
"group_id": "particles",
"name": "Particle 2",
"type": "circle",
"role": "particle",
"x": 720,
"y": 460,
"width": 10,
"height": 10,
"radius": 5,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "accent",
"stroke": "none",
"stroke_width": 0,
"opacity": 50,
"z_index": 10
},
{
"id": "glow_behind",
"group_id": "glow",
"name": "Soft Glow",
"type": "ellipse",
"role": "glow",
"x": 600,
"y": 400,
"width": 900,
"height": 900,
"radius": 0,
"rotation": 0,
"points": [],
"text": "",
"font_size": 0,
"fill": "primary",
"stroke": "none",
"stroke_width": 0,
"opacity": 30,
"z_index": 15
}
],
"timeline": [
{
"target_group_id": "main_subject",
"animation": "pulse_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": "shimmer_loop",
"start_frame": 30,
"end_frame": 150,
"intensity": 0.7,
"loop": true
},
{
"target_group_id": "glow",
"animation": "grow_loop",
"start_frame": 0,
"end_frame": 180,
"intensity": 0.6,
"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_04ab73c48e4be90e006a269cc6bf748197863f01e124a844a1",
"_tokens_used": 2983,
"_prompt_tokens": 1011,
"_completion_tokens": 1972,
"transparent_background": false,
"_graph_quality": {
"passed": true,
"issues": [],
"warnings": [],
"roles": [
"main_body",
"highlight",
"light",
"node",
"ring",
"connector",
"particle",
"glow"
],
"required_roles": [],
"object_count": 15,
"group_count": 7,
"timeline_count": 5
},
"_lottie_quality": {
"passed": true,
"score": 100,
"issues": [],
"warnings": [],
"stats": {
"layers": 53,
"shape_layers": 53,
"text_layers": 0,
"visible_layers": 34,
"animated_layers": 52,
"foreground_layers": 52,
"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.