022の帽子(ロゴ入りのキャップ)を作りました。

  • URLをコピーしました!
目次

022のロゴ入りキャップを作りました。

「022」という文字を気軽に身につけたかったので自分でデザインして作りました。

オンラインでデザインして販売し自分でも購入できるサイトを利用しました。

ロゴとして使用した文字は、自分で透過pngの画像を用意してサイトにアップロードする形にしました。

自分で購入するために作ったので、利益は0円になるように価格を設定してあります。

気に入ってくれた方がいたら購入して身に着けてもらえれば嬉しいです。

サイトはこちらのオリラボマーケットと言う所です。

Orilab Market
022(ぜろにに)のオリジナルグッズ・アイテム|クリエイターのオリジナルグッズ販売のオリラボマーケット 022(ぜろにに)さんのオリジナルグッズ絶賛発売中。ORIGINAL MARKET(オリラボマーケット)

私は商品をオンラインでデザインして簡単な販売ページのの設定をするだけで、商品が購入された時には支払いの確認と発送まで自動で行ってくれる業者さんなのでこちらを選びました。

複数の帽子を作ったので違いを説明するためにもこのページで紹介します。

管理ナンバーと商品名について

「#」から始まる管理ナンバーについて

商品ごとに管理しやすいように「#」から始まる管理ナンバーを各商品ごとにつけています。

例えば、#a001 という管理ナンバーがついた商品は1種類だけです。

何か不具合等があったときに受け答えしやすいと思い、管理ナンバーを入れることに決めました。

商品名について

自分でわかりやすいように、商品名にはフォントの名前やサイズも入れています。

例えば、「022 ロゴキャップ Utsukushifont 1449×767 文字色 白 #a001」という名前の商品なら、

・「Utsukushifont」がフォント名

・ 「1449×767」は使用したロゴの画像の大きさ(および、画像ファイルの名前)

・「文字色 白」はロゴの文字色

・最後にその商品だけの管理ナンバーが「#」から始まる文字列「#a001」

という意味です。

商品の説明

それでは商品の細かな説明です。

色は、「白文字」と「黒文字」の2種類。各商品の見本の画像は白もしくは黒ですが、購入画面でキャップ本体の好きな色を選択できるようになっています。

ただし、黒いキャップに黒文字や白いキャップに白文字は印刷が読めるかどうかは不明ですので注意が必要です。

フォントはUtsukushifont、Arial、の2種類。

それ以外に、フォントの大きさ、フォント同士の距離、で違いを出して、全部で10種のキャップを作りました。

022 ロゴキャップ Utsukushifont 1449×767 文字色 白 #a001

フォント:Utsukushifont、フォントの大きさ:普通、フォント同士の距離:普通、文字色:白

Orilab Market
022 ロゴキャップ Utsukushifont 1449×767 文字色 白 #a001が購入できるページ 022 ロゴキャップ Utsukushifont 1449×767 文字色 白 #a001が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

022 ロゴキャップ Utsukushifont 1449×767 文字色 黒 #a002

フォント:Utsukushifont、フォントの大きさ:普通、フォント同士の距離:普通、文字色:黒

Orilab Market
022 ロゴキャップ Utsukushifont 1449×767 文字色 黒 #a002が購入できるページ 022 ロゴキャップ Utsukushifont 1449×767 文字色 黒 #a002が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

022 ロゴキャップ Arial 1435×738 文字色 白 #a003

フォント:Arial、フォントの大きさ:少し大きい、フォント同士の距離:近い、文字色:白

Orilab Market
022 ロゴキャップ Arial 1435×738 文字色 白 #a003が購入できるページ 022 ロゴキャップ Arial 1435×738 文字色 白 #a003が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

022 ロゴキャップ Arial 1507×745 文字色 白 #a004

フォント:Arial、フォントの大きさ:普通、フォント同士の距離:普通、文字色:白

Orilab Market
022 ロゴキャップ Arial 1507×745 文字色 白 #a004が購入できるページ 022 ロゴキャップ Arial 1507×745 文字色 白 #a004が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

022 ロゴキャップ Arial 1507×745 文字色 黒 #a005

フォント:Arial、フォントの大きさ:普通、フォント同士の距離:普通、文字色:黒

Orilab Market
022 ロゴキャップ Arial 1507×745 文字色 黒 #a005が購入できるページ 022 ロゴキャップ Arial 1507×745 文字色 黒 #a005が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

022 ロゴキャップ Arial 1435×738 文字色 黒 #a006

フォント:Arial、フォントの大きさ:少し大きい、フォント同士の距離:近い、文字色:黒

Orilab Market
022 ロゴキャップ Arial 1435×738 文字色 黒 #a006が購入できるページ 022 ロゴキャップ Arial 1435×738 文字色 黒 #a006が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

022 ロゴキャップ Utsukushifont 1369×767 文字色 白 #a007

フォント:Utsukushifont、フォントの大きさ:少し大きい、フォント同士の距離:近い、文字色:白

Orilab Market
022 ロゴキャップ Utsukushifont 1369×767 文字色 白 #a007が購入できるページ 022 ロゴキャップ Utsukushifont 1369×767 文字色 白 #a007が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

022 ロゴキャップ Utsukushifont 1369×767 文字色 黒 #a008

フォント:Utsukushifont、フォントの大きさ:少し大きい、フォント同士の距離:近い、文字色:黒

Orilab Market
022 ロゴキャップ Utsukushifont 1369×767 文字色 黒 #a008が購入できるページ 022 ロゴキャップ Utsukushifont 1369×767 文字色 黒 #a008が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

022 ロゴキャップ Utsukushifont 1305×763 文字色 白 #a009

フォント:Utsukushifont、フォントの大きさ:大きい、フォント同士の距離:近い、重なっている、文字色:白

Orilab Market
022 ロゴキャップ Utsukushifont 1305×763 文字色 白 #a009が購入できるページ 022 ロゴキャップ Utsukushifont 1305×763 文字色 白 #a009が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

022 ロゴキャップ Utsukushifont 1305×763 文字色 黒 #a010

フォント:Utsukushifont、フォントの大きさ:大きい、フォント同士の距離:近い、重なっている、文字色:黒

Orilab Market
022 ロゴキャップ Utsukushifont 1305×763 文字色 黒 #a010が購入できるページ 022 ロゴキャップ Utsukushifont 1305×763 文字色 黒 #a010が購入できるページ。色やサイズも選択可能。ORIGINAL MARKET(オリラボマーケット)

以上の10種類です。

作ってみた感想

思った以上にきちんとしたものが作れたので良かったです。

個人的には黒字に白文字のデザインが好きなので

・022 ロゴキャップ Utsukushifont 1305×763 文字色 白 #a009

・022 ロゴキャップ Utsukushifont 1369×767 文字色 白 #a007

・022 ロゴキャップ Utsukushifont 1449×767 文字色 白 #a001

も良いなと思いながらも

・022 ロゴキャップ Arial 1435×738 文字色 白 #a00

・022 ロゴキャップ Arial 1507×745 文字色 白 #a004

の2つも良いので、実際にどれを注文して購入しようかと思案しているところです。

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次