格安ホームページ作成・アンドロイド開発 -2ページ目

格安ホームページ作成・アンドロイド開発

ホームページの作成からアンドロイドの開発までを行っております。
自分で作りたい方必見!動画サイトも用意しています!

りんちゃんさて、フィルターメニューには「カラーを調整」という効果があります。


今回は大仏を使って実験してみましょう!



格安ホームページ作成・アンドロイド開発-1-1

色が濁っている、全体的に暗い、明るい、ぼやけている、色が鮮やかでないなど、元の画像通りでない


場合があります。このようなとき、カラー調整を行い、元の画像に近づけたり、強調することによって


画像の効果を付けることができます。


「フィルター」メニューまたはライブフィルターの「カラーを調整」にはいくつかのコマンドがありますが、


基本的にはどのカラー調整のツールを使っても既存のピクセルを別のピクセル値に置き換えて全体の


色調を補正します。


もっともよく使われるのは「トーンカーブ」と「レベル補正」です。どちらの


ツールを使っても意図した


画像に近づけることはできますが、ダイアログボックス内での画像の調整方法が違います。


大仏に「トーンカーブ」をかけてみましょうビックリマーク


格安ホームページ作成・アンドロイド開発-1-2

「トーンカーブ」を選択すると、ダイアログボックスが出てきます。


ドラッグしてカーブを動かしてみましょう。



格安ホームページ作成・アンドロイド開発-1-3

上図のように、S字にカーブさせると、メリハリのちいた画像になります。


「トーンカーブ」は画像内の色情報を現在の画像値(256階調の横軸)と変更


後の画像値(256階調の縦軸)のマトリクスによってカーブの形状を変更しなが


ら調整します。


「トーンカーブ」の初期状態は右上がりの45度線になっています。レベル補正

がピクセル分布の絶対的な補正方法とすれば、トーンカーブは45度線を元画


像の状態とした相対的な補正方法といえますね。



格安ホームページ作成・アンドロイド開発-1-4


メリハリのついた大仏に出来上がりましたハート


Photoshopにもありますが、この回では、シャープをかけていきます。


これは、画像を鮮明にする「アンシャープマスク」「シャープ」「シャープ(強)」の3つがあります。


下図のかわうぃいカメラ女子をもう少し、はっきりくっきりさせてみましょう!!




格安ホームページ作成・アンドロイド開発-4-1

