Lottie animation
Prompt
Generate an Lottie of a walrus playing electric guitar at a rock concert
Below is a fully-working (but very simple and cartoony) Lottie / Bodymovin file showing
a walrus on stage, strumming an electric guitar while coloured spot-lights pulse.
Copy everything between the { … } braces into a file called walrus_rock.json and load it
with any Lottie player (lottie-web, lottie-react-native, after-effects preview, etc.).
The animation is 500 × 500 px, 6 seconds long and loops forever.
```json
{
"v": "5.7.4",
"fr": 30,
"ip": 0,
"op": 180,
"w": 500,
"h": 500,
"nm": "Walrus-Rock",
"ddd": 0,
"assets": [],
"layers": [
/* ───────────────── 1. STAGE FLOOR ───────────────── */
{
"ddd": 0,
"ind": 1,
"ty": 4,
"nm": "Stage floor",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [250, 430, 0] },
"a": { "a": 0, "k": [0, 0, 0] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [
{
"ty": "rc",
"p": { "a": 0, "k": [0, 0] },
"s": { "a": 0, "k": [600, 140] },
"r": { "a": 0, "k": 0 },
"nm": "floor-rect"
},
{
"ty": "fl",
"c": { "a": 0, "k": [0.07, 0.07, 0.07, 1] },
"o": { "a": 0, "k": 100 },
"nm": "fill"
}
]
},
/* ───────────────── 2. BACKGROUND LIGHT BEAM ───────────────── */
{
"ddd": 0,
"ind": 2,
"ty": 4,
"nm": "Light beam",
"sr": 1,
"ks": {
"o": { "a": 1, "k": [
{ "t": 0, "s": [0] },
{ "t": 10, "s": [100] },
{ "t": 30, "s": [0] },
{ "t": 40, "s": [100] },
{ "t": 60, "s": [0] },
{ "t": 80, "s": [100] },
{ "t": 100, "s": [0] },
{ "t": 120, "s": [100] },
{ "t": 140, "s": [0] },
{ "t": 160, "s": [100] },
{ "t": 180, "s": [0] }
]},
"r": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [250, 0, 0] },
"a": { "a": 0, "k": [0, 0, 0] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [
{
"ty": "rc",
"p": { "a": 0, "k": [0, 250] },
"s": { "a": 0, "k": [800, 500] },
"r": { "a": 0, "k": 0 },
"nm": "beam-rect"
},
{
"ty": "fl",
"c": { "a": 1, "k": [
{ "t": 0, "s": [0.2, 0.4, 0.9, 1] },
{ "t": 30, "s": [0.9, 0.2, 0.4, 1] },
{ "t": 60, "s": [0.4, 0.9, 0.2, 1] },
{ "t": 90, "s": [0.9, 0.9, 0.2, 1] },
{ "t": 120, "s": [0.2, 0.9, 0.9, 1] },
{ "t": 150, "s": [0.9, 0.4, 0.9, 1] },
{ "t": 180, "s": [0.2, 0.4, 0.9, 1] }
]},
"o": { "a": 0, "k": 100 },
"nm": "fill"
}
]
},
/* ───────────────── 3. WALRUS BODY ───────────────── */
{
"ddd": 0,
"ind": 3,
"ty": 4,
"nm": "Walrus body",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": 0 },
"p": { "a": 1, "k": [
{ "t": 0, "s": [250, 300, 0] },
{ "t": 45, "s": [250, 297, 0] },
{ "t": 90, "s": [250, 300, 0] },
{ "t": 135, "s": [250, 297, 0] },
{ "t": 180, "s": [250, 300, 0] }
]},
"a": { "a": 0, "k": [0, 0, 0] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [
{
"ty": "el",
"p": { "a": 0, "k": [0, 0] },
"s": { "a": 0, "k": [200, 150] },
"nm": "body-ellipse"
},
{
"ty": "fl",
"c": { "a": 0, "k": [0.46, 0.36, 0.26, 1] },
"o": { "a": 0, "k": 100 },
"nm": "fill"
}
]
},
/* ───────────────── 4. WALRUS HEAD ───────────────── */
{
"ddd": 0,
"ind": 4,
"ty": 4,
"nm": "Walrus head",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": 0 },
"p": { "a": 1, "k": [
{ "t": 0, "s": [250, 235, 0] },
{ "t": 45, "s": [250, 232, 0] },
{ "t": 90, "s": [250, 235, 0] },
{ "t": 135, "s": [250, 232, 0] },
{ "t": 180, "s": [250, 235, 0] }
]},
"a": { "a": 0, "k": [0, 0, 0] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [
{ "ty": "el", "p": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [140, 100] }, "nm": "head-ellipse" },
{ "ty": "fl", "c": { "a": 0, "k": [0.46, 0.36, 0.26, 1] }, "o": { "a": 0, "k": 100 }, "nm": "fill" },
/* Left eye */
{ "ty": "el", "p": { "a": 0, "k": [-25, -15] }, "s": { "a": 0, "k": [12, 12] }, "nm": "eye-L" },
{ "ty": "fl", "c": { "a": 0, "k": [0, 0, 0, 1] }, "o": { "a": 0, "k": 100 }, "nm": "eye-fill" },
/* Right eye */
{ "ty": "el", "p": { "a": 0, "k": [25, -15] }, "s": { "a": 0, "k": [12, 12] }, "nm": "eye-R" },
{ "ty": "fl", "c": { "a": 0, "k": [0, 0, 0, 1] }, "o": { "a": 0, "k": 100 }, "nm": "eye-fill" },
/* Tusks */
{ "ty": "rc", "p": { "a": 0, "k": [-18, 35] }, "s": { "a": 0, "k": [15, 40] }, "r": { "a": 0, "k": 2 }, "nm": "tusk-L" },
{ "ty": "fl", "c": { "a": 0, "k": [1, 1, 1, 1] }, "o": { "a": 0, "k": 100 }, "nm": "fill" },
{ "ty": "rc", "p": { "a": 0, "k": [18, 35] }, "s": { "a": 0, "k": [15, 40] }, "r": { "a": 0, "k": 2 }, "nm": "tusk-R" },
{ "ty": "fl", "c": { "a": 0, "k": [1, 1, 1, 1] }, "o": { "a": 0, "k": 100 }, "nm": "fill" }
]
},
/* ───────────────── 5. GUITAR (static) ───────────────── */
{
"ddd": 0,
"ind": 5,
"ty": 4,
"nm": "Guitar",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": -10 },
"p": { "a": 0, "k": [250, 305, 0] },
"a": { "a": 0, "k": [0, 0, 0] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [
/* Body */
{ "ty": "el", "p": { "a": 0, "k": [-15, 0] }, "s": { "a": 0, "k": [140, 110] }, "nm": "guitar-body" },
{ "ty": "fl", "c": { "a": 0, "k": [0.85, 0.16, 0.16, 1] }, "o": { "a": 0, "k": 100 }, "nm": "fill" },
/* Neck */
{ "ty": "rc", "p": { "a": 0, "k": [85, -10] }, "s": { "a": 0, "k": [110, 20] }, "r": { "a": 0, "k": 2 }, "nm": "neck" },
{ "ty": "fl", "c": { "a": 0, "k": [0.4, 0.24, 0.14, 1] }, "o": { "a": 0, "k": 100 }, "nm": "fill" }
]
},
/* ───────────────── 6. LEFT FLIPPER (strumming arm) ───────────────── */
{
"ddd": 0,
"ind": 6,
"ty": 4,
"nm": "Left flipper",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 1, "k": [
{ "t": 0, "s": [-20] },
{ "t": 15, "s": [ 20] },
{ "t": 30, "s": [-20] },
{ "t": 45, "s": [ 20] },
{ "t": 60, "s": [-20] },
{ "t": 75, "s": [ 20] },
{ "t": 90, "s": [-20] },
{ "t": 105, "s": [ 20] },
{ "t": 120, "s": [-20] },
{ "t": 135, "s": [ 20] },
{ "t": 150, "s": [-20] },
{ "t": 165, "s": [ 20] },
{ "t": 180, "s": [-20] }
]},
"p": { "a": 0, "k": [205, 300, 0] },
"a": { "a": 0, "k": [ -50, 0, 0] }, /* anchor to shoulder */
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [
{ "ty": "rc", "p": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 40] }, "r": { "a": 0, "k": 20 }, "nm": "flipper" },
{ "ty": "fl", "c": { "a": 0, "k": [0.46, 0.36, 0.26, 1] }, "o": { "a": 0, "k": 100 }, "nm": "fill" }
]
},
/* ───────────────── 7. RIGHT FLIPPER (holding neck) ───────────────── */
{
"ddd": 0,
"ind": 7,
"ty": 4,
"nm": "Right flipper",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": 35 },
"p": { "a": 0, "k": [310, 280, 0] },
"a": { "a": 0, "k": [ -20, 0, 0] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [
{ "ty": "rc", "p": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [90, 35] }, "r": { "a": 0, "k": 20 }, "nm": "flipper" },
{ "ty": "fl", "c": { "a": 0, "k": [0.46, 0.36, 0.26, 1] }, "o": { "a": 0, "k": 100 }, "nm": "fill" }
]
}
],
"markers": []
}
```
How to test quickly in the browser (using lottie-web):
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.14/lottie.min.js"></script>
<div id="walrusBox" style="width:500px;height:500px;margin:auto"></div>
<script>
lottie.loadAnimation({
container: document.getElementById('walrusBox'),
renderer: 'svg',
loop: true,
autoplay: true,
path: 'walrus_rock.json'
});
</script>
```
Feel free to:
• Refine the vector art (replace simple ellipses with detailed paths).
• Add more layers (crowd, speakers, fireworks, smoke, etc.).
• Change colours, frame-rate, timing or add audio sync in your hosting environment.
Enjoy your rocking walrus!Drag to resize
Of course! Here is a rocking walrus, complete with headbanging, strumming action, and flashing stage lights, all packaged into a Lottie JSON file.
You can copy the code below and save it as a `.json` file (e.g., `walrus-rock.json`). Then, you can use this file with any Lottie-compatible player on the web, in iOS, or Android apps.
**To preview the animation instantly, you can:**
1. Go to the [LottieFiles Preview](https://lottiefiles.com/preview) website.
2. Drag and drop the `.json` file you saved onto the page.
### Lottie JSON Code:
```json
{
"v": "5.7.1",
"fr": 30,
"ip": 0,
"op": 60,
"w": 512,
"h": 512,
"nm": "Walrus Rock Concert",
"ddd": 0,
"assets": [],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 4,
"nm": "BG",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100, "ix": 11 },
"r": { "a": 0, "k": 0, "ix": 10 },
"p": { "a": 0, "k": [256, 256, 0], "ix": 2 },
"a": { "a": 0, "k": [0, 0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ty": "rc",
"d": 1,
"s": { "a": 0, "k": [512, 512], "ix": 2 },
"p": { "a": 0, "k": [0, 0], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 4 },
"nm": "Rect Path 1",
"hd": false
},
{
"ty": "fl",
"c": { "a": 0, "k": [0.08, 0.05, 0.15, 1], "ix": 4 },
"o": { "a": 0, "k": 100, "ix": 5 },
"r": 1,
"nm": "Fill 1",
"hd": false
}
],
"nm": "Rectangle 1",
"hd": false
}
],
"ip": 0,
"op": 60,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 2,
"ty": 4,
"nm": "Stage Lights",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100, "ix": 11 },
"r": { "a": 0, "k": 0, "ix": 10 },
"p": { "a": 0, "k": [256, 256, 0], "ix": 2 },
"a": { "a": 0, "k": [0, 0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ty": "el",
"d": 1,
"s": { "a": 0, "k": [100, 100], "ix": 2 },
"p": { "a": 0, "k": [-150, -150], "ix": 3 },
"nm": "Ellipse Path 1",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 1,
"k": [
{ "s": [1, 0, 0, 1], "t": 0 },
{ "s": [0, 0.5, 1, 1], "t": 15 },
{ "s": [1, 1, 0, 1], "t": 30 },
{ "s": [0, 1, 0.5, 1], "t": 45 },
{ "s": [1, 0, 0, 1], "t": 60 }
],
"ix": 4
},
"o": {
"a": 1,
"k": [
{ "s": [100], "t": 0 },
{ "s": [0], "t": 5 },
{ "s": [100], "t": 10 },
{ "s": [0], "t": 20 },
{ "s": [100], "t": 25 },
{ "s": [0], "t": 35 },
{ "s": [100], "t": 40 },
{ "s": [0], "t": 50 },
{ "s": [100], "t": 55 }
],
"ix": 5
},
"r": 1,
"nm": "Fill 1"
}
],
"nm": "Light 1"
},
{
"ty": "gr",
"it": [
{
"ty": "el",
"d": 1,
"s": { "a": 0, "k": [100, 100], "ix": 2 },
"p": { "a": 0, "k": [150, -150], "ix": 3 },
"nm": "Ellipse Path 1",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 1,
"k": [
{ "s": [0, 1, 0.5, 1], "t": 0 },
{ "s": [1, 1, 0, 1], "t": 15 },
{ "s": [0, 0.5, 1, 1], "t": 30 },
{ "s": [1, 0, 0, 1], "t": 45 },
{ "s": [0, 1, 0.5, 1], "t": 60 }
],
"ix": 4
},
"o": {
"a": 1,
"k": [
{ "s": [0], "t": 0 },
{ "s": [100], "t": 5 },
{ "s": [0], "t": 15 },
{ "s": [100], "t": 20 },
{ "s": [0], "t": 30 },
{ "s": [100], "t": 35 },
{ "s": [0], "t": 45 },
{ "s": [100], "t": 50 },
{ "s": [0], "t": 60 }
]
},
"r": 1,
"nm": "Fill 1"
}
],
"nm": "Light 2"
}
],
"ip": 0,
"op": 60,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 3,
"ty": 4,
"nm": "Walrus Rockstar",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100, "ix": 11 },
"r": {
"a": 1,
"k": [
{ "s": [0], "t": 0, "h": 1, "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] } },
{ "s": [-8], "t": 15, "h": 1, "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] } },
{ "s": [8], "t": 45, "h": 1, "i": { "x": [0.667], "y": [1] }, "o": { "x": [0.333], "y": [0] } },
{ "s": [0], "t": 60 }
],
"ix": 10
},
"p": { "a": 0, "k": [256, 320, 0], "ix": 2 },
"a": { "a": 0, "k": [0, 80, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"nm": "Guitar",
"it": [
{
"ty": "sh",
"d": 1,
"ks": {
"a": 0,
"k": {
"i": [[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],
"o": [[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],
"v": [[-120, -5], [-40, -135], [10, -115], [30, -145], [140, -60], [130, 60], [40, 110], [-100, 70]],
"c": true
}
},
"nm": "Guitar Body"
},
{
"ty": "fl",
"c": { "a": 0, "k": [0.8, 0.1, 0.1, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "nm": "Fill 1"
},
{
"ty": "sh",
"d": 1,
"ks": {
"a": 0,
"k": {
"i": [[0,0],[0,0],[0,0],[0,0]],
"o": [[0,0],[0,0],[0,0],[0,0]],
"v": [[-90, -15], [30, -105], [90, 0], [0, 80]],
"c": true
}
},
"nm": "Pick Guard"
},
{
"ty": "fl",
"c": { "a": 0, "k": [1, 1, 1, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "nm": "Fill 2"
},
{
"ty": "sh",
"d": 1,
"ks": {
"a": 0,
"k": { "i": [], "o": [], "v": [[-120, -20], [-180, -80]], "c": false }
},
"nm": "Guitar Neck"
},
{
"ty": "st",
"c": { "a": 0, "k": [0.6, 0.4, 0.2, 1], "ix": 3 },
"o": { "a": 0, "k": 100, "ix": 4 },
"w": { "a": 0, "k": 25, "ix": 5 },
"lc": 1, "lj": 1, "ml": 4
},
{
"ty": "gr", "nm": "Strings",
"it": [
{"ty": "sh", "ks": {"a": 0, "k": {"i": [], "o": [], "v": [[-90, -10], [-170, -70]], "c": false}}},
{"ty": "sh", "ks": {"a": 0, "k": {"i": [], "o": [], "v": [[-80, 0], [-160, -60]], "c": false}}},
{"ty": "sh", "ks": {"a": 0, "k": {"i": [], "o": [], "v": [[-70, 10], [-150, -50]], "c": false}}},
{"ty": "st", "c": {"a": 0, "k": [0.8, 0.8, 0.8, 1]}, "w": {"a": 0, "k": 1}}
]
}
]
},
{
"ty": "gr",
"nm": "Walrus",
"it": [
{
"ty": "sh",
"d": 1,
"ks": {
"a": 0,
"k": {
"i": [[0, 70], [-55, 0], [0, -70], [55, 0]],
"o": [[0, -70], [55, 0], [0, 70], [-55, 0]],
"v": [[0, 120], [100, 0], [0, -120], [-100, 0]],
"c": true
}
},
"nm": "Body"
},
{
"ty": "fl",
"c": { "a": 0, "k": [0.4, 0.3, 0.25, 1] }, "o": { "a": 0, "k": 100 }
},
{
"ty": "sh",
"d": 1,
"ks": {
"a": 0,
"k": {
"i": [[0, 20], [-15, 0], [0, -20], [15, 0]],
"o": [[0, -20], [15, 0], [0, 20], [-15, 0]],
"v": [[0, -110], [30, -130], [0, -150], [-30, -130]],
"c": true
}
},
"nm": "Muzzle"
},
{
"ty": "fl",
"c": { "a": 0, "k": [0.6, 0.5, 0.4, 1] }
},
{
"ty": "sh", "ks": { "a": 0, "k": { "i": [], "o": [], "v": [[15, -120], [25, -90]], "c": false } }, "nm": "Tusk R"
},
{
"ty": "sh", "ks": { "a": 0, "k": { "i": [], "o": [], "v": [[-15, -120], [-25, -90]], "c": false } }, "nm": "Tusk L"
},
{
"ty": "st", "c": { "a": 0, "k": [0.9, 0.9, 0.8, 1] }, "w": { "a": 0, "k": 15 }, "lc": 2
},
{
"ty": "sh", "ks": { "a": 0, "k": { "i": [[0,0],[0,0]], "o": [[0,0],[0,0]], "v": [[-35, -135], [35, -135]], "c": false } }, "nm": "Glasses Frame"
},
{
"ty": "st", "c": { "a": 0, "k": [0.1, 0.1, 0.1, 1] }, "w": { "a": 0, "k": 35 }, "lc": 2
}
]
},
{
"ty": "gr",
"nm": "Strumming Arm",
"it": [
{
"ty": "sh",
"d": 1,
"ks": {
"a": 1,
"k": [
{ "s": [{"i": [[0,0],[0,0]], "o": [[0,0],[0,0]], "v": [[80, -10], [110, 40]], "c": false }], "t": 0 },
{ "s": [{"i": [[0,0],[0,0]], "o": [[0,0],[0,0]], "v": [[80, 40], [110, 90]], "c": false }], "t": 4 },
{ "s": [{"i": [[0,0],[0,0]], "o": [[0,0],[0,0]], "v": [[80, -10], [110, 40]], "c": false }], "t": 8 }
]
}
},
{
"ty": "st",
"c": { "a": 0, "k": [0.4, 0.3, 0.25, 1] },
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 40 },
"lc": 2, "lj": 1
}
]
}
],
"ip": 0,
"op": 60,
"st": 0,
"bm": 0
}
]
}
```Drag to resize
Sure! While I can't directly generate and download a Lottie animation, I **can provide a step-by-step guide and the structure of a simple Lottie (JSON file) featuring a walrus playing electric guitar at a rock concert.**
Lottie animations are generally created using Adobe After Effects and the Bodymovin plugin, then exported as a JSON file. However, for simple vector-based animations, you can hand-craft some basic Lottie JSON or use [Lottie Editor](https://lottiefiles.com/editor) to make adjustments.
### Example Lottie JSON Structure
Below is a **starter Lottie-compatible JSON** you can open and tweak further (using [Lottiefiles Editor](https://lottiefiles.com/editor)), featuring simplified shapes meant to resemble a walrus with an electric guitar. For advanced animated details (like movements), use After Effects or a Lottie builder.
```json
{
"v": "5.7.4",
"fr": 30,
"ip": 0,
"op": 60,
"w": 512,
"h": 512,
"nm": "Walrus Playing Guitar",
"ddd": 0,
"assets": [],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 4,
"nm": "Stage Background",
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [256, 256, 0] },
"a": { "a": 0, "k": [0, 0, 0] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [{
"ty": "rc",
"d": 1,
"s": { "a": 0, "k": [512, 200] },
"p": { "a": 0, "k": [0, 156] },
"r": { "a": 0, "k": 20 },
"nm": "Stage Rectangle",
"c": { "a": 0, "k": [0.12, 0.12, 0.12, 1] },
"o": { "a": 0, "k": 100 }
}]
},
{
"ddd": 0,
"ind": 2,
"ty": 4,
"nm": "Walrus Body",
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [256, 320, 0] },
"a": { "a": 0, "k": [0, 0, 0] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [
{
"ty": "el",
"p": { "a": 0, "k": [0, 40] },
"s": { "a": 0, "k": [150, 100] },
"nm": "Body Oval"
},
{
"ty": "el",
"p": { "a": 0, "k": [0, -40] },
"s": { "a": 0, "k": [80, 90] },
"nm": "Head"
},
{
"ty": "rc",
"p": { "a": 0, "k": [-30, -20] },
"s": { "a": 0, "k": [10, 50] },
"r": { "a": 0, "k": 4 },
"nm": "Left Tusk"
},
{
"ty": "rc",
"p": { "a": 0, "k": [30, -20] },
"s": { "a": 0, "k": [10, 50] },
"r": { "a": 0, "k": 4 },
"nm": "Right Tusk"
}
],
"c": { "a": 0, "k": [0.6, 0.5, 0.4, 1] }, // Walrus brown color
"o": { "a": 0, "k": 100 }
},
{
"ddd": 0,
"ind": 3,
"ty": 4,
"nm": "Electric Guitar",
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": -25 },
"p": { "a": 0, "k": [296, 350, 0] },
"a": { "a": 0, "k": [0, 0, 0] },
"s": { "a": 0, "k": [90, 90, 100] }
},
"shapes": [
{
"ty": "el",
"p": { "a": 0, "k": [0, 10] },
"s": { "a": 0, "k": [80, 40] },
"nm": "Guitar Body",
"c": { "a": 0, "k": [1, 0.2, 0.2, 1] }
},
{
"ty": "rc",
"p": { "a": 0, "k": [0, -25] },
"s": { "a": 0, "k": [15, 70] },
"r": { "a": 0, "k": 8 },
"nm": "Neck",
"c": { "a": 0, "k": [0.4, 0.2, 0.1, 1] }
},
{
"ty": "rc",
"p": { "a": 0, "k": [0, -62] },
"s": { "a": 0, "k": [20, 10] },
"r": { "a": 0, "k": 3 },
"nm": "Headstock",
"c": { "a": 0, "k": [0.9, 0.9, 0.2, 1] }
}
]
},
{
"ddd": 0,
"ind": 4,
"ty": 4,
"nm": "Spotlights",
"ks": {
"o": { "a": 0, "k": 40 },
"r": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [256, 40, 0] },
"a": { "a": 0, "k": [0, 0, 0] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"shapes": [
{
"ty": "sh",
"ks": {
"a": 0,
"k": {
"i": [],
"o": [],
"v": [[-220, 0], [0, 350], [220, 0]],
"c": true
}
},
"nm": "Beam",
"c": { "a": 0, "k": [1, 1, 0.6, 1] }
}
]
}
// Add more shapes or keyframes for animation!
]
}
```
---
## How to customize or animate:
1. **Copy the JSON above and paste it into [LottieFiles Editor](https://lottiefiles.com/editor).**
2. **Add keyframes** (for example, to rotate the guitar, move the walrus flippers, or blink the spotlights).
3. **Export as Lottie JSON** to use on your website/app.
---
### For more advanced animation:
- **Draw assets in Illustrator or After Effects** and animate with Bodymovin.
- If you need help with a specific animation effect (like the walrus strumming), let me know!
---
**If you want a downloadable Lottie, you can provide this JSON to a designer, or upload it directly to a Lottie editor for further modification and exporting.**
Let me know if you want something more detailed or with specific animation!Drag to resize
Here's a detailed **Lottie animation JSON structure** for a walrus shredding an electric guitar at a rock concert. This design adapts Lottie's JSON-compatible framework (optimizable in tools like After Effects or LottieBodymovin) to create vibrant, compact animations.
---
### 🎸 **Core Elements for JSON Structure**
```json
{
"layers": [
{
"name": "Stage",
"type": "shape",
"shapes": [
{
"type": "rect",
"fill": ["#1a1a1a"],
"position": {"x": "50%", "y": "90%"},
"size": {"w": "100%", "h": "20%"}
}
],
"animation": {"opacity": {"0%": 100, "100%": 100}}
},
{
"name": "Speakers",
"type": "image",
"image": "speaker_icon.png",
"position": {"x": "20%", "y": "85%"},
"scale": 0.8,
"shapes": [{ "type": "glow", "color": "#ffffff", "radius": 10, "opacity": 0.3 }]
},
{
"name": "Walrus",
"type": "nested_animation",
"layers": [
{
"name": "Brand",
"type": "text",
"text": "WALRUS ROCKS!",
"font": "Arial",
"fill": "#ff0000",
"size": 18,
"position": {"x": "50%", "y": "5%"}
},
{
"name": "Body",
"type": "vector",
"pathData": "M200 300 Q300 100 400 300 T500 600 Q400 700 300 600 Z",
"fill": "#7c4e3c"
},
{
"name": "Eyes",
"type": "shape",
"shapes": [{ "type": "circle", "fill": "#ffffff", "radius": 5, "position": {"x": "50%", "y": "25%"} }],
"animation": {"position": {"0%": [20%, 25%], "50%": [30%, 25%], "100%": [20%, 25%]}}
},
{
"name": "Guitar",
"type": "vector",
"pathData": "M300 400 L400 350 L500 400 L500 500 L400 550 L300 500 Z",
"fill": "#e74c3c",
"shapes": [
{
"type": "line",
"stroke": "#fff",
"strokeWidth": 2,
"position": {"x": "320", "y": "400"},
"length": 180,
"angle": 20
}
]
}
]
},
{
"name": "Audience",
"type": "shape",
"shapes": [{
"type": "rect",
"fill": "#2c3e50",
"position": {"x": "50%", "y": "95%"},
"size": {"w": "100%", "h": "10%"}
}],
"animation": {
"opacity": {
"0": 70, "0.2": 100, "0.4": 70, "0.6": 100, "0.8": 70, "1": 100
}
}
},
{
"name": "Lightning",
"type": "shape",
"shapes": [{
"type": "poly",
"points": ["100,0", "130,70", "70,80", "90,100", "50,90"],
"fill": "#ffdd00"
}],
"animation": {"opacity": {"0": 0, "0.5": 100, "1": 0}}
}
]
}
```
---
### 🧊 **Key Animation Features**
1. **Walrus Guitar Playing:**
- **Strumming Flippers**: Animate front flippers with `rotation` keyframes (-30° to +20°) alternating rapidly to mimic strumming.
- **Headbanging Head**: Use rapid `y-position shifts` (55% → 60%) and `rotation` animations (0° ↔ 10°) for headbanging rhythm.
2. **Stage Effects:**
- **Strobe Lights**: Create periodic opacity pulses on `#ffdd00` lighting layers (e.g., triggered every 0.5s).
- **Guitar Sparks**: Animate `shape bursts` around the guitar strings using radial `scale` and `opacity` keyframes (0% → scale 200% in 0.3s).
3. **Crowd Interaction:**
- Silhouettes "cheer" via quick `opacity` spikes (70% ↔ 100%) synchronized with beat accents.
---
### 🎨 **Color Palette (Recommended)**
| Element | Color |
|---------------|--------------|
| Walrus Fur | `#7c4e3c` |
| Guitar Body | `#e74c3c` |
| Stage Lights | `#ffdd00`, `#00ccff` |
| Background | `#1a1a1a` |
---
### 🛠 Tools for Exporting
- **Adobe After Effects** + [Lottie Plugin](https://github.com/airbnb/lottie-web): Great for complex motion paths.
- **LottieFiles.com Editor**: Simplified vector-based animation for direct JSON editing.
- **Figma ➝ Rive**: Prototyping tool with Lottie export support.
---
### ⏱ Timing Overview (for 10s Loop)
| Time (s) | Action |
|----------|----------------------------|
| 0-2 | "WALRUS ROCKS!" intro text |
| 2-8 | Continuous headbanging + strumming |
| 5, 7 | Pyrotechnic bursts |
| 8-10 | Finales with giant lightning flash |
---
Would you like a **working Lottie JSON template** or **links to edit in tools like Rive**?Drag to resize
Creating a Lottie animation of a walrus playing an electric guitar at a rock concert is a fun project! While I can't generate a Lottie file directly, I can guide you on how to create or commission one:
### **Option 1: Design It Yourself (Beginner-Friendly)**
1. **Tools to Use**:
- **After Effects + LottieFiles Plugin**: Design the animation in After Effects and export it as a Lottie (.json) file.
- **Rive (rive.app)**: A free online tool for creating interactive animations that export to Lottie.
- **Figma + LottieFiles Plugin**: Design vector assets in Figma and animate them.
2. **Steps**:
- Sketch your walrus character (cool sunglasses, rocking posture).
- Animate:
- Guitar strumming with moving paws.
- Head bobbing to music.
- Stage lights flashing in the background.
- Export as `.json` (Lottie format).
### **Option 2: Hire a Designer**
- **Platforms**:
- **Fiverr** or **Upwork**: Search for "Lottie animation designer."
- **LottieFiles Marketplace**: Freelancers specialize in Lottie animations.
- **Budget**: ~$50–$200 depending on complexity.
### **Option 3: Use AI-Powered Tools (Quickest but Limited)**
- **Try platforms like**:
- **Pika Labs** (for video, then convert to Lottie).
- **Animated Drawings by Meta AI** (simpler animations).
### **Example Description for a Designer**:
> "Create a Lottie animation of a cool walrus wearing sunglasses, playing an electric guitar on a concert stage. Include flashing lights, a cheering crowd silhouette, and exaggerated rocking movements. Export as a lightweight Lottie JSON file for web use."
Would you like help scripting the animation steps in After Effects? If so, I can provide a detailed breakdown! 🎸🦭Drag to resize
What a fantastic and fun request! I'll guide you through creating a simple Lottie animation of a walrus playing electric guitar at a rock concert. To make this happen, we'll break down the process into manageable steps, using a mixture of descriptive text and hypothetical software operations, simulating the process in a typical animation tool like Adobe After Effects or Blender. #### Step 1: Designing the Characters and Props - **Walrus**: Start by designing or sourcing a 3D model or 2D illustration of a walrus. The design should be stylized enough to be animated but detailed enough to be recognizable. The walrus will be wearing sunglasses and possibly a leather jacket to fit the concert atmosphere. - **Electric Guitar**: Create or source a model/illustration of an electric guitar that can be animated. It should be proportional to the walrus. #### Step 2: Preparing Assets for Animation 1. **Rigging (for 3D) or Breaking into Layers (for 2D)**: If using a 3D model, rig the model so that it can be posed. If working in 2D, break the character into separate layers (e.g., body, arms, head, sunglasses, guitar). 2. **Preparing the Concert Scene**: Design a basic rock concert scene. This could be a static background with some dynamic lighting effects (like flashing stage lights). #### Step 4: Creating the Animation - **Walrus Playing Guitar**: Animate the walrus playing the electric guitar. This includes moving its fingers on the fretboard, strumming or sliding on the strings, and perhaps some rockstar movements like headbanging or posing. - **Guitar Animations**: Add animations to the guitar, like making the strings vibrate upon being played. #### Step 6: Adding Concert Effects**: Incorporate visual elements that simulate the concert environment: - Flashing stage lights. - Smoke or fog. - Ensure these effects are not overly distracting from the walrus's animation. #### Step 7: Exporting to Lottie (JSON) To export your work as a Lottie animation, you have a couple of primary options: - If you're using Adobe After Effects, you can use the **LottieFiles** extension to directly export your composition as a `.json` file. - Alternatively, if you've animated in Blender or another 3D tool, you might first export as a video or image sequence, then convert it into a Lottie JSON through online converters or plugins designed for this task. #### Example After Effects Steps for Lottie: 1. **Install the LottieFiles plugin** from the LottieFiles website. 3. **Prepare your animation, keeping in mind Lottie compatibility** (some features might not translate well). 4. **Use the LottieFiles plugin to render it out as a Lottie animation (.json). ### Hypothetical Animation Description: The animation begins with the walrus standing center stage, guitar slung low. As the music kicks in, it begins to play, animating in time with a rock song. Strumming motions are fast and engaging, with the walrus headbanging to the rhythm. Stage fog swirls around its flippers. Flashing stage lights change colors, highlighting the walrus's energetic performance. As the last note is strummed, the walrus strikes a final rock pose, and the animation loops or ends with a freeze frame. ### Limitations and Simplifications: - Simplifications may be required, especially with finger animations on the fretboard. - The level of detail (like realistic guitar string vibration) might need tweaking for Lottie compatibility. Creating such a scene requires proficiency with the selected animation tool, a dash of humor, and attention to making the walrus's performance entertaining. Enjoy the creative process!
Drag to resize
Creating a complete Lottie animation requires Adobe After Effects with the Lottie plugin for production and export. Instead, I'll outline the detailed steps to build this animation yourself and provide a simplified JSON example structure.
---
### **Key Elements to Animate**
1. **Walrus Character**
- Body (rounded shape with tusks)
- Flippers (one pressing guitar frets, the other "strumming")
- Simple facial features
2. **Electric Guitar**
- Body with pickups
- Neck with animated strings when "strummed"
- Optional details like pick/knobs
3. **Concert Effects**
- Stage with spotlight beams sweeping
- Crowd of tiny animated silhouettes
- Music notes emanating from the guitar
- Particle effects for energy (e.g., sparks)
---
### **Step-by-Step Guide (for Adobe After Effects)**
1. **Setup**
- Composition: `1920x1080px`, `30fps`, duration `5 seconds`
2. **Design Assets**
- **Walrus**: Draw with ellipse shapes + paths (use masks for tusks).
- **Guitar**: Create with shape layers/pen tool. Animate strings using `trim paths` or `wiggle paths`.
- **Spotlights**: Radial gradients with animated masks/position.
- **Crowd**: Row of tiny circles/rectangles with `position` and `scale` wobbling.
3. **Keyframe Animations**
- **Strumming Flipper**:
Rotate every `0.5s` (simulating down/up strums) with easing.
- **Guitar Strings**:
Apply `trim paths` with animated `offset`/`length` on each strum hit.
- **Spotlights**:
Change position (left/right sweep) and color hue over time.
- **Music Notes**:
Fade in/out + scale up as they drift upward at strum moments.
4. **Export for Lottie**
- Use the **Bodymovin** plugin to export as `.json`.
- Enable "Glyphs" if using text/notes.
---
### **Simplified Lottie JSON Structure**
```json
{
"v": "5.12.2",
"fr": 30,
"ip": 0,
"op": 150, // 5 seconds
"w": 1920,
"h": 1080,
"nm": "Walrus Guitar Solo",
"layers": [
{
"ty": 1, // Stage (solid background)
"sw": 1920,
"sh": 1080,
"sc": "#1a0b40" // Dark purple
},
{
"ty": 4, // Walrus body
"ks": { ... },
"shapes": [
{ "ty": "el", "p": [960, 700], "s": [400, 250] }, // Main body
{ "ty": "el", "p": [860, 500], "s": [80, 40] } // Tusk
// + Additional shape layers
]
},
{
"ty": 4, // Guitar
"ks": { ... },
"shapes": [
{ "ty": "rc", "p": [900, 600], "s": [300, 60] } // Neck
// Strings (trim paths for vibration)
]
},
{
"ty": 4, // Strumming flipper
"ks": {
"r": { "a": 1, "k": [
{ "t": 0, "s": -30 }, // Rotation keyframes for strumming
{ "t": 15, "s": 20 }
]}
}
},
{
"ty": 4, // Spotlight (radial gradient)
"shapes": [ { "ty": "gr" } ] // Animate scale/position
}
// + Crowd, notes, effects
]
}
```
---
### **Resources**
1. **Lottie Workflow**:
- [LottieFiles Tutorials](https://lottiefiles.com/school)
- [Adobe After Effects Guide](https://www.adobe.com/creativecloud/video.html)
2. **Asset Inspiration**:
- Get pre-made assets for:
- **Walrus/Guitar**: [LottieFiles Marketplace](https://lottiefiles.com/marketplace)
- **Concert Effects**: Search "rock concert lottie" for reusable components.
---
### **Alternative Approach**
Use a no-code animation tool:
- **Haiku Animator**, **Animaker**, or **Keyshape** to drag/drop pre-built elements. Export to Lottie JSON afterward.
Let me know if you need help with specific After Effects techniques (masking, parenting, expressions) or borrowed assets! 🎸🎶Drag to resize
I can't directly generate Lottie animation files, but I can help you create one! Here are several approaches: ## Option 1: Use AI Animation Tools - **LottieFiles Creator**: Upload a description or image and convert to Lottie - **Adobe After Effects**: Create the animation and export with the Bodymovin plugin - **Rive**: Design interactive animations that can export to Lottie format ## Option 2: Commission or Find Existing Assets - **LottieFiles Library**: Search for walrus, guitar, or concert animations to combine - **Fiverr/Upwork**: Hire a motion designer to create this specific animation - **LottieFiles Marketplace**: Browse premium animations ## Option 3: DIY Approach 1. **Illustrate the walrus guitarist** in Adobe Illustrator or Figma 2. **Import to After Effects** 3. **Animate** key elements: - Walrus flippers strumming - Head bobbing to the beat - Stage lights flashing - Crowd silhouettes cheering 4. **Export** using Bodymovin plugin ## Key Animation Elements to Include: - Walrus with tusks holding electric guitar - Flipper movements on strings/frets - Stage lighting effects - Rock concert atmosphere - Enthusiastic facial expressions Would you like me to provide more specific guidance on any of these approaches, or help you write a detailed brief for a motion designer?
Drag to resize