Uca

Uca - Android版 ダウンロードと設定手順

アプリ概要 

 

f:id:M_Atelier:20180618234627p:plain

 

  • スマートフォンをペイントツールのショートカットに使用することができます。
  • 「キャンバスの拡大」「キャンバスの回転」「戻る」「ツール切替」、その他キーボードショートカットを設定することができます。
  • パソコンはWindowsに対応です。
  • ショートカットキーは最大36個まで設定できます。

 


注意

  • スマートフォン用アプリの他に、パソコン用アプリ「UcaReceiver」が必要になります。これはスマートフォンからの信号「キャンバスの拡大」「戻る」などの信号 を受信し、クリップスタジオなどのペイントソフトに伝える為のアプリです。インストールは不要ですが、パソコン上で実行しておく必要があります。
  • お使いのWindowsパソコンに「Bluetooth機能」が必要です。
  • ご意見ご感想、バグ等あれば、Googleお問い合わせフォームにてお願いいたします。  左手用デバイス要望フォーム

 

 

アプリご使用の前に

 あらかじめスマートフォンとパソコンを「ペアリング」する必要があります。すでにスマートフォンとパソコンをペアリングしてある方はこの手順は不要です。

「ペアリング方法」はこちらに書いています。

パソコンとスマートフォンを「ペアリング」する方法 - Uca

 

 

以下、Ucaのダウンロードと設定手順です。

ダウンロード

  

Androidアプリのダウンロード

 下記のページにAndroidスマートフォンでアクセスしてください。

https://play.google.com/store/apps/details?id=com.leaves.miyama.lefthanddevice2_1

 

 QRコード読み取りアプリを持ってある方は、スマートフォンで下記QRコードを読み込むとアクセスできます。

f:id:M_Atelier:20180818234934p:plain


 または、 Google Playストアにて「Uca 左手デバイス」で検索すると出てきます。


 スマートフォンでアプリのインストール画面を開くと、次のページが現れます。「インストール」を選んでください。

f:id:M_Atelier:20180704210524p:plain


 次の画面で「同意する」を選んでください。

f:id:M_Atelier:20180706205400p:plain

 インストールが完了すると、次の画面が現れます。「開く」を押すと、アプリが実行します。


以上でスマートフォン側のアプリのインストール完了です。

 

Windowsアプリのダウンロード

 

 以下のページにアクセスしてください。

  UcaReceiver_V2.zip - Google ドライブ

 

画面右上の「矢印マーク」を押してください。

f:id:M_Atelier:20180614232749p:plain

 

「保存」を押してください。「UcaReceiver」がダウンロードされます。

f:id:M_Atelier:20180614232940p:plain

 

 

f:id:M_Atelier:20180827235918p:plain

 ダウンロードされたフォルダは圧縮されています。右クリックから、「全てを展開」を選んでください。

f:id:M_Atelier:20180827235959p:plain

 

 次の画面で「展開」を押してください。圧縮されたフォルダから「UcaReceiver.exe」が現れます。

 アプリはデスクトップなどの分かり易い場所に置いておいてください。インストール作業は不要です。

f:id:M_Atelier:20180828000111p:plain

 

接続設定とアプリの実行手順

パソコンのCOMポート番号を設定

 はじめに、パソコンのCOMポート番号を設定します。COMポート番号は、スマートフォンからの信号をパソコンに伝える為の「通路」の役割をします。

 

 Windowsの設定 ⇒ デバイス ⇒ Bluetoothとその他のデバイス に進みページ下部にある「その他のBluetoothオプション」を選んでください。(ウインドウによっては、右の方にあるかもしれません。)

f:id:M_Atelier:20180602215831p:plain


 「Bluetooth設定」が開きますので、「COMポート」タブを選んでください。

f:id:M_Atelier:20180602215855p:plain

 

COMポートタブを選択したら、「追加」を選んでください。

f:id:M_Atelier:20180602215913p:plain

 

「着信」ボタンを選択し、「OK]

f:id:M_Atelier:20180602215939p:plain

 

下の画面のように、ポート番号、方向、名前が表示されたと思います。この時、「着信」で表示された“ COM〇”の番号をメモしておいてください。 メモしたら、OKを押してください。

 

f:id:M_Atelier:20180722220317p:plain

 

Windowsアプリの実行

 次に、アプリを実行していきます。 先にパソコン側のアプリを実行します。

 

 「UcaReceiver.exe」をダブルクリックします。

f:id:M_Atelier:20180828000111p:plain

 もし、下の画面が出てきた場合、「詳細情報」➡「実行」を押してください。(※ PCにセキュリティソフトをインストールされてある場合、セキュリティが働く場合がありますが、無視してください。)

f:id:M_Atelier:20180613002845p:plain f:id:M_Atelier:20180613002848p:plain

 

 

 UcaReceiverを実行すると、次のようなウインドウが現れます。先ほど控えておいた「COMポ ート」の番号を選択し、「接続」ボタンを押してください。

 前回接続したCOMポートを覚えており、2回目以降はアプリを起動するだけで自動的に接続されます。

 

