Adobe BrowserLabの無償期間は終わっていなかった！

さまざまなブラウザでの見え方をチェックできる、Adobe BrowserLab。
AdobeのIDさえ取得すれば無料で使えたのでガシガシ使っていたのですが、
ログインのところに、
「2012年4月12日まで無償でご利用いただけます。」
という表記がずっとあったので、
てっきり2012年4月13日以降は有料になってしまうのかと思っていました。

何か代わりのものを、と探していたのですが、
Adobe社のサイトの下記のページの、
『次のサービスは引き続きご利用いただけます。』のところに、
なんと、Adobe BrowserLabも載っているではないですか！
→Adobe CS ReviewおよびSiteCatalyst NetAveragesのご提供について｜Adobe CS Liveオンラインサービス

今後も引き続き利用できるみたいです。
良かったー。
かなり嬉しいぞ。

IEは気を抜いていると、びっくりするほど崩れていたりするもんで、
ちょいちょいチェックしないと不安で。。。

久しぶりにチェックしてみる。
やっぱりこれが一番使いやすいなー。
ちょっと重いけど。

ちなみに、これは無料でダウンロードできるグラフィックソフト「Inkscape」の使い方をまとめているサイトです。興味をお持ちの方は是非お越しくださいませー。
Inkscape、楽しいですよー。
→InkscapeでDesign

記事リストを一旦削除します。

ブログ内の記事の一覧を自動的に作って表示してくれるスクリプトを入手して、
「ラベル別記事リスト」のページを置いていたのですが、
アクセスすると、

inkscape-aholic.blogspot.jp には、不正なソフトウェアを配布していることで知られる www.abu-farhan.com のコンテンツが含まれています。このサイトにアクセスすると、パソコンがウイルスに感染するおそれがあります。

という警告が出るようになってしまたので、削除することにしました。
過去の記事を探す時に重宝してたので非常に残念です…

関連記事
記事リストのページを追加しました。

Inkscapeでパターンを描きGimpに登録する

Inkscapeのタイルクローン機能を使ってパターンを描き、Gimpにパターン登録する方法です。
タイルクローン機能を使うを、幾何学的でない自由度の高いパターンが簡単に作れるのでおすすめです。

※下記説明内のリンクをクリックすると、InkscapeでDesignの説明ページに移動します。

Step1 Inkscapeで柄を描く

1. [Ctrl]+[Shift]+[P]を押して[Inkscapeの設定]を開き、[ツール]の項目の[使用する境界枠]を[仮想境界枠]に設定します。（この作業について詳しくは→こちら）
   
   
2. 矩形ツールでタイル1個分に相当する四角形を描き、フィル：なし、ストローク：黒に設定します。
   
   
3. 現在四角形1つだけしかありませんが、［Ctrl］+［Ｇ］でグループ化します。
4. グループ化した四角形を選択後、メニューバーの［編集］メニューから［クローン］‐［タイルクローンを作成］を選択し、行×列を3×3にして［作成］ボタンを押します。
   
   
   するとこんな感じになります。
   
   
5. 今、左上の四角形は、オリジナル（元の四角形）の上に、生成されたクローンが重なっている状態です。
   オリジナルの四角形を前面に移動したいので、次のようにします。
   いずれかのクローンを選択し、[Shif]+[Ｄ]（オリジナルを選択）を押します。
   すると、オリジナルの四角形が選択されますので、［Home］キーを押して最前面に移動します。
6. 最前面に移動した四角形は、上記3でグループ化している状態です。
   これからこのグループの中に入って作業します。
   四角形をダブルクリックするとグループの中に入れます。入った後、グループ以外のオブジェクトをクリックしてしまうと、グループの外に出てしまうので、気をつけてください。
   
7. 柄を自由に描いていきます。
   描いたものは、すべてのクローンに反映されていきます。
   四角形の外側にはみ出しても大丈夫です。
   位置を工夫すれば模様が繋がっているように見せることもできます。
   （※ちなみに、下記のような図形は、大・小の円を重ね、[パス]メニューより[排他]を選択すると作れます。）
   
   
   柄を描き終わったら、オリジナルの四角形の枠のストロークは削除しておきます。
   
8. 今回描きたいパターンは、バックに黒を引いていますが、 オリジナルの四角形に直接フィルを設定すると、隣接するクローンの柄を隠してしまうため（→詳しくはこちら）、黒に着色した四角形を新たに作り、最背面に引こうと思います。
   が、その前に、今はまだグループの中で作業している状態なので、何もないところをダブルクリックしてグループの外に出ます。
   その後、矩形ツールで全体を覆うような四角形を描き、黒に着色して、[End]キーを押して最背面に移動します。
   
   
9. [表示]メニューから、[表示もーど]－[アウトライン]を選択し、アウトライン表示にします。
   矩形ツールに切り替えます。
   スナップバーの[シャープノードにスナップ]をONにし、中央のタイルをピタリとなぞるように四角形を描きます。描いた四角形のフィルとストロークは“なし”に設定しておきます。
   
   
10. ［ファイル］メニューより、［ビットマップにエクスポート］を選択します。 表示されたダイアログで、［選択］ボタンが選択されていることを確認し、［選択されたもの以外を全て隠す］のチェックを外して、保存先、ファイル名等を設定後、［エクスポート］を押します。
    
11. これでパターンのタイル1個分の画像ができました。
    
    

Step2 Gimpにパターン登録する

1. エクスポートした画像をGimpで開きます。
   
   
2. [ファイル]メニューより[名前を付けて保存]を選択します。
   保存する場所を、[ローカル ディスク(Ｃ:)][Program Files][GIMP-2.0][share][gimp][2.0][patterns]と順にたどっていき、
   
3. [ファイルタイプを選択]で、[GIMPパターン]を選択し、保存します。
   
4. これで登録されました。
   GIMPを一度閉じてから再び開くと、選択可能になります。
   試しにやってみます。
   GIMPを 再起動し、[ファイル]メニューより[新しい画像]を選択し、大きめのサイズに設定します。
   ツールボックスの[塗りつぶし]ツールを選択し、下側の塗りつぶし方法で[パターン塗り]を選択します。
   パターンのアイコンをクリックすると、パターン一覧が表示されるので、先ほど登録したパターンを選択します。
   
   
5. キャンバス上をクリックすると、パターンで塗りつぶされました。
   
   

---

関連記事

• タイルクローン機能でパターンを作る
• タイルクローンを使った唐草模様と、スピロパスの話

外部リンク

• タイルパターンを作ってみる ｜ InkscapeでDesign
• タイルクローンで唐草模様を描く ｜ InkscapeでDesign
• A Vine Design—A Tiling Example ｜ Inkscape: Guide to a Vector Drawing Program

タイルクローンを使った唐草模様と、スピロパスの話

先日書いたタイルクローン機能でパターンを作るの要領で、Inkscapeの「タイルクローンを作成」機能を使って唐草模様を描いてみました。

詳しい手順はこちらに載せています。
→タイルクローンで唐草模様を描く｜InkscapeでDesign

タイル1個分に相当する四角を描き、
それを先にグループ化してからタイル状にクローンを作り、
グループ化の中に入って模様を描くと、
全てのクローンに反映されます。
繋がって見えるように工夫して模様を描いていきます。

唐草模様の曲線は、「スピロスプライン」というパスエフェクト機能を使うと簡単に描けます。
スピロスプラインとは、全てのノードを通り、円弧をスムーズにつなぎ合わせたような曲線のことで、鉛筆ツール、またはペンツールで、「スピロパス」モードを選択してから描くと自動的に適用されます。

スピロスプラインの詳細についてはこちら・・・
→スピロスプライン｜InkscapeでDesign

この「スピロパス」モードは、パスの形状ではなくノードの位置を重視するので、どこにノードができるか描いてみないとわからない鉛筆ツールより、クリックした位置にしかノードが作られないペンツールの方が扱いやすいと思います。

スピロパスの簡単な描き方例

ペンツールで下記のような形状を描きたい場合の、簡単な描き方をまとめてみました。

1. ペンツールで、クリック、クリック、クリック、と点を繋ぐような感じで、下記のようなひとつなぎの線を描きます。
   最後に［Enter］キーを押すか、ダブルクリックすると、線が確定します。
   ノードツールでパスを選択すると、クリックした位置にシャープノードが生成されているのがわかります。
   
   
2. ノードツールで、ノードを全て選択します。（ノードを一つ選択後［Ctrl］+Ａを押すと簡単です。）
3. ツールコントロールバーで、スムーズノード（のいずれか）を選択します。
   
   
4. すると下記のように角が丸くなり、黒と赤の2本の線が表示されます。
   赤線は実際のパスの形状、黒線は赤線に「スピロスプライン」が適用された結果です。
   
   
5. ノードの位置を調整し、パスの形を整えます。
   必要ならばノードを追加したり削除しますが、追加する場合は、黒線ではなく、赤線（元のパス）上に追加します。
   
   

---

関連記事

• タイルクローン機能でパターンを作る
• Inkscapeでパターンを描きGimpに登録する

外部リンク

• タイルパターンを作ってみる ｜ InkscapeでDesign
• タイルクローンで唐草模様を描く ｜ InkscapeでDesign
• A Vine Design—A Tiling Example ｜ Inkscape: Guide to a Vector Drawing Program

Gimpでクロスプロセス風に加工してみた

クロスプロセスってご存知ですか？
現像技術の一種のようですが、私はPicnik(Googleの無料オンライン画像編集サービス）で初めて知りました。
クロスプロセスで画像検索するといっぱい出てきますが、
レトロな感じの、雰囲気のある画像になります。

そのPicnikもあと2ヶ月でサービスが終わってしまうので。。。
替わりになるようなツールはないものかと探していたら、
こんな記事を見つけ、
→デジタルクロスプロセス(改訂版) « Happy Paint!!
トーンカーブで意外に簡単にできることがわかりました(◕∀◕*)♪
素晴らしい記事をありがとうございます！

実際に下記のなんでもない写真でやってみますと・・・

Gimpで写真を開き、メニューバーにある[色]メニューから[トーンカーブ]を選択。
[チャンネル]から[明度][赤][緑][青]それぞれを選択し、
Happy Paint!!さんのトーンカーブを参考に下記のようなカーブに設定しました。
全てのチャンネルのカーブを編集後、最後に[ＯＫ]ボタンを押します。

なお、[プリセット]の横の[＋]ボタンを押すと、プリセットとして保存することができ、
[プリセット]の下向き三角ボタンから選択できるようになります。
なので、次回からは手間なし簡単に編集できます！

トーンカーブを適用後がこちら。

これに、さらに以前書いた[トイカメラスクリプト]で、[周辺減光]をすると・・・

この後さらにトーンカーブで[明度]のチャンネルの中央を上にドラッグすると・・・

色褪せた写真風になりました。

追記2012.02.16
その他の例を別のブログに方にも載せています。
→雰囲気のある画像に補正してくれるツール｜ajiwai blog　


参考にさせていただいたページ

• フリーソフトによるデジタルクロスプロセスのススメ：GIMP2 : Stroller - トイデジカメレビュー＆作例ブログ
• デジタルクロスプロセス(改訂版) « Happy Paint!!

関連記事

• GIMPにトイカメラScriptを入れてみる
• GIMPにソフトフォーカスScriptも入れてみる
• GIMPで料理の写真を加工する

タイルクローン機能でパターンを作る

Inkscapeに、オブジェクトのクローンをタイル上に配置してくれる、[タイルクローンを作成]という機能がありますが、これを使ってパターン柄を作ることができます。
とても感覚的に編集できるのでおすすめです。

詳しくはこちらをご覧ください。
→InkscapeでDesign ＞タイルパターンを作ってみる

ポイントは、タイル1つ分のサイズの四角を描き、それをグループ化してからタイリングすること。
タイリング後、オリジナルのオブジェクトのグループの中に入って何かを描くと、全てのクローンにリアルタイムで反映されて行きます。

例えば下記の図は、左上の四角がオリジナルで、後はクローンです。
四角形の外側にはみ出して描くことができるので、線や図形が繋がっているように配置することもでき、自由度の高いパターン柄が作れます。

フィルに設定できるパターンとして登録するには、
できたタイルパターンの中央の1区画を画像として書き出し、
インポートして埋め込み画像とし、
それを[オブジェクト]メニューから[パターン]－[オブジェクトをパターンに]でパターン化すると簡単にできます。

その方法もこちらに書いています。
→InkscapeでDesign ＞タイルパターンを作ってみる

ちなみに、Inkscapeの公式（？）チュートリアルの該当ページはこちら
→A Vine Design—A Tiling Example ｜ Inkscape: Guide to a Vector Drawing Program

---

関連記事

• タイルクローンを使った唐草模様と、スピロパスの話
• Inkscapeでパターンを描きGimpに登録する

外部リンク

• タイルパターンを作ってみる ｜ InkscapeでDesign
• タイルクローンで唐草模様を描く ｜ InkscapeでDesign
• A Vine Design—A Tiling Example ｜ Inkscape: Guide to a Vector Drawing Program

印刷できないPDFを印刷してくれるbrava! readerを使ってみた

Web上のPDFをプリントアウトしようと思ったら、
なぜか印刷できない。。。
プロパティよりセキュリティを見ると、「印刷：許可しない」になってる。
仕方なく画面キャプチャしてプリントアウトする。
ということが、立て続けにあり、
面倒だし、汚い感じになるし、何とか解除して印刷する方法はないものか、と調べていたらありました。

→保護されたPDFを印刷する - brava! reader | You're drunk, aren't you?

何でもありますね。しかも必ず誰かが教えてくれる。
便利な世の中だなあ。(❛◡❛ฺฺ)

で、その、brava! readerというものをさっそくダウンロードしてみました。

Web上のPDFを一旦パソコンに保存し、
brava! readerで開きなおしてプリントボタンを押すと、無事に印刷できました。

で、このbrava! readerには、Adobe Readerにはない便利な機能があり、
[Ctrl]+[G]を押して表示された十字カーソルで印刷範囲を指定することができるとのこと。
ページ内のちょこっとだけ印刷したい時に活用できそうです。
ただ、有効期限が設定されていて、過ぎるとダウンロードしなおさなくてはいけないようなので、ちょっとだけ面倒です。

ダウンロードに関する情報
→Brava Reader ダウンロードについて | 株式会社オーシャンブリッジ
→Vectorのダウンロードページ