iPhone

ibis Paint Xでグラデーション文字(PNG透過画像)を作成する

ibis Paint Xでグラデーション文字(透過画像)を作成する 完成形はこちら iPhoneで作成する グラデーションの色は、以前作成したグラデーションの画像を使う 参考:シェルスクリプトで、HTML/CSSの出力結果(グラデーション)を、PNG画像に変換してローカルに保存する 今回利用するペイントソフトはibis Paint X App Storeからインストールしておく (今回はibisだが、特別な機能を使っていないので、レイヤーを使えるペイントソフトであれば何でもOK) アプリを立ち上げ「マイギャラリー」をクリック (画像が中国語設定なのはごめんなさい) 左下の「+(プラス)」アイコンから新規作成 お好きなキャンバスサイズを選択する レイヤーのアイコンをクリック 背景は白以外にしておく カメラのマークから、グラデーション画像を開く お好きな大きさに調整し、チェックマークで確定 レイヤーのアイコンをクリックし、「+(プラス)」アイコンからレイヤーを追加する 「三(三本線)」アイコンをクリックしながら、追加したレイヤーをグラデーション画像の上に持っていき、 選択した状態にしておく 左から二番目(今回は筆のマーク)のアイコンをクリック「文字入れ」を選択 「文字追加」というボックスが現れるのでクリック お好きな文字を入れ、字体なども調整する (グラデーションが見えるように太めの字体がおすすめ) この際、色は何でもOK できたらチェックマークを選択して終了 レイヤーウインドウを開き、「+(プラス)」アイコンからレイヤーを追加する 追加したレイヤーは、先ほど作成した文字とグラデーション画像の間に来るように移動する グラデーションのレイヤーは、目のアイコンをクリックし見えない状態にしておく 追加したレイヤーを選択した状態で閉じる (レイヤーアイコンがあった部分を再びクリックすると、レイヤーウインドウが閉じる) 左から二番目(今回はTのマーク)のアイコンをクリック「塗りつぶし」を選択 画像の文字以外の場所をクリックし、塗りつぶす この際、色は文字の色と被らなければ何でもOK レイヤーウインドウを開き、文字のレイヤーとグラデーションレイヤーの目のアイコンをクリックし、見えない状態にする 塗りつぶしたレイヤーを選択して、ウインドウを閉じる 上部の四角いマークをクリック 「不透明度で選択」をクリック 塗りつぶした部分が選択される レイヤーウインドウを開き、塗りつぶしたレイヤーを見えない状態にし、グラデーションのレイヤーを見える状態にする 左から二番目のアイコン(今回はバケツ)をクリックし「消しゴム」を選択する 下部に消しゴムの大きさを調整するバーが出るので一番大きくしておく 画像を豪快に消していくと文字部分だけが残る 上部の四角いマークをクリックし、「選択解除」 これで完成 一番右下のアイコンをクリックし「透過PNG保存」から透過PNG画像として保存ができる こちらが完成した画像 以上。

iMovieで日本語フォントを自由に動かす

iMovieはAppleの無料で使える動画制作ソフト とても便利なのですが、テキストを自由に配置できなかったり、可愛いフォントが無かったりと、融通が効かないことも多いです 今回は、keynoteと、Line Cameraを使って、可愛い動画を作ります 完成動画 前提(インストールしておくアプリ) Macの方には以下がインストールされていること * iMovie https://www.apple.com/jp/imovie/ 動画を編集するソフト * Keynote https://www.apple.com/jp/keynote/ 本来の目的はプレゼンテーション用だが、今回はKeynoteで動画を作る iPhoneの方には以下がインストールされていること * Line Camera https://itunes.apple.com/jp/app/line-camera-写真編集-オシャレ加工/id516561342?mt=8 日本語フォントやスタンプが充実しているので、普段使っている画像編集アプリ 【iMovieから操作】ベースとなる動画をアップロード まずは、ベースとなる動画をiMovieにアップロードする Movieを選択して、新規プロジェクトを作成 「File」>「Import Media」よりベースとなる動画をアップロードする 「+(プラス)」ボタンより、アップロードした動画をプロジェクトに追加する 【Keynoteから操作】動画の背景作成 次に上に重ねる動画の背景画像を作成する フルHDの緑色の画像ができれば何でも良いのですが、Keynoteを使う Wideの無地のスライドを作成する 背景はグリーンにする 「File」>「Export TO」より、PNG形式でできた画像を保存する 保存した画像はAirDropなどで、iPhoneに送っておく 【Line Cameraから操作】重ねる動画の素材作成 パラパラ漫画のように、重ねる動画の材料となる画像たちをLine Cameraで作成する ※一部中国語となっているのはご容赦ください Line Cameraから、先ほど作成したグリーンの画像を開く スタンプやら文字やらを配置して、画像を保存 これが最終形の画像 保存したら編集画面に戻り、少し文字や画像を動かして、また保存 これを繰り返していく 画像たちが出来上がったら、またAirDropなどでMacに送っておく 【Keynoteから操作】重ねる動画の作成 先ほどLine Cameraで作成した画像たちを、Keynoteでつなげて、動画にする Line Cameraで作成した画像たちを、一枚一枚のスライドとして順番に並べる 全スライドを選択して、次スライドへの移動を「Automatically」とする 「Play」>「Record Slideshow」より、スライドショーの録画をする …

iMovieで日本語フォントを自由に動かす Read More »