[iPhone/iPadアプリ] Isometric ファイル書き出しとSVG形式と私

iPad・iPhoneどちらでも楽しめるアプリ Isometric。に菱形の図形を組み合せていくだけで、簡単に凄いグラフィックが作れます。ジオメトリックパターンというらしいです。頭のイメージがダイレクトに形にできる感覚でワクワクする。アプリです。

例えば、こんなのも出来ました。10分もかからずに出来ました。後はセンスが欲しいです。

Isometric exam

書き出し

上のように、出来上がったグラフィックを使うには”書き出し”が必要です。iPad/iPhoneは基本的にファイルという考え方がありません。ファイルを出力する作業で少しつまづきました。

有料アドオンを使うとSVG形式での書き出しも出来ます。価格は2013年8月1日現在で、170円でした。SVGって幸せになれるの?とも思い、使ってみました。

PNG

PNG形式で書き出してみます。デザインが完成したら、左下の矢印をタップします。

Isoe001

下の真ん中当たりに、”出力ぽいっ”アイコンがあるので、タッブします。

Isoe002

次の画面で、出来上がった図形の位置をドラッグで調整できます。思い通りの位置にします。このような作業をすると、iPad・iPhoneの操作って良いよなぁと感じます。

位置が決まったら、「Next」をタップして、次に進みます。

Isoe003

背景選択画面になります。今回は透過PNGを作るので、左にドラッグして「Alpha」を選択します。

Isoe004

PNG image with transparent background(透過PNG) と書いてあります。

「Next」をタップして、次に進みます。

Isoe007

良ければ「Open In…」をタップします。ついつい”Done”を選んでしまいそうになりますが、違います。ここでハマりました。

Isoe006

どうする?画面になります。”Save to Camera Roll”が一番分かりやすいと思って選びました。これで”カメラロール”に画像が出力できました。後はDropboxに出してしまえば思いのままです。

Isoe010

SVG

SVG形式での出力もしました。ただし”有料アドオン”なので、必要な場合だけで良いと思います。

Isos001

sagを選択すると、”Saves the drawing as vector image in the SVG Format”とあります。”ベクターデータ(SVG形式)で出力”との案内です。「Next」をタップして、次に進みます。

ベクター?なに?は、後でまとめています。

Isos002

でかでかと「.svg」と誇らしげに表示されます。「Open In…」をタップします。ここも、ついつい”Done”を選んでしまいそうになりますが、違います。

Isos003

出力先の選択画面がPNGの時と違います。直接 Dropbox・SugerSync・Googleドライブが選べました。

なぜか、下に”Open in そら案内”とあります。試してみましたが、単にそら案内が起動するだけでした。いまいち分かっていないのかな、私。

Iso020

これでsvgファイルを書き出せました。

ベクターデータ

「ベクタ形式」とも言われます。ざっくりした説明ですが、ビットマップ形式などは点の集合で画像を作っています。これと対になる形式がベクタ形式です。線も曲線も数値化された位置データ(座標)を使って、画像を作っています。

数値データのため、画像を拡大・縮小・変形しても”画像がギザギザになったり、ボヤボヤ”になりません。これがメリットです。ビットマップならPhotshop、ベクタならIllustratorが主に扱います。

ベクタ形式 – Wikipedia

Scalable Vector Graphics

このベクタ形式の画像ファイルの一つがSVGです。XMLで書かれています。10年以上前に登場していますが、日陰街道でした。最近はHTML5で扱えるため、注目されています。

WordPressではまだ扱いにくいのが難点です。

WordPressでSVG形式の画像表示 | ZeroGram

ただし、今後さらに注目されるファイル形式と思います。これが書き出すのに、有料アドオンがいるということでして、世の中上手くしてあります。

Scalable Vector Graphics – Wikipedia

iDrawで開くと、下のように表示されます。線データの集合体の画像と認識されています。

Idraw

関連記事

[箱] Isometric (iPhone・iPadアプリ)思わずハマるグラフィックアプリ。一瞬でFavicon素材 を造れました。 | [箱]ものくろぼっくす