f:id:M_Atelier:20180822020249j:plain

  ウインドウ下部に「受信準備完了」と表示されたら、パソコン側は準備OKです。

 

Androidアプリの実行

  AndroidアプリのUcaを実行して下さい。ショートカットボタンが配置された画面が表示されます。右上の「QR」と書かれたマークを押してください。QRコード読み取りカメラが開きますので、Windowsアプリ側のQRコードをカメラで写すと、自動的にパソコンとスマートフォンの接続処理が行われます。

 

 Android画面左上の「接続OFF」が「接続ON」になったら、接続完了です。

  

f:id:M_Atelier:20180820130003p:plain

 


 スマートフォンからキャンバス操作やショートカットキーの指示が送信できるようになっています。

 

 スマートフォンの画面上半分にある円部分を指でなぞることで、キャンバスを回転させたり、拡大縮小させたりできます。また、下半分にある矢印付近を使いたいツールの方向にフリックすることで、キーボードショートカットを飛ばすことができます。

 フリックは4方向です。任意の場所をタップ、ダブルタップ、長押しすることでショートカットのセットを切り替えることができ、4×3=12個のキーボードショートカットキーを設定できます。

 また、画面中央のボタンを押すことで、別のセットに切り替えることができます。こちらも3セットありますので、合計で12×3=36個のショートカットキーが設定できます。

 

注意

  • 操作の際は、パソコン側のペイントソフトをアクティブウインドウにして下さい。
  • キャンバスの回転や拡大縮小操作は、現在のマウスポインタの位置を軸に操作します。マウスポインタがキャンバスの外にあると、キャンバス操作ができなくなります。

 

 

ショートカットの設定方法

  画面の左側からスワイプすることで、設定メニューが表示されます。「ショートカットキー変更」を選んでください。

 

f:id:M_Atelier:20180616205220p:plain

 

 画面が切り替わりますので、変更したいボタンをタッチします。

f:id:M_Atelier:20180616205329p:plain

 

 次に、割り振る機能を選んでください。 「保存」「戻る」などの基本的なショートカットはここで選択できます。

f:id:M_Atelier:20180602220845p:plain

 

 「自分で設定」を選んだ場合は、「ボタンの名前」「装飾キーの選択」「アルファベット」の3つを選択できます。

 例えば、「フィルター1(Shift+Alt+F)」 など、自由にショートカットを設定することができます。

 

f:id:M_Atelier:20180602220926p:plain

f:id:M_Atelier:20180602220932p:plain  f:id:M_Atelier:20180602220918p:plain

 

以上です。

 

動作が不安定な場合

 下記にUcaのトラブルシューティングをまとめましたので、ご参考にされてください。

atelier.hatenadiary.com


 ご意見、ご要望、バグ等あればGoogleお問い合わせフォームよりご連絡をお願い致します。

docs.google.com

スマホが左手デバイスになる(かもしれない)アプリ作成レポート2

前回のレポートはこちら↓

スマホが左手デバイスになる(かもしれない)アプリ作成レポート1 - みやまのアトリエ

 

そもそも左手デバイスって何?

 お絵描きされる方は、右手でペン、左手でキーボードの「戻る(Ctrl+Z)」や「消しゴムへ切り替え」等のショートカットキーを使われてある方が多いのではないでしょうか。

 左手デバイスはボタンが沢山付いてる入力装置です。あらかじめ機能を割り振っておいて、ボタン一つでペイントツールのツール切り替え機能等が使えるようになる装置です。 キーボードのショートカットキーの中でよく使う機能だけを、ボタン1つで操作出来たら「楽だしお絵描き効率もアップ」って道具ですね。ペンはずっとキャンバスから移動しなくていいので、慣れるとペンタブ操作がとても快適になります。

 代表的なところで、セルシスのTab-MateやWACOMのExpress Key Remoteがあります。このレビューが分かり易かったです。

 

 

 最近は任天堂スイッチのコントローラーを左手デバイスとして使うのもトレンドみたいです。

 

 

今回やりたいこと

 皆スマホ持ってるんだから、スマホでショートカットキー使えたら便利かなと。スマホアプリに予めボタンを配置しておき、そこからの指示でお絵描きツールを動かせるアプリを作成します。スマホ-パソコン間はBluetoothで接続しておき、スマホから「戻る」ボタンを押したら、パソコンのペイントツールに「Ctrl+Z」信号がいくようにします。

f:id:M_Atelier:20180519232155p:plain

 

スマホ側の画面

  一番上は接続先のパソコン名と接続のON/OFF。上部にキャンバスの拡大/縮小/回転等のキャンバス関連ボタン、下部にショートカットキーボタンを配置しました。

f:id:M_Atelier:20180519233156j:plain

 

キャンバス操作について

f:id:M_Atelier:20180519233314j:plain

 

 操作内容はボタンの文字の通りです。拡大を押すとキャンバスが拡大、右回転を押すとパソコンのキャンバスが右回転します。動かしている様子はこちら ↓

