アイコンメーカー

section-iconmaker.jsp

AIを利用してアイコン画像を生成するエレメントです。
サービスの機能説明やUIパーツなど、用途に合わせたアイコンを生成することができます。
デザインテイストを統一したアイコンを作成することで、
サイト全体のビジュアルデザインを整えた表現が可能になります。

template/section-iconmaker.jsp
Outline Parameter
oldt=$active
olft=@outline
Init Parameter
none

HOME

シンプルなデザインが魅力のマークアイコン。中央に家のモチーフを配置し、最小限の要素で最大の効果を狙いました。
PROFILE

男の子をモチーフにしたアニメ風フェイスアイコン。ブラック＆ホワイトカラーで可愛さを引き立てます。原稿風の真ん中配置で、シンプルに仕上げました。
BASS FISHING

シャープな線描でジャンプするブラックバスを描くフラットスタイルのクールなアイコン画像です。
ACCESS

シンプルでフラットな地図をモチーフにしたマークアイコン。白黒のコントラストが際立つデザインです。

※デザインイメージは、デフォルトスタイルを適用。
※データ構成は、以下データアイテムを参照。

outlineアウトライン: <Spikey> <Index Tag="form"> <Line Id="1"> <Entry Tag="Type">FileImage</Entry> <Entry Tag="Style"></Entry> <Entry Tag="Tag">iconmakerhi</Entry> <Entry Tag="Name">ヘッド画像</Entry> </Line> <Line Id="2"> <Entry Tag="Type">TextField</Entry> <Entry Tag="Style"></Entry> <Entry Tag="Tag">iconmakerh1</Entry> <Entry Tag="Name">大見出し</Entry> </Line> <Line Id="3"> <Entry Tag="Type">TextField</Entry> <Entry Tag="Style"></Entry> <Entry Tag="Tag">iconmakerh2</Entry> <Entry Tag="Name">小見出し</Entry> </Line> <Line Id="4"> <Entry Tag="Type">TextArea</Entry> <Entry Tag="Style">-comment</Entry> <Entry Tag="Tag">iconmakerex</Entry> <Entry Tag="Name">本文</Entry> </Line> <Line Id="5"> <Entry Tag="Type">TextArea</Entry> <Entry Tag="Style">-note</Entry> <Entry Tag="Tag">iconmakernt</Entry> <Entry Tag="Name">備考</Entry> </Line> <Line Id="6"> <Entry Tag="Type">Boolean</Entry> <Entry Tag="Style"></Entry> <Entry Tag="Tag">iconmakersw</Entry> <Entry Tag="Name">表示・非表示</Entry> </Line> </Index> </Spikey>