[箱] [WordPress] PNG画像からFaviconを作って、”WP Total Hacks”で設定した方法 | [箱]ものくろぼっくす

Isometric

Isometric Isometric価格: ¥170
( Storeにてご確認ください。)

カテゴリ: 仕事効率化, 写真/ビデオ
App Storeで詳細を見る

アプリをダウンロードする

 

iDraw

iDraw iDraw価格: ¥2,200
( Storeにてご確認ください。)

カテゴリ: グラフィック&デザイン, 仕事効率化
App Storeで詳細を見る

アプリをダウンロードする

 

無料メルマガにぜひご登録ください

ブログより日常を書いています。
ものくろキャンプ メルマガ
購読登録フォーム
Eメール必須
お名前(姓)必須
お名前(名)必須
  • ブックマーク

著者情報

おおひがし のぶひと

大東 信仁

博士課程中退 / WEB・ITコンサルタント(業界歴 9年以上) / 岡部明美LPL養成講座 認定心理カウンセラー ・セラピスト(業界歴 5年) / ニックネーム : ものくろ / ブロガー / WordPress & Woocommerceが得意 / orz レイアウト開発者 / 株式会社 あみだす 代表取締役

サービス提供領域

  • WEBコンサルティング
  • WEB・コンテンツ マーケティング
  • SEO コンサルティング
  • WEBサイト制作・運用保守サポート
  • EC サイト制作・運用保守サポート
  • WordPress 導入サポート
  • WordPress 運用サポート
  • SNS コンサルティング
  • Youtube コンサルティング
  • 情報発信 サポート
  • IT・WEBの枠組みを超えた経営支援
  • 講師・ワークショップ 運営サポート
  • 心理カウンセリング
  • 企業様向け コミュニケーション研修
  • 経営者様向け サポート
  • 自己成長・探求 サポート

お仕事のご依頼はこちら

WEB・ITコンサルティング

カウンセリング・セラピー

公式LINE

公式LINEにて、不定期ながら、モニターセッションやお得情報などのスケジュール案内や、心と向き合うコツなどを発信し、日常の中でカウンセリングの視点からの”気づき”を公式LINEにて語ります。ぜひ、ご登録ください。

友だち追加

講座・ワークショップ 開催予定

2023-01-07 09:30 – 19:30
2023年1月7日 18きっぷを楽しむ1日
詳細・お申し込みはこちら

2023-01-07 13:00 – 15:00
大阪【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-09 20:00 – 21:30
【あみだす新春スペシャル】運気に乗ろう!暦を味方に付ける講座:オンライン
詳細・お申し込みはこちら

2023-01-11 19:30 – 21:30
【ものくろキャンプ】全5回 第二水曜日・オンライン開催 「情報発信しようとするとなぜか?ブロックがかかってしまう人のためのブログ・SNS講座」
詳細・お申し込みはこちら

2023-01-12 11:00 – 13:30
平日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-12 19:00 – 22:00
木曜夜開催【東京 ブログ】グループセッション 1月12日
詳細・お申し込みはこちら

2023-01-14 11:00 – 13:30
オンライン【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-14 15:00 – 17:30
【あみだす発酵アカデミー】イカの塩辛作りクラス
詳細・お申し込みはこちら

2023-01-15 13:00 – 15:30
日曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-18 19:00 – 20:30
あみだすマインドフルネス 瞑想会
詳細・お申し込みはこちら

2023-01-21 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-27 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 1月27日
詳細・お申し込みはこちら

2023-01-28 14:00 – 17:30
”職場のコミュニケーションが良くなる”働く人のための傾聴講座 3回連続講座
詳細・お申し込みはこちら

2023-02-09 19:00 – 22:00
木曜夜開催【東京 ブログ】グループセッション 2月9日
詳細・お申し込みはこちら

2023-02-18 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-02-19 11:00 – 13:30
日曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-02-23 11:00 – 13:30
木・祝日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。


カテゴリー 一覧