f:id:M_Atelier:20180519233359g:plain

 

  中央の「□」ボタンは、キャンバス位置のリセットです。上のプレビューでは、途中で一回キャンバス位置を元に戻しています。

 

ショートカットボタンについて

  試しに6つ程作成しました。よく使う「戻る」「保存」等を配置しています。数はもっと増やす予定です。

f:id:M_Atelier:20180519233623j:plain

 

 

 スマホのショートカットボタンを押して、パソコンのツール切り替えをやっている様子です。ペン、消しゴム等のボタンを押しています。

f:id:M_Atelier:20180519233929g:plain

 

 こちらは設定画面です。各ボタンに機能を割り振れるようにしました。

f:id:M_Atelier:20180519234035j:plain

 

今後の予定

  • 見た目をカッコよくしたいです。どんな見た目が使いやすくて、テンション上がりますかね…?
  • 動きがカクカクなので、ヌルヌル動くようにしたいです。
  • ショートカットボタンを増やそうと思います。タブでショートカットボタンの一斉切り替え機能を付けてみてもいいですね。
  • 近々β版を公開します。

以上です(/・ω・)/

 

 

追記

 

Google Play ストアにてアプリをリリースしました!無料配布中です。

atelier.hatenadiary.com

スマホが左手デバイスになる(かもしれない)アプリ作成レポート1

 ペンタブでデジタル絵を描く人にとっては必須のツールになりつつある「左手デバイス」。右手のペンで絵を描きながら、左手でデバイスに割り振られた「消しゴムへ切り替え」「戻る(Crrl + Z)」等のショートカットが使えますので、活用していらっしゃる方も多いのではないでしょうか。
 代表的なところでセルシス社のTab-Mateがあります。私も初代Tab-Mateは1、2年ほど愛用していました。

f:id:M_Atelier:20180512235229p:plain

 

 しかし先日我が家のTab-Mateが短き一生を終えまして…

f:id:M_Atelier:20180512235339p:plain

 

 そこで、新しく迎え入れる左手デバイスにどんなものがあるのか調べることになりました。選択肢は5つ。

 

選択肢1 セルシス社の2代目Tab-Mate

CLIP STUDIO TABMATE

CLIP STUDIO TABMATE

 

 

 5,000円程度。廉価でClip Studioとの相性も良く、クリスタユーザーであれば一番手を出しやすい左手デバイスかもしれませんね。

 

選択肢2 Wacom Express Key Remote

 

  ペンタブメーカーのWACOMから発売されている左手デバイスです。お値段1万1,000円なり。た、高い…

 

選択肢3 ゲーミング左手デバイスをお絵描き用に設定して使う

 

 1万円前後ですね。細かい設定も必要そうで、手を出すには少しだけ億劫です…

 

選択肢4 キーボードを使 嫌。肩が凝る。

 

 

 

選択肢5 よし!自作しましょう

使う機器

完成予想図

f:id:M_Atelier:20180513000014p:plain

 スマートフォンを左手デバイスとして活用します。その為に、左手デバイスに使われている「戻る」「消しゴムに切り替え」…等のボタンをスマホ画面に配置します。そのボタンを押せば、パソコンに情報が送られ、パソコンで使っているお絵描きアプリの「戻る」「消しゴムに切り替え」が動くようにしたいと思います。
 また、スマホとパソコンはBluetoothで接続しようと思います。その方が何かと便利そうなので。


 スマホ側のボタンはよく使う「戻る」「消しゴム」の他にも、「進む」「ブラシの大小」「鉛筆」「水彩」「油彩」を作成しておきます。他のツールや機能も追加予定。パソコン側で設定を変えてもいいけど、この辺は後々作ろうと思います。

開発環境:Android studio

 Android StudioGoogle公式のスマホアプリ作成用ソフトです。お絵描きするために「Clip Studio」を使うように、スマホのプログラミングに「Android Studio」を使います。

 

「こういう雰囲気で作成するよ~(/・ω・)/」ってサンプルです。

f:id:M_Atelier:20180513000232p:plain

使用言語:Java

 Java言語はプログラミング言語のひとつです。コンピュータは私たちの使う日本語、英語等は理解してくれませんので、Java言語でコンピュータに命令します。その命令をまとめたものがプログラム、プログラムを書くことでアプリを作ることができます。

 

作るものリスト

f:id:M_Atelier:20180513000053p:plain

 

スマホ

  • 「戻る」「消しゴム」等のボタン画面
  • Bluetooth接続機能
  • Bluetoothによる情報送信機能(「戻る」が押されたらパソコンにCtrl+Zを送る、など)

パソコン側

  • Bluetooth受信した情報の処理(ドライバソフト?)

 

スマホの画面構成

f:id:M_Atelier:20180513000140p:plain


 アプリを起動したら、初期画面はショートカットメニュー一覧にします。
右下の「+B」ボタンでBluetooth接続するパソコンのスキャン、接続要求。パソコンと接続したら、元のショートカットメニュー一覧に戻ります。
 右下に「設定」メニューを設けますが、内容はまだ未定です。