iconmakerICONMAKER: <Spikey> <Index Tag="filter"> <Line Id="1"> <Entry Tag="Type">Value</Entry> <Entry Tag="Target">prompt</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">初期化</Entry> <Entry Tag="Value">value="あなたは、グラフィックデザイナーです。以下のアイコン情報をもとに、**Webやアプリで使用されるアイコン画像**を作成してください。"</Entry> </Line> <Line Id="2"> <Entry Tag="Type">Value</Entry> <Entry Tag="Target">prompt</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">プロンプト</Entry> <Entry Tag="Value">value=" 【アイコン情報】" joint="1"</Entry> </Line> <Line Id="3"> <Entry Tag="Type">Value</Entry> <Entry Tag="Target">body</Entry> <Entry Tag="Attach">body</Entry> <Entry Tag="Name">初期化</Entry> <Entry Tag="Switch">pict</Entry> </Line> <Line Id="4"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">type</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【種類／タイプ】: </Entry> <Entry Tag="Value">startlabel="【種類／タイプ】:"</Entry> </Line> <Line Id="5"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">style</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【スタイル】: </Entry> <Entry Tag="Value">startlabel="【スタイル】:"</Entry> </Line> <Line Id="6"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">theme</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【テーマ／モチーフ】:</Entry> <Entry Tag="Value">startlabel="【テーマ／モチーフ】:"</Entry> </Line> <Line Id="7"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">color</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【形状カラー】: </Entry> <Entry Tag="Value">startlabel="【形状カラー】:"</Entry> </Line> <Line Id="8"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">lbcolor</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【ライン・ベタカラー】:</Entry> <Entry Tag="Value">startlabel="【ライン・ベタカラー】:"</Entry> </Line> <Line Id="9"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">bgcolor</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【背景カラー】:</Entry> <Entry Tag="Value">startlabel="【背景カラー】:"</Entry> </Line> <Line Id="10"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">shape</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【形状】:</Entry> <Entry Tag="Value">startlabel="【形状】:"</Entry> </Line> <Line Id="11"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">detail</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【ディテール】:</Entry> <Entry Tag="Value">startlabel="【ディテール】:"</Entry> </Line> <Line Id="12"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">feature</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【特徴】:</Entry> <Entry Tag="Value">startlabel="【特徴】:"</Entry> </Line> <Line Id="13"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">composition</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">【構図】:</Entry> <Entry Tag="Value">startlabel="【構図】:"</Entry> </Line> <Line Id="14"> <Entry Tag="Type">ChatGPT</Entry> <Entry Tag="Target">prompt</Entry> <Entry Tag="Attach">body</Entry> <Entry Tag="Name">アイコン紹介</Entry> <Entry Tag="Value">apikey="***" prompt="以下【テーマ／モチーフ】【特徴】【構図】から、アイコンの紹介文を50文字程度で書いてください。 ***原稿*** *"</Entry> <Entry Tag="Switch">infswitch</Entry> </Line> <Line Id="15"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">bgcolor</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">■ 制作条件（厳守）：</Entry> <Entry Tag="Value">label="■ 制作条件（厳守）：・アイコンは、【形状】で指定されている内側いっぱいを使い、上下左右の端にぴったり接する最大サイズで描いてください。・指定色のみで描き、余白・空白は禁止です。・アイコンは指定された形状の内側に完全に収めてください。・アイコンは天地左右の中央に描いて、それ以外の要素は描かないでください。・アイコンの要素は形状の外にはみ出さないようにしてください。・影、グラデーション、光沢などの装飾は一切使用しないでください。・画像の背景全体を背景色（*）で塗りつぶしてください。"</Entry> </Line> <Line Id="16"> <Entry Tag="Type">Format</Entry> <Entry Tag="Target">color</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">・その上に、指定された線色・ベタ色・・・</Entry> <Entry Tag="Value">label="・その上に、指定された線色・ベタ色（*）を使用してアイコンを描いてください。・背景とアイコンの色は絶対に混同しないでください。・デザインはシンプルかつ明快に仕上げ、視認性と実用性を重視してください。・文字や記号、説明文などは入れないでください。"</Entry> </Line> <Line Id="17"> <Entry Tag="Type">ChatGPT</Entry> <Entry Tag="Target">prompt</Entry> <Entry Tag="Attach">prompt</Entry> <Entry Tag="Name">プロンプト最適化</Entry> <Entry Tag="Value">apikey="***" prompt="指示：以下の情報をもとに、**DALL·E 3向けの画像生成プロンプトを英語で構築してください**。画像は、Webやアプリ用のアイコンとして使用されるシンプルで視認性の高いものを想定しています。条件や禁止事項も含め、DALL·E 3が正しく解釈しやすいように明確で簡潔な文章にしてください。【情報】 *"</Entry> <Entry Tag="Switch">optswitch</Entry> </Line> <Line Id="18"> <Entry Tag="Type">ChatGPTImage</Entry> <Entry Tag="Target">prompt</Entry> <Entry Tag="Attach">pict</Entry> <Entry Tag="Name">アイコン生成</Entry> <Entry Tag="Value">apikey="***"</Entry> <Entry Tag="Switch">genswitch</Entry> </Line> <Line Id="19"> <Entry Tag="Type">ImgTrimming</Entry> <Entry Tag="Target">pict</Entry> <Entry Tag="Attach">icon</Entry> <Entry Tag="Name">アイコントリミング</Entry> <Entry Tag="Value">mode=-1 f.hsize=trimming f.wsize=trimming aname=icon-*</Entry> </Line> <Line Id="20"> <Entry Tag="Type">Value</Entry> <Entry Tag="Target">optswitch</Entry> <Entry Tag="Attach">optswitch</Entry> <Entry Tag="Name">初期化</Entry> </Line> <Line Id="21"> <Entry Tag="Type">Value</Entry> <Entry Tag="Target">genswitch</Entry> <Entry Tag="Attach">genswitch</Entry> <Entry Tag="Name">初期化</Entry> </Line> <Line Id="22"> <Entry Tag="Type">Value</Entry> <Entry Tag="Target">infswitch</Entry> <Entry Tag="Attach">infswitch</Entry> <Entry Tag="Name">初期化</Entry> </Line> </Index> <Index Tag="form"> <Line Id="1"> <Entry Tag="Type">FileImage</Entry> <Entry Tag="Tag">pict</Entry> <Entry Tag="Name">生成アイコン</Entry> </Line> <Line Id="2"> <Entry Tag="Type">Integer</Entry> <Entry Tag="Tag">trimming</Entry> <Entry Tag="Name">トリミング</Entry> <Entry Tag="Value">value="0"</Entry> <Entry Tag="Style">-name</Entry> <Entry Tag="Split">-split</Entry> </Line> <Line Id="3"> <Entry Tag="Type">FileImage</Entry> <Entry Tag="Tag">icon</Entry> <Entry Tag="Name">アイコン</Entry> <Entry Tag="Fixed">2</Entry> </Line> <Line Id="4"> <Entry Tag="Type">Alphanum</Entry> <Entry Tag="Tag">tag</Entry> <Entry Tag="Name">タグ</Entry> <Entry Tag="Input">1</Entry> <Entry Tag="Attach">tb.uniq</Entry> </Line> <Line Id="5"> <Entry Tag="Type">TextField</Entry> <Entry Tag="Tag">name</Entry> <Entry Tag="Name">名前</Entry> <Entry Tag="Input">1</Entry> <Entry Tag="Attach">tb.manage</Entry> </Line> <Line Id="6"> <Entry Tag="Type">TextArea</Entry> <Entry Tag="Tag">body</Entry> <Entry Tag="Name">説明</Entry> <Entry Tag="Fixed">2</Entry> </Line> <Line Id="7"> <Entry Tag="Type">Boolean</Entry> <Entry Tag="Style"></Entry> <Entry Tag="Tag">switch</Entry> <Entry Tag="Name">表示・非表示</Entry> </Line> <Line Id="8"> <Entry Tag="Type">Pop</Entry> <Entry Tag="Tag">type</Entry> <Entry Tag="Name">種類／タイプ</Entry> <Entry Tag="Value">{none,--},{symbol,シンボル},{object,モノ・道具},{animal,動物},{fish,魚},{person,人物・キャラクター},{face,顔アイコン},{logo,ロゴ風},{mark,記号・マーク},{shape,図形・フレーム},{emoji,絵文字風},{ui,UIアイコン},{tech,テック系（AI・IT）},{nature,自然物（木・雲など）},{abstract,抽象表現}</Entry> <Entry Tag="Title">プロンプト</Entry> </Line> <Line Id="9"> <Entry Tag="Type">Pop</Entry> <Entry Tag="Tag">style</Entry> <Entry Tag="Name">スタイル</Entry> <Entry Tag="Value">{none,--},{flat,フラット},{line,ライン},{fill,塗りあり},{outline,アウトライン},{minimal,ミニマル},{pixel,ピクセル風},{3d,3D風},{handdrawn,手描き風},{pop,ポップ調},{realistic,リアル風},{comic,コミック風},{anime,アニメ風},{isometric,アイソメトリック}</Entry> </Line> <Line Id="10"> <Entry Tag="Type">TextField</Entry> <Entry Tag="Style"></Entry> <Entry Tag="Tag">theme</Entry> <Entry Tag="Name">テーマ／モチーフ</Entry> </Line> <Line Id="11"> <Entry Tag="Type">ColorHtml</Entry> <Entry Tag="Tag">color</Entry> <Entry Tag="Name">形状カラー</Entry> </Line> <Line Id="12"> <Entry Tag="Type">ColorHtml</Entry> <Entry Tag="Style"></Entry> <Entry Tag="Tag">lbcolor</Entry> <Entry Tag="Name">ライン・ベタカラー</Entry> </Line> <Line Id="13"> <Entry Tag="Type">ColorHtml</Entry> <Entry Tag="Tag">bgcolor</Entry> <Entry Tag="Name">背景カラー</Entry> </Line> <Line Id="14"> <Entry Tag="Type">Pop</Entry> <Entry Tag="Tag">shape</Entry> <Entry Tag="Name">形状</Entry> <Entry Tag="Value">{none,--},{square,正方形},{circle,円形},{rounded_square,角丸四角},{hexagon,六角形},{shield,盾型},{drop,しずく型},{star,星型},{triangle,三角形}</Entry> </Line> <Line Id="15"> <Entry Tag="Type">Pop</Entry> <Entry Tag="Tag">detail</Entry> <Entry Tag="Name">ディテール </Entry> <Entry Tag="Value">{simple,シンプル},{standard,標準},{detailed,細かめ},{outline_only,線のみ}</Entry> </Line> <Line Id="16"> <Entry Tag="Type">Pop</Entry> <Entry Tag="Style">-name</Entry> <Entry Tag="Tag">feature</Entry> <Entry Tag="Name">特徴 </Entry> <Entry Tag="Value">{none,--},{simple,シンプル},{cute,かわいい},{cool,かっこいい},{funny,ユニーク・おもしろい},{natural,自然な印象},{sharp,シャープで洗練された},{bold,太めで力強い},{minimal,最小限構成},{flatonly,線と塗りのみ（装飾ゼロ）}</Entry> </Line> <Line Id="17"> <Entry Tag="Type">TextArea</Entry> <Entry Tag="Style">-name</Entry> <Entry Tag="Tag">composition</Entry> <Entry Tag="Name">構図</Entry> </Line> <Line Id="18"> <Entry Tag="Type">Pop</Entry> <Entry Tag="Tag">size</Entry> <Entry Tag="Name">サイズ</Entry> <Entry Tag="Value">{1024x1024,--},{1792x1024,ヨコナガ},{1024x1792,タテナガ}</Entry> </Line> <Line Id="19"> <Entry Tag="Type">Boolean</Entry> <Entry Tag="Tag">optswitch</Entry> <Entry Tag="Name">プロンプト最適化</Entry> <Entry Tag="Title">↓</Entry> </Line> <Line Id="20"> <Entry Tag="Type">Boolean</Entry> <Entry Tag="Style"></Entry> <Entry Tag="Tag">genswitch</Entry> <Entry Tag="Name">アイコン生成</Entry> </Line> <Line Id="21"> <Entry Tag="Type">Boolean</Entry> <Entry Tag="Tag">infswitch</Entry> <Entry Tag="Name">アイコン説明</Entry> </Line> <Line Id="22"> <Entry Tag="Type">TextArea</Entry> <Entry Tag="Tag">prompt</Entry> <Entry Tag="Name">プロンプト</Entry> <Entry Tag="Value">hidden="1"</Entry> </Line> </Index> </Spikey>

アイコンメーカー

section-iconmaker.jsp

HOME

PROFILE

BASS FISHING

ACCESS