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