不安点

 スマホアプリの作成でプログラミングの勉強をした私は、スマホ側は作れそうだけど、パソコン側でどんなものを作ったらいいのかさっぱり分からない。何かドライバーみたいな役割のアプリを別途作る必要があるみたい…?現在はTeraTermというソフトをパソコンにインストールして、通信のチェックをしています。

 

現在の進捗

開発環境

 Android studioのパソコンへのインストール完了。テストアプリの実機確認。

 

画面作成

 テストの為の仮画面まで終了。よく使いそうな「戻る」「消しゴム」等を設置しました。

f:id:M_Atelier:20180513000419p:plain

 

Bluetooth接続機能

 スマホ側のアプリでBluetooth機器を検索し、パソコンと接続するところまで終わりました。

 

Bluetooth送信機能

 現在はスマホからパソコンへ文字列等が送信できるかチェック中です。

 

パソコン側の信号送受信機能

 まだ手を付けていません。現在はTeraTarmにて受信確認中です。ドライバ的なものを作るのかもしれませんが、何が必要か分かりません\(^o^)/ヤバタニエン

 

 以上です。次回はスマートフォンからパソコンへ情報送信が出来た辺りでまた記事にしようと思います。

 

追記

Google Play ストアにてアプリをリリースしました。無料配布中です。

atelier.hatenadiary.com

【PixivFANBOX】クレジットカード無しでクリエイターを支援する

 PixivFANBOXによるクエリエイターへの支援活動サービスが一般開放されました。 支援したいクリエイターに毎月一定料金を支払うことで、好きなクリエイターを継続的に支援し、創作活動を支える仕組みです。クリエイターによっては、支援に参加することでイラストの添削、非公開イラストの公開等のサービスを受けることができます。

 

 さて、これらサービスにはPixivへのクレジットカードの登録が原則として必要となります。しかし、クレジットカードを登録したくない、クレジットカードを持つことができない等、支援したくても踏み出せない方もいらっしゃるのではないでしょうか。私もクレジットカードはトラブル防止のため、ネット上のサイトには極力登録したくないです。

 

 そこで今回、クレジットカードを使用しない「バニラVISA」を用いた決済方法を試してみましたので、その方法をまとめておきます。

 

 

注意
 バニラVISAをネットで使用するためには、ショートメッセージ(SMS)を受け取るスマートフォンまたはケータイが必要になります。

バニラVISAとは?

 コンビニで入手可能なプリペイドカード(=先払い)です。「先払い」なので、クレジットカードのように「払いすぎた」等の心配がなく、安心して使用することができます。不正利用されても、先払いした金額以上のお金を横取りされることもありません。

 

バニラVISAの特徴

  • VISAマークのある国内外の店舗、ネットショップでの支払いに利用可能
  • 基本的な使い方はクレジットカードと同じ
  • 審査なし、コンビニで購入可能
  • 3,000円分(実売3,300円)と10,000円分(実売10,300円)の2種類が売っている
  • 有効期限あり。私が入手したのは約1年半の有効期限がありました。
  • ネット利用の場合、初回のみスマホまたはケータイによる認証が必要
  • 1回で使い切る必要はなく、何度でも使用可能
  • チャージは出来ない

 

 なお、バニラVISAはPixivFANBOXにて公式にて、動作確認済みとのことです。

 

コンビニで、「バニラVISA」を入手する

 今回、セブンイレブン内のiTunesAmazonギフトカード等が置いてあるカードコーナーにて、3,000円分を入手してきました。セブンイレブン以外でも、コンビニであれば、どこでも入手可能かと思われます。

f:id:M_Atelier:20180505220840j:plain

 

開封の儀。カード1枚と、説明書が封入されていました。 f:id:M_Atelier:20180505220917j:plain

どこをボカしていいか分からなかったので適当にボカしときました(/・ω・)/

 

 

バニラVISAを登録する

 ネットでのお買い物をするには、初回のみ登録が必要になります。登録には、スマートフォンまたはケータイのショートメッセージ(SMS)を利用します。これから登録方法を説明していきます。

 

バニラVISAギフトカードの利用方法ページにアクセスします ↓

www.vvgift.jp


「お手続きはこちら」に進みます。

 f:id:M_Atelier:20180505221000p:plain

 

入力画面が表示されますので、各種番号を入力していきます。

f:id:M_Atelier:20180505221111j:plain

 

入力項目は4つです。

(入力1)お問い合わせ用 お客様番号(カード表面、下部の16桁)

f:id:M_Atelier:20180505222653j:plain


(入力2)セキュリティーコード(カード裏面、中央右端の3桁)

f:id:M_Atelier:20180505222713p:plain


(入力3)電話番号

f:id:M_Atelier:20180505221058p:plain


最期に、「(入力4)画面に表示される文字列」を入力し、次へを押します。


入力内容の確認画面が表示されますので、「次へ」を押します。


ここで、スマートフォンまたはケータイに4桁の番号が送られてきますので、番号をWebサイトに入力します。

f:id:M_Atelier:20180505221129p:plain


入力したら、次へ。

 

完了画面が表示されたら、手続き完了です。

f:id:M_Atelier:20180505221138j:plain


カード画面に、「Online Shopping OK!」と書かれた赤いリボンが表示されます。

 

PixivFANBOXへ登録

Pixivへ移動します。 Pixixはこちら ↓

www.pixiv.net

 

 クリエイターがFANBOXを使って支援を募集していたら、Pixivページに「〇〇さんをFANBOXで支援しよう」というリンクが現れます。

 支援したいクリエイターのページに行って、下の図のリンクをクリックして下さい。

f:id:M_Atelier:20180506101301p:plain

 


クリエイターのPixivFANBOXページに移動しました。自分の好きな金額を選んだら、「支援する」ボタンを押します。今回は月100円のプランにしました。

f:id:M_Atelier:20180505221150p:plain

 

お支払方法の指定画面で、「クレジットカードでお支払い」を選びます。

f:id:M_Atelier:20180505221205j:plain

 

コンビニで購入してきた、バニラVISAカードの情報を入力します。

f:id:M_Atelier:20180505221222j:plain


カード番号:バニラVISAカードの表面下部にある16桁の番号です。


カード名義人:名前を半角ローマ字で入力します。


有効期限:こちらも、バニラVISAカード表面に記入されています。


セキュリティーコード:バニラVISAカードの裏面、中央右端の3桁の番号です。

 

 

カード番号を登録後、支援するボタンを押します。

f:id:M_Atelier:20180505222741j:plain

 

こちらの画面が出たら、PixivFANBOXの支援登録完了です。

f:id:M_Atelier:20180505221309p:plain

 

 

バニラVISAの残高を確認する

最期に、残高の確認方法です。

以下のページで残高を確認することができます。 ↓

vvgift.jp

 

確認方法

・お問い合わせ用お客様番号(カード表の下部)
・セキュリティーコード(カード裏の中央右側)
・画面に表示される文字列
を入力し、「次へ」を押す。


残高の確認画面になります。

f:id:M_Atelier:20180505221326p:plain

 

以上です。

 りょうと様(「りょうと」[pixiv] )、Pixiv FANBOXのページご提供いただきありがとうございました。

【ペンタブ初心者向け】WACOMペンのサイドスイッチを消しゴムに設定する - ペンタブ備忘録

f:id:M_Atelier:20180415211729p:plain


 WACOMのペンタブに付属するペンのサイドスイッチを押すとペイントソフトのツールが「消しゴム」に切り替わる方法を説明します。手元のスイッチで鉛筆⇔消しゴムを切り替えられるので、設定しておくとペンタブでのお絵描きが快適になります。

                       f:id:M_Atelier:20180420015931p:plain


 “サイドスイッチを押している間だけ「消しゴム」になる”方法と“サイドスイッチを押すたびに「消しゴム」⇔「鉛筆」を切り替える”方法があります。

 

(1)サイドスイッチを押している間だけ「消しゴム」にする

下図の通りに設定します。

f:id:M_Atelier:20180420015953p:plain

  1. Windowsのスタートメニューから、「デスクトップセンター」を開く。または「デスクトップセンターアイコン」をダブルクリック。
  2. WACOMデスクトップセンターが開くので、「ペン設定」を選ぶ。
  3. ペン設定画面が開くので、ペンのサイドスイッチ部分のプルダウンを選び、「タブレット」→「消しゴム」に進む。

 

設定は以上です。 

 

(2)サイドスイッチを押すたびに「消しゴム」⇔「鉛筆」を切り替える

 CLIP STUDIO PAINTとペンタブ両方の設定を変更する必要があります。まずはCLIP STUDIO PAINTから。

f:id:M_Atelier:20180420020023p:plain

  1. CLIP STUDIO PAINTを開き、ファイル→「ショートカット設定」を選ぶ
  2. ショートカット設定が開くので、設定領域を「ツール」にする。「・鉛筆」内の「濃い鉛筆」を選んだら、「ショートカットを編集」ボタンを押す。キーボードで「N」と入力する。
    ※このとき、下のような警告が出た場合は別のアルファベットにしてください。「N」の他には、「F」「A」「V」等が無難です。「N」以外を選択された方は、今後の「N」を全て自分の選んだアルファベットで統一してください。

    f:id:M_Atelier:20180415212051p:plain

          

  3. 同じく、設定領域「ツール」の中から「・消しゴム」の「硬め」を選んだら、「ショートカットを編集」ボタンを押す。キーボードで「N」と入力する。

    f:id:M_Atelier:20180420020040p:plain

 

次に、WACOMペンタブの設定です。

f:id:M_Atelier:20180420020052p:plain

  1. Windowsのスタートメニューから、「デスクトップセンター」を開く。または「デスクトップセンターアイコン」をダブルクリック。
  2. WACOMデスクトップセンターが開くので、「ペン設定」を選ぶ。
  3. ペン設定画面が開くので、ペンのサイドスイッチ部分のプルダウンを選び、「キーボード」→「キーストローク」に進む。
  4. キーストロークを登録する画面が出てくるので、「キー:」の余白にキーボードで「N」と入力する。「名前:」のところに自分が分かる好きな名前を書いて、「OK」

       f:id:M_Atelier:20180420020111p:plain

以上で設定は完了です。

 

「消しゴム」以外の様々な機能の割り振りはこちらで説明しています。

atelier.hatenadiary.com

 

ではでは、快適なペンタブライフを。

WACOMペンのサイドスイッチに機能を割り振る - ペンタブ備忘録

f:id:M_Atelier:20180420021812p:plain


 WACOM社製のペンタブレットや液晶タブレットを使用されてある方、ペンタブに付属するペンのサイドスイッチ、好きな機能を割り振れるってご存知ですか?      

                      f:id:M_Atelier:20180420022111p:plain

 本記事では、ペンのサイドスイッチに機能を割り振る方法と、絵を描くうえで便利な設定を紹介します。

 

  こういった方にオススメ

  • 消しゴム、取り消し、等の機能を、手元ですぐに切り替えて使いたい
  • 高価な左手デバイスの代替え方法が知りたい
  • もっとペンタブを使いこなしたい
  • 自分流のペンにカスタマイズしたい

 

 

(1)設定方法

  1. Windowsのスタートメニューから、「ワコム タブレット」内の「デスクトップセンター」を開きます。もしくは、デスクトップショートカットの「デスクトップセンター」をダブルクリック。
  2. デスクトップセンターアプリが開きますので、「設定内容」内の「ペン設定」を押してください。
  3. ワコムタブレットのプロパティ」が開きます。ここでは、ペンのボタン部分を、プルダウンの中からカスタマイズすることができます。ボタンは上下に分かれていますので、2つまで設定できます。

f:id:M_Atelier:20180420022151p:plain

 

(2)オススメの設定一覧

取り消し、やり直しを設定

 ペンのサイドスイッチに取り消し(Ctrl + Z)、やり直し(Ctrl + Y)の操作を設定できます。


設定方法
 プルダウンメニューから、キーボード → 取り消し、またはやり直しを選んでください。

 

消しゴムを設定

 ペンのサイドスイッチに消しゴムを割り振れます。ボタンを押している間だけ消しゴムになるので、線画や下書きを進める際に大変活躍します。

 

設定方法
 プルダウンメニューから、タブレット → 消しゴムを選んでください。

 

キャンバスを移動

 ペンのサイドスイッチにキャンバスの移動を割り振れます。ボタンを押している間だけキャンバスを上下左右に移動させることができます。

 

設定方法
 プルダウンメニューから、ナビゲーション → スクロール/移動を選んでください。
「スクロール速度」ウインドウが出てきますので、お好みの早さに設定してOKを押してください。

 

ズームイン / ズームアウトを設定

 ペンのサイドスイッチにキャンバスの拡大/縮小を割り振れます。ボタンを1回押すごとにキャンバスを1段階拡大または縮小することができます。

 

設定方法
 プルダウンメニューから、ナビゲーション → ズームインまたはズームアウトを選んでください。
 また、ナビゲーション → ズーム...を設定すると、ペンのボタンを押しながらペンを上に移動させることでキャンバス縮小、ペンを下に動かすことでキャンバスの拡大が出来ます。こちらは少し動作が不安定かも。

 

スクリーンキーボードを表示

 ペンのサイドスイッチスクリーンキーボードを呼び出すことができます。液晶タブレットタブレットパソコンで絵を描いてある方は大変便利になると思います。

    

f:id:M_Atelier:20180420022956p:plain

設定方法
 プルダウンメニューから、アプリ → スクリーンキーボードを選んでください。

 

 

キーストロークを設定

 ペンのサイドスイッチにキーボードのキーを押したときの操作を設定できます。

 

設定方法

  1. プルダウンメニューから、キーボード → キーストロークを選んでください。
  2. 出てきた「キーストロークを登録」ウインドウの「キー」の中に、キーボードで良く使うキーを入力してください。
  3. 自分が分かる名前を「名前」の項目に入力したら、OKボタンで設定完了です。

   

f:id:M_Atelier:20180420022238p:plain


 例えば、Ctrl + sのキーを設定すると、「保存」機能が使えるようになります。自分が良く使用するキーボードショートカットを設定すれば大変便利になります。

良く使うキーストローク
 ・ Ctrl + s 「保存」
 ・ Ctrl + a 「全ての文字や項目等を選択」
 ・ Ctrl + c 「コピー」
 ・ Ctrl + v 「貼り付け」
 ・ Ctrl + x 「切り取り」
 ・ e      「消しゴムに切り替え」(CLIP STUDIO PAINTソフト)
 ・ r    「キャンバスの回転」(CLIP STUDIO PAINTソフト)
 ・ h    「キャンバスの移動」(CLIP STUDIO PAINTソフト)

Windowsキーを設定するときは、「特殊キー」の中から「Windows...」を選ぶと設定できます。

f:id:M_Atelier:20180420022741p:plain


(例)Windows+d(すべてのウインドウを最小化し、デスクトップ画面を表示)

 

装飾キーを設定

 ペンのサイドスイッチにshiftキー、Altキー、Ctrlキーを設定できます。例えば、「Shift」を設定しておくと、ペンのボタンを押した時に、キーボードのshiftを押したことになります。shift+Altを同時に設定することもできます。

 

設定方法

 プルダウンメニューから、キーボード → 装飾キーを選んでください。
「Shift,Alt,Ctrlキーの登録」ウインドウが開きますので、設定したいキーのチェックを入れれば完了です。複数の項目にチェックを入れれば、キーの組み合わせが使えるようになります。

      f:id:M_Atelier:20180420022718p:plain

□ Shift
 チェックを入れると、ペンタブのボタンを押したときにShiftキーが押されたことになります。
(例)直線ツールを使用するときに、垂直水平が取れるようになります。


□ 左Alt、右Alt
 チェックを入れると、ペンタブのボタンを押したときにAltキーが押されたことになります。
(例)スポイトツールが使えます。


□ Ctrl
 チェックを入れると、ペンタブのボタンを押したときにCtrlキーが押されたことになります。
(例)キャンバス中のオブジェクト(3Dデータ、漫画のフキダシなど)が操作できるようになります。


□ スペース
 チェックを入れると、ペンタブのボタンを押したときにCtrlキーが押されたことになります。
(例)手のひらツールが使えます。キャンバスを移動したいときに便利。


□ 左、中ボタン、右
 チェックを入れると、ペンタブのボタンを押したときにマウスの左クリック、中クリック、右クリックが押されたことになります。
(例)右クリックでは、スポイトが使えます。


□ マウスホイール
 チェックを入れると、ペンタブのボタンを押したときにマウスのホイール機能が使えます。
(例)中ボタン+ペンの上下で、キャンバスの拡大縮小が出来るようになります。

 

 ☆ ちょっと細かい設定をしてみよう ☆

 CtrlとAltにチェックを入れて設定すると、ブラシサイズを任意に変更できる機能が使えます。使い方は、設定したペンのボタンを押しながら、ペン先をキャンバス上でドラッグします。ブラシサイズがドラッグに合わせて変化します。


 Shiftとスペースにチェックを入れて設定すると、ペンのボタンを押している間、「キャンバスの回転」が使えるようになります。ペンのボタンを押しながら、ペン先をキャンバスに付けて右に動かすことで、キャンバスを右回転させることができます。

 

 Ctrlとスペースにチェックを入れて設定すると、ペンのボタンを押しながらペン先で突くたびに「キャンバスの拡大」、Altとスペースだと「キャンバスの縮小」が出来るようになります。

 

アプリの起動

 パソコン上級者向けです。ペンのボタンでアプリを起動したり、ファイルを開くことができます。私は思い浮かびませんが、変わった使い方が出来そうですね。パソコンに詳しい方、もし面白い使い方があれば教えてください。

設定方法
 プルダウンメニューから、アプリ → 開く/起動に進んでください。
「アプリケーションを起動」ウインドウが開きますので、「参照」を押して、好きなアプリやファイルを選んだら、「開く」ボタンを押して、最後にOKボタンを押してください。

   f:id:M_Atelier:20180409190008p:plain

 

何もしないようにする

 ついつい絵を描いている最中にペンのボタンに触れて予期せぬ動作をする方は、無効に設定することもできます。プルダウンメニューから、無効を選んでください。

 


 

 以上です。


 これだけ沢山あると、どの機能を割り振るか悩みますね。私はペンタブの上ボタンに「キャンバスの回転」、下ボタンに「消しゴム」を割り振りました。

 

 

 WACOMペンのサイドスイッチには2つまでしか機能を割り振れないので、スマートフォンから各種機能を呼び出すスマホアプリを個人的に開発しています。無料配布中ですので、もしよければご検討くださいませ。

atelier.hatenadiary.com

(アナログの方向け)ペンタブに慣れるまでの4ステップ

 

f:id:M_Atelier:20180406000023p:plain

 

 「デジタルのお絵描きに憧れてペンタブ購入したよ!でも、ナニコレ使いにくい!!」
 アナログからペンタブに切り替えたとき、初めてデジタル絵を描いてそう思いました。今までアナログで描いてあった方、初めてペンタブを使われる方向けに、ペンタブに慣れるまでに私なりに試してみたステップを4つに分けて書いています。

 

はじめに

 イラストを描く際のフローは、


 ①下書き → ②線画 → ③色分け → ④色塗り 

 

の順で進んでいくことが多いかと思います。

f:id:M_Atelier:20180420023957p:plain

 

 この工程、ペンタブで作業する際に「易しい順」に並び変えると、

 

 ③色分け → ④色塗り → ①下書き → ②線画

 

の順になることが多いです。

 

 ペンタブ入手したての頃は、色分け作業以降を行うようにすると慣れるのが早いと思います。難易度の高い線画作業はペンタブに充分に慣れた頃にチャレンジしてはどうでしょうか。

 次のステップを順に絵を練習していくと、ペンタブに慣れるまでの道のりを少しばかり短縮できるかと思います。

 

  

ステップ1:いきなり線を引こうとはせず、線画の色分けから入る


 ペンタブに慣れてないうちは、ペンタブで線を引くのがとても難しく感じるかと思います。そこで、線画(ペン入れ)まではアナログで書いておいて、ペンタブでは色を分ける作業から入ると、スムーズにペンタブに慣れていくと思います。

 ペンタブでの色分け作業方法です。

f:id:M_Atelier:20180420024808p:plain

 

 ここではスキャンした線画の髪の色を分けていきます。スキャンした線画の下に、色塗り用のレイヤーを新規作成し、色を入れたい部分の線画に沿って縁部分を描いていきます。縁が線からはみ出たら、消しゴムツール等で消してください。


 縁が描き終わったら、余白を塗りつぶします。髪が終わったら、次は肌色、瞳、と色毎にレイヤーを新規作成して塗り進めてください。この作業を線画一枚分するだけでも、ペンタブに慣れて使いやすくなると思います。

 

※あまり「バケツツール」や「Ctrl + Z」は使わないようにしてください。
 バケツツールはペンタブに慣れてきたら使うようにしましょう。また、Ctrl + Zを多用すると「はみ出てもいいや」の癖がつくので、個人的にはおすすめしません。

 

ステップ2:次に、色塗りに挑戦


 1つの線画の色分けが終わるころには、ペンタブでの操作も快適になっているのではないでしょうか。せっかく色分けしたので、そのイラストに色塗りしていきましょう。
 アニメ塗り、厚塗り、水彩塗りなどの様々な塗り方があります。アナログに慣れてある方はいつも自分が使用している画材を使用されてみてはどうでしょうか。

f:id:M_Atelier:20180420050742p:plain


 ただし、デジタルでの色塗りは少し不思議なことがおきます。透明水彩なのに、薄い色で濃い色を塗りつぶせたりします。便利といえば便利ですね。

 

 コラム お絵描きのモチベーションと自分へのご褒美


 自分の欲しかったペンタブや画集を買うと、お絵描きのやる気も違いますよね。こういった「自分へのご褒美」は、「頑張ったからご褒美を買う」が良いのでしょうか?それとも「ご褒美を買ったから頑張る」が良いのでしょうか?


 「頑張ったからご褒美を買う」と、絵を完成させた喜びとご褒美で達成感が加算されますので、持続的なお絵描きのやる気に繋がります。
 一方、「買ったから頑張る」は一時的に大きなやる気を引き出すのに向いています。どうしても持続的なモチベーションが保てない時は、試されてみてはいかがでしょうか。ただし短時間のやる気にしかならないので、程々に。

 

 

ステップ3:下書きをペンタブで書いてみる


 ペンタブでの色塗り作業を3~4回程度やったら、ペンタブで線を引くことにも抵抗がなくなりつつあると思います。今度は1からペンタブで作業してみましょう。
 下書きはできるだけ綺麗になるように心がけてください。まだ慣れてないうちは、下書きの綺麗さが線画の綺麗さに繋がる為、「上から線をなぞるだけで線画ができる」というくらいの下書きでもいいと思います。デジタルは消しゴムを使用しても紙が痛んだりインクが滲んだりしないので、消しゴムを使って線を整えてもいいですね。


 鉛筆やペンだけでなく、「太めの水彩筆」も使われてみてください。足や手を描く際に、細い線で描こうとすると「手足の長さ」と「手足の太さ」「曲がり具合」などを同時に考えなくてはなりません。そこで、太い筆にして手足を描いていけば、一本の線で指や手足の下書きが出来上がる為、同時並行で考えることが減って少し楽になります。

f:id:M_Atelier:20180420050753p:plain

 

ステップ4:最後の難関、ペンタブでの線画作業に挑戦


 下書きが完成したら、線画作業に挑んでみましょう。しっかりとした下書きがあれば、線画は綺麗に仕上がると思います。細くて綺麗な線画を描く時の私なりの工夫点をまとめています。

 

atelier.hatenadiary.com

 


 コラム 線画が描きやすいペイントソフトって何がある?


 ソフトによって線画の描きやすさに違いがあると思います。そこで、いくつか試してみました。描きやすさは人によっても異なり、慣れも大きいです。あくまで私の個人的な判断になりますので、ご参考までに。

 

クリップスタジオ   ★★★☆☆
 いつも使用しているソフトです。これを基準の★3つにしますね。

 

SAI         ★★★★★
 圧倒的に描きやすいと思いました。根強いファンの多いソフトです。Windows10に正式対応していなかったり、購入の仕方がよく分からないのが難点…

 

ペインター(Painter) ★★☆☆☆

 ブラシ選びや設定の仕方が悪かったのかもしれませんが、線はやや引きにくかったです。

 

フォトショップ    ★☆☆☆☆

 標準で用意されていたブラシでは描きにくかったです。線画用ブラシを自作できればもう少し使いやすくなるかも。