[{"data":1,"prerenderedAt":297},["ShallowReactive",2],{"help-\u002Fhelp\u002Fen\u002Favatar-decoration":3},{"article":4,"counterpart":164},{"id":5,"title":6,"body":7,"description":155,"extension":156,"meta":157,"navigation":158,"order":159,"path":160,"seo":161,"stem":162,"__hash__":163},"help\u002Fhelp\u002Fen\u002Favatar-decoration.md","Decorate your avatar icon — or make your own",{"type":8,"value":9,"toc":143},"minimark",[10,14,18,23,42,46,54,59,62,71,74,85,89,108,112,128,132],[11,12,6],"h1",{"id":13},"decorate-your-avatar-icon-or-make-your-own",[15,16,17],"p",{},"You can overlay decorations such as the fried shrimp or angel around your avatar icon. Besides the built-in presets, you can upload your own artwork to create an original decoration.",[19,20,22],"h2",{"id":21},"adding-a-decoration","Adding a decoration",[24,25,26,30,39],"ol",{},[27,28,29],"li",{},"In the editor, tap your avatar icon, then open \"Avatar settings\" from the pencil button at the bottom right.",[27,31,32,33],{},"Pick a decoration under \"Decoration\". The preview updates immediately.\n",[34,35,36],"ul",{},[27,37,38],{},"The presets (fried shrimp, sparkle ring, pixel hearts, little devil, glitter, angel) are still images overlaid on your avatar.",[27,40,41],{},"As always, the public page updates when you press \"Update\".",[19,43,45],{"id":44},"creating-a-decoration-from-your-own-image","Creating a decoration from your own image",[15,47,48,49,53],{},"You can supply your own image to overlay on your avatar. The key is to create it as a ",[50,51,52],"strong",{},"PNG with a transparent background",".",[55,56,58],"h3",{"id":57},"using-the-template","Using the template",[15,60,61],{},"We provide a template image for positioning.",[34,63,64],{},[27,65,66],{},[67,68,70],"a",{"href":69},"\u002Ftemplates\u002Favatar-decoration-template.png","Download the template (PNG, 1200×1200)",[15,72,73],{},"How to read the template:",[34,75,76,79,82],{},[27,77,78],{},"The whole canvas (1200×1200) is the drawable area.",[27,80,81],{},"The circle in the center (800px diameter) is where your avatar icon sits. Decorations can stick out beyond the circle — like ears or a halo.",[27,83,84],{},"The crosshair marks the center.",[55,86,88],{"id":87},"steps","Steps",[24,90,91,94,97,100,105],{},[27,92,93],{},"Open the template in a drawing app (CLIP STUDIO PAINT, Procreate, ibisPaint, etc.).",[27,95,96],{},"Create a new layer above the template and draw your decoration on it.",[27,98,99],{},"Before exporting, hide the template (guide) layer.",[27,101,102],{},[50,103,104],{},"Export as PNG with the background kept transparent.",[27,106,107],{},"Upload it from \"Make a decoration from your image\" in Avatar settings.",[55,109,111],{"id":110},"notes","Notes",[34,113,114,117,120],{},[27,115,116],{},"Files up to 2MB. Larger images are automatically scaled down (long edge up to 1200px).",[27,118,119],{},"JPEG has no transparency, so it would cover your whole icon with a rectangle. Use a transparent PNG.",[27,121,122,123,127],{},"Uploaded images are kept in your ",[67,124,126],{"href":125},"\u002Fhelp\u002Fen\u002Fimages","image library"," and count toward your storage limit. If you stop using a decoration, you can delete the image from the library.",[19,129,131],{"id":130},"how-it-displays","How it displays",[34,133,134,137,140],{},[27,135,136],{},"Decorations extend beyond the icon circle (up to the template's canvas area).",[27,138,139],{},"Preset decorations are animated; your own image is static.",[27,141,142],{},"For visitors with \"reduce motion\" enabled, preset animations are shown in their resting pose.",{"title":144,"searchDepth":145,"depth":145,"links":146},"",2,[147,148,154],{"id":21,"depth":145,"text":22},{"id":44,"depth":145,"text":45,"children":149},[150,152,153],{"id":57,"depth":151,"text":58},3,{"id":87,"depth":151,"text":88},{"id":110,"depth":151,"text":111},{"id":130,"depth":145,"text":131},"How to add decorations like the fried shrimp or angel to your avatar icon, and how to create your own decoration as a transparent PNG using the template.","md",{},true,22,"\u002Fhelp\u002Fen\u002Favatar-decoration",{"title":6,"description":155},"help\u002Fen\u002Favatar-decoration","FGHk4VBeii1adnRKd13kLk36Z52cjmDvla1xVgBswcU",{"id":165,"title":166,"body":167,"description":291,"extension":156,"meta":292,"navigation":158,"order":159,"path":293,"seo":294,"stem":295,"__hash__":296},"help\u002Fhelp\u002Favatar-decoration.md","アイコンに装飾を付ける・自作する",{"type":8,"value":168,"toc":282},[169,172,175,178,194,197,200,203,206,213,216,227,230,249,252,268,271],[11,170,166],{"id":171},"アイコンに装飾を付ける自作する",[15,173,174],{},"アバターアイコンのまわりに、エビフライや天使などの装飾を重ねられます。用意されたプリセットのほかに、自分で描いた画像をアップロードしてオリジナルの装飾を作ることもできます。",[19,176,177],{"id":177},"装飾を付ける手順",[24,179,180,183,191],{},[27,181,182],{},"エディターでアバターアイコンをタップし、右下の鉛筆ボタンから「アバターの設定」を開きます。",[27,184,185,186],{},"「装飾」から好きなものを選びます。プレビューにその場で反映されます。\n",[34,187,188],{},[27,189,190],{},"プリセット(エビフライ・きらめきリング・ドットハート・小悪魔・きらめき・天使)はアバターに重なる静止画の装飾です。",[27,192,193],{},"公開ページへは、いつも通り「更新する」を押した時点で反映されます。",[19,195,196],{"id":196},"自分の画像で装飾を作る",[15,198,199],{},"アバターに重ねる画像を自分で用意して、オリジナルの装飾にできます。**背景が透明なPNG(透過PNG)**で作るのがポイントです。",[55,201,202],{"id":202},"テンプレートを使う",[15,204,205],{},"位置合わせ用のテンプレート画像を用意しています。",[34,207,208],{},[27,209,210],{},[67,211,212],{"href":69},"テンプレートをダウンロード(PNG・1200×1200)",[15,214,215],{},"テンプレートの見かた:",[34,217,218,221,224],{},[27,219,220],{},"キャンバス全体(1200×1200)が描ける範囲です。",[27,222,223],{},"中央の円(直径800)がアバターアイコンの位置です。耳や輪のように、円の外へはみ出す装飾も描けます。",[27,225,226],{},"十字線は中心の目安です。",[55,228,229],{"id":229},"作成の手順",[24,231,232,235,238,241,246],{},[27,233,234],{},"お絵かきアプリ(CLIP STUDIO PAINT・Procreate・ibisPaint など)でテンプレートを開きます。",[27,236,237],{},"テンプレートの上に新しいレイヤーを作り、そこに装飾を描きます。",[27,239,240],{},"書き出す前に、テンプレート(ガイド)のレイヤーを非表示にします。",[27,242,243],{},[50,244,245],{},"背景を透過したままPNG形式で書き出します。",[27,247,248],{},"「アバターの設定」の「自分の画像で装飾を作る」からアップロードします。",[55,250,251],{"id":251},"注意点",[34,253,254,257,260],{},[27,255,256],{},"ファイルは2MBまでです。大きい画像は自動で縮小されます(長辺1200pxまで)。",[27,258,259],{},"JPEGには透明がないため、アイコン全体が四角い画像で覆われてしまいます。透過PNGを使ってください。",[27,261,262,263,267],{},"アップロードした画像は",[67,264,266],{"href":265},"\u002Fhelp\u002Fimages","画像ライブラリ","に保存され、保存枚数の枠を使います。装飾をやめた画像はライブラリから削除できます。",[19,269,270],{"id":270},"表示について",[34,272,273,276,279],{},[27,274,275],{},"装飾はアイコンの円からはみ出して表示されます(テンプレートのキャンバス範囲まで)。",[27,277,278],{},"プリセットの装飾はモーション付き、自分の画像は静止画です。",[27,280,281],{},"訪問者の環境が「視差効果を減らす」設定のときは、プリセットのモーションは止まった状態で表示されます。",{"title":144,"searchDepth":145,"depth":145,"links":283},[284,285,290],{"id":177,"depth":145,"text":177},{"id":196,"depth":145,"text":196,"children":286},[287,288,289],{"id":202,"depth":151,"text":202},{"id":229,"depth":151,"text":229},{"id":251,"depth":151,"text":251},{"id":270,"depth":145,"text":270},"アバターアイコンにエビフライや天使などの装飾を付ける方法と、テンプレートを使って透過PNGで自作の装飾を作る手順を紹介します。",{},"\u002Fhelp\u002Favatar-decoration",{"title":166,"description":291},"help\u002Favatar-decoration","9eRZKXUTmGIC3ofqBBo1Mi2ltGcWNrZhH0ZMnPQEilg",1786008345069]