まず、「アンシャープマスク」をかけてみましょう(*´∀`*)



スキャニングした画像が鮮明でない場合、画像を鮮明にして輪郭を調整します。




格安ホームページ作成・アンドロイド開発-4-2

「適用量」では適用する強さの度合いを1~500で設定します。



数値が大きいほど、より効果が高くなります。



「ピクセルの半径」では適用する幅の範囲を0.1~250で設定します。



「しきい値」では適用する階調範囲を0~250で設定します。



数値を小さくするほど適用範囲が広がり、しきい値レベル以下の画像部分には適用されません。


格安ホームページ作成・アンドロイド開発-4-3

今回は適用量を【80】にしてみました。


すると下図のように、輪郭がはっきりします。



格安ホームページ作成・アンドロイド開発-4-4

これが「アンシャープマスク」ですハート


次に、「シャープ」です。


これは、自分で数値を調整しなくても、自動でシュッとしてくれます(‐^▽^‐)



格安ホームページ作成・アンドロイド開発-4-5

フィルターメニューから、シャープ→シャープを選択します。



格安ホームページ作成・アンドロイド開発-4-6

輪郭がはっきりしたの、わかりましたか?


次に、「シャープ(強)」です。


これはただの「シャープ」よりもその名の通り強くかかります。


「シャープ」の2倍だと思っていただいていいでしょうグッド!


「シャープ(強)」をかけたのが、こちらダウンダウンダウン



格安ホームページ作成・アンドロイド開発-4-8
 

これら「シャープ」「シャープ(強)」を複数回適用すると、画像のなめらかな部分がザラついてくるので、


一度のフィルターで硬貨が足りない場合は、最初にした「アンシャープマスク」を使うとよいでしょうキャハハ

Fireworksには、フィルターメニューというものがありますにこちゃん



格安ホームページ作成・アンドロイド開発-3-1 このポストにぼかしをかけていきましょうハート


フィルターメニューのぼかしを選びます。


フィルターメニューを開いてみましょう。


まず上から、「ぼかし」を使ってみましょう。



格安ホームページ作成・アンドロイド開発-3-2

するとこんな感じにぼけますかえるちゃん✿ダウンダウンダウン


格安ホームページ作成・アンドロイド開発-3-3


少しだけぼけたように見えますね。


次は、「ぼかし(ガウス)」です。



格安ホームページ作成・アンドロイド開発-3-4

全体的にぼかしがかかりました。

これは画像全体や選択範囲をガウス曲線というピクセルのトーンカーブにより、

広範囲にぼかして効果を出すものです。


この時、ぼかし具合を「0.1~250」まで設定できます。数値が大きいほど効果が高くなります。


次は、「ぼかし(ズーム)」です!!



格安ホームページ作成・アンドロイド開発-3-5





これは、カメラのズームによるぼかしを再現しています。


「適用量」で効果の強さを表し、「画質」ではエフェクトの滑らかさを設定します。


どちらも1~100までの値で設定します。





格安ホームページ作成・アンドロイド開発-3-6

アップアップアップ

上図は「ぼかし(強)」です。


最初の「ぼかし」だけよりも3倍から5倍かけたような効果がかかります。


次は「ぼかし(放射状)」ですダウンダウンダウン


格安ホームページ作成・アンドロイド開発-3-7


これは画像を回転させて、同心円状にぼかした効果が得られます。


「適用量」で効果の強さを設定し、「画質」ではエフェクトの滑らかさを設定します。


これも1~100の値で設定します。


最後に「ぼかし(移動)」です。



格安ホームページ作成・アンドロイド開発-3-8

画像を特定の方向にぼかして、カメラのシャッタースピードよりも速い被写体を撮影した時のような動きのある効果を出します。

「角度」で動かす方向を設定し、「距離」でエフェクトの強さを設定します。



ビットマップ画像とは、オブジェクト内の画像のビットマップ(ピクセル)をPhotoshopのように選択したり、編集することができるオブジェクトです。


ビットマップオブジェクトを選択している状態では、ツールボックスのビットマップグループの長方形ツール、なげなわツール、自動選択ツール、ブラシツール、スタンプツールが使えるようになります。


この鳥をコピーしてペーストし、親鳥、小鳥を作成しましょう。



格安ホームページ作成・アンドロイド開発-1-1


まず、鳥だけを自動選択ツールやなげなわツールで選択します。





格安ホームページ作成・アンドロイド開発-1-3

そして、それを編集メニューの「コピー」でコピ^ーします。


格安ホームページ作成・アンドロイド開発-1-4


次に選択した部分をコピーしたものを上図のように編集メニュー「ペースト」します。


すると、選択した部分だけレイヤーが増えました。


確認しましょう。



格安ホームページ作成・アンドロイド開発-1-5

鳥だけのレイヤーが出来ていたら、成功です。


あとは、サイズを小さくして、小鳥の完成です。



格安ホームページ作成・アンドロイド開発-1-7

さぁ、できましたか?


かわいくなりました~ニコちゃん4




画像をマスクオブジェクトやマスク画像を作成して、マスクの形状で切り抜いたり、画像の合成を行います。


まず、画像を用意します。



格安ホームページ作成・アンドロイド開発-1-2

ちょうちょを切り抜いていきます。



格安ホームページ作成・アンドロイド開発-1-1

ちょうちょなので「Butterfly」を切り抜いていきます。



格安ホームページ作成・アンドロイド開発-1-3

ちょうちょを選択します。


編集メニューから「カット」を選びます。


次に、「Butterfly」を選択して、


格安ホームページ作成・アンドロイド開発-1-5

編集メニューの「内部にペースト」を選ぶと、文字が画像を切り抜きます。



格安ホームページ作成・アンドロイド開発-1-6
これで文字内にちょうの画像が入った文字が完成しました。


この回では、パスの使い方について解説していきます。


まず、丸と四角を描いてみます。



格安ホームページ作成・アンドロイド開発-2-1
そして、「パス」ツールを押します。



格安ホームページ作成・アンドロイド開発-2-2

「パスを連結」を1つずつみていきましょう。


まず、左から【結合】


2つの図形を重ね合わせて、【結合】を押すとこんな形になります。格安ホームページ作成・アンドロイド開発-2-3


格安ホームページ作成・アンドロイド開発-2-4 【分離】は結合しているパスを分けるものです。


格安ホームページ作成・アンドロイド開発-2-5
上記の図は【合体】です。境目がなく、完全にくっつきます。


ダウンダウンダウンこれは【交差】です。


格安ホームページ作成・アンドロイド開発-2-6
2つの図形の交差しているところだけが、切り抜かれます。


次は【型抜き】上に重なっている形に添って、下の図形が切り抜かれます。




格安ホームページ作成・アンドロイド開発-2-7
色は下の図形の色のままです。



格安ホームページ作成・アンドロイド開発-2-8
次は【分割】。上の3つの異なった形を重ね合わせてみましょう。全部選択して、【分割】するとやじるし


格安ホームページ作成・アンドロイド開発-2-9

このように、重なり合ったところは全て、分割されます。色は一番下の色になりますが、変更は可能です。



格安ホームページ作成・アンドロイド開発-2-10
アップアップこれは【除外】。交差の反対で重なり合っているところが除外されます。



格安ホームページ作成・アンドロイド開発-2-11 このように完全に切り離れてくれます。



格安ホームページ作成・アンドロイド開発-2-13
最後は【切り抜き】です。これは交差とは違い、一番上にある図形と重なっているところを切り抜きます。


下図のようになります。



格安ホームページ作成・アンドロイド開発-2-14

このようにパスの連結はたくさんあるので、上手に使いこなしていきましょうniko



並みなさん、テキストは縦か横にしか書けないなんてことはありませんよね。


このように、パスに沿って文字を並べることができます。


円を描いて、それに沿って文字を並べたり、


波うつ線を自分で書いて、沿わせてみたり。


いろいろできますよ!



格安ホームページ作成・アンドロイド開発-1-1
流れるように書けますねビックリマーク


これも簡単に出来るんです43


まず、楕円形ツールで楕円を描きます。


格安ホームページ作成・アンドロイド開発-1-2
次に、この楕円に沿わせたい、文字を書きます。



格安ホームページ作成・アンドロイド開発

この2つをシフトキーで選択し、「テキスト」メニューから「パスに結合」を選択します。




格安ホームページ作成・アンドロイド開発

すると、パスとテキストが見事に結合しました



格安ホームページ作成・アンドロイド開発-1-5

さあ、次は前回と似ていますが、色を変えてみましょう!!


まず四角形を描いて、【パターン】の中にある「ツイード」を選びましょう。



格安ホームページ作成・アンドロイド開発-2-1

選んだら、続いてフィルターを使います。


「+」のマークを押してください。



格安ホームページ作成・アンドロイド開発

「カラーを調整」から「色相・彩度」を選びます。


するとこのように出てきますので、色相の数値を上げてみましょう音譜



格安ホームページ作成・アンドロイド開発

上げると緑色っぽくなりますねまりも


こんな感じに仕上がりま~す(‐^▽^‐)



格安ホームページ作成・アンドロイド開発-2-4


今回は色々なパターンのご紹介ですビックリマーク


模様を付けるときは便利ですね。



まず、長方形ツールで長方形を描きます。


格安ホームページ作成・アンドロイド開発-1-1 線は透明だと何も見えないので、黒にしておきます。


四角が描けたら、プロパティをみてくださいダウン



格安ホームページ作成・アンドロイド開発-1-2

ペンキのマーク(塗り)のところで、上図のように【パターン】を選びます。


すると、木目や反射などたくさんの模様が出てきますえっ


今回は「木目2」を選びました。



格安ホームページ作成・アンドロイド開発-1-3
このような木目の四角形になりましたしあわせ



格安ホームページ作成・アンドロイド開発-1-4

四角の周りの線は消しておきましょう。矢印のところが透明です上




格安ホームページ作成・アンドロイド開発-1-5

次に境目を簡単にぼかすことができるので、やってみましょう。


【エッジ】のところを「エッジをぼかす」にしましょうはぁと★



格安ホームページ作成・アンドロイド開発-1-6

横の数字かバーでぼかし具合の調節ができます。



30にしましたニコちゃん


するとこんな感じに出来上がります。



格安ホームページ作成・アンドロイド開発-1-7
ここに文字を入れてみましょう。


これも、テキストツールで文字を打ち、【パターン】の「草」を使い、


文字にフィルターで黄色い光彩を付けましたニコちゃん



格安ホームページ作成・アンドロイド開発-1-8



<strong>さぁ、今日はくもを描いてみましょう。

思ったより簡単ですよ。



格安ホームページ作成・アンドロイド開発-1-1

まず、下図のようにペンツールのところを長押しすると、

【ベクトルパスツール】を選択します。

そして次にプロパティの線の種類のところで

【特殊ペン】→【ソフトドット】を選びます。


格安ホームページ作成・アンドロイド開発-1-2


カンバスのカラーを水色にします。


格安ホームページ作成・アンドロイド開発-1-3

水色にすると空の色になりますね。ここに白い雲を書いていきます。



格安ホームページ作成・アンドロイド開発-1-4

はい、できあがりっ!!!

線のpointは20にしてありますが、自分で好きなサイズにして試してみてねにゃんこ