iPhoneを「らくらくホン」にする

iOS17の機能で「アシスティブアクセス」というものがあり、これを利用するとiPhoneのインターフェースを通常のものから機能限定した「簡単アクセス」風に変更できるようになっています。

どうしてもパソコンやスマホなどは操作が理解できないという方もいる中で、その利用頻度は必須レベルに多いので、こういう機能があるのは当然となるでしょうね。

Androidスマホの場合はインターフェースのカスタマイズは比較的柔軟に行えるので、iPhoneでようやく出来るようになったのは遅過ぎるようにも思いますが。

私の使用しているiPhoneのホーム画面です。

通常はこのような形でアプリのアイコンやウィジェットという小型アプリが表示されています。

「設定」アプリの「アクセシビリティ」の項目を選びます。

「一般」の項目に「アシスティブアクセス」がありますので選択します。

端末のPIN番号以外にアシスティブアクセス管理用のパスコードを作る必要がありますが、作成後にアイコンの配置方法と配置するアプリの選択を行う画面が表示されます。

使用頻度の高いものや必須と思われるアプリを選択しておきます。

（アシスティブアクセス画面ではスクリーンショットが撮れないのでこの画像はアップルのサイトからの引用です）

再起動後に画面が切り替わり、大きなアイコン表示のインターフェースに切り替わります。

表示を元に戻す事も可能です。（機種により操作は異なるようです）

 アプリアイコンが大きく、表示制限を行えるだけでなく、Apple製のアプリの場合は機能も限定化でき、例えば通話であれば連絡先の限定を行えたり、カメラアプリも機能限定させたりする事が可能で、子供用にも使えるかと思います。

機能を最低限にして、デジタルデトックスというのもいいかも知れませんね。

ホームページ制作入門～ 画像とディレクトリ

ホームページ作成講座の動画を追加しました。

今回は画像の表示とそれに必要なディレクトリ・相対パスの説明です。

HTMLの学習で一番ややこしいところでもあるので、上手くまとめられたかやや心配ではあります。

今までの動画はこちらです。

ホームページ作成講座 動画追加しました

動画講座3本目を公開しました。
今回は文字の表示に関する記述です。

HTML/CSS入門講座「HTMLの構造」公開しました

動画で解説するHTML/CSSの入門講座を追加しました。
今回はHTMLの基本記述とHTMLファイルの作成に関する内容です。

今回からスクリーンキャプチャによる操作例が入っています。

次回は文字の表示に関する内容の予定です。

HTML/CSS入門講座「HTMLの文法」公開開始します

一昨年から制作していたビデオ講座「HTML/CSS入門講座」を無償公開いたします。

これはとある理由で制作していた初心者向けのホームページ制作講座ビデオなのですが、色々ありましてお流れになっていたので、随時作り直して公開して行こうというものです。

内容的には全くHTML/CSSというホームページ制作用の言語を知らなくても、簡単な静的なWEBサイトを作る事が出来るようになるのを目標としています。

そういう意味では現場メソッド的なものではありません。

今回は概論的なパートを公開しますが、随時公開可能になったものからアップロードしていきます。

仕事が比較的余裕のあるこの時期に全てアップしようと思ったのですが、新年度の出講対応などで全部は難しいかも知れませんので、少しずつになるのをご了承ください。

教室の方でもHTML/CSSは対応いたしますので、お気軽にお問い合わせください。

Windows10の授業資料公開

4月からの講師業のために作成していたWindows10の基本操作マニュアルを公開します。

というのも、最初機種選定をPCで考えていたのですが、Macintoshになりそうなので、Mac版をこれを元にまた作り直す事になりそうなのです。
まぁ、両方使えるので良いんですが。

多分、これは日の目を見る事は無くなると思いますので、Windows10の乗り換え促進の意味も込めて、公開しておきます。

一応公開はしますが、画像・文章などの著作権は放棄しておりませんので、ご注意を。
個人的使用に関しては特に良識の範囲でお使いください。

・デジタルメディア演習01
（別ウィンドウ・タブで表示されます）

レタッチ入門～トーンカーブ序論

GIMP講座、レベル補正が一段落してそのまま放置しておりました。（汗
まぁ、実際のところ、あれくらいが出来るだけでも写真は劇的に印象を変える事が出来るのですが、より高度な処理が出来るものに「トーンカーブ」があります。
次はトーンカーブの解説をしていきます。

●トーンカーブとは？
トーンカーブはレベル補正をより高度に設定できるようにしたもので、使い方によっては明るさ・コントラストの修正だけでなく、「ソラリゼーション」のような特殊な画像処理もおこなう事が可能です。

ソラリゼーションの例。

フィルムで言うネガとポジが合わさったような状態になる。

高度な事が出来る反面、概念がやや分かりにくい物でもあるので、簡易レタッチソフトなどでは採用されていなかったりするのですが、使い方が分かればレベル補正以上の表現が行えるようになります。

●トーンカーブの構造
GIMPで使われているトーンカーブをベースにその基本構造を確認してみましょう。
メニューバーの「色」→「トーンカーブ」でダイアログを開く事が出来ます。

これがトーンカーブなのですが、正確には中央にある右上がりになっている直線がトーンカーブです。
このトーンカーブは線上の任意の場所をドラッグする事で曲げる事が可能です。

この場合は中央の部分をドラッグして上にカーブを作りました。
このようにカーブを作って画像の「明るさ」を変更するのが基本的な使い方になります。
ちなみにこの状態だと、画像は「明るく」なります。

その原理を確認してみましょう。

トーンカーブは下と左側にあるグラデーションの意味が重要になります。
下側のグラデーションは入力と言い、加工する前の画像の最も暗いピクセルから最も明るいピクセルへのトーンの変化を表しています。
トーンカーブの後ろに画像のヒストグラムがあるので、レベル補正の理論が分かっていれば問題無く読み取れるでしょう。
特徴的なのは「出力」のグラデーションです。
この出力は「トーンカーブで加工した後」の明るさを示すもので、この出力を基準に全体の明るさを変更して行きます。

 トーンカーブが直線状態の時は入力と出力のグラデーション上の明るさが同じであるため、画像に変化は起こりません。
では、これを中央の部分を上に上げるようにドラッグしてみます。

カーブの形が変わります。
すると、入力の明るさは変わりませんが出力が大きく上にドラッグした分だけ明るくなります。
このようにして画像の明るさを変えるのがトーンカーブです。

で、更に特徴的なのが、両端の部分です。
変更前と変更後のトーンカーブの画像のカーブ両端、つまり最も明るい部分と最も暗い部分が「動いていない」事に注目してください。
つまり画像は明るくなるのですが、全体に明るくなるのではなく、ドラッグした部分を中心に「全体のトーン（明暗の変化）を大きく変える事無く明るくなる」のです。

実際にどのように変化するかは、今後実例を挙げながら解説していきます。

今回はここまで。

レタッチ入門～レベル補正その5

＊GIMP講座まとめはこちら。

・レベル補正・実践

レベル補正機能を使って写真の補正を行なってみましょう。

4.色かぶりの補正（ホワイトバランス）

GIMPのレベル補正機能にはホワイトバランスの調整が備わっています。
これを使って「色かぶり」の修正をしてみましょう。

この画像は全体的に赤系統の色が強く出てしまっています。
こういう状態を「色かぶり」などと言います。
フィルムもデジタルもカメラは光を記録する道具なので、光線が太陽光だったり蛍光灯だったりで光が強く含む色味が画像に影響し、実際の色味が出てこない事が普通に起こります。

通常はデジタルカメラ等ではAWB（オート・ホワイトバランス）などの補正機能が付いており、ある程度の処理はしてくれるのですが、意外に不完全な場合が多いです。

これらのどうしても起こる色かぶりの処理をして画像の色味を自然なものに変更します。

GIMPのレベル機能ではスポイドの形のボタンでこの処理を行います。

「レベル」のダイアログの右下に3種類のスポイドのボタンが有るのが確認できるかと思います。
これらは左から黒・グレー・白となっており、それぞれの色のボタンを押してから画像をクリックすると、クリックした所が無彩色の黒・グレー・白になるという機能を持っています。

無彩色というのは色味を持たない色で、上記の通り黒と白、その間に存在するグレーの階調が該当します。
撮影した画像において「無彩色であるはずの部分」がある場合、その部分をこのボタンで「完全な無彩色」にする事で、全体に被っている色みを除去できるという訳です。

この画像であれば、ニンニクが置かれている平面が白色で、少し陰になっている事から、本来グレーに映るべきなのですが、色が付いてしまっています。
そこで、グレーのスポイドのボタンを押して、平面のグレーの部分をクリックします。

すると、クリックした所の色味が消えて無彩色のグレーになります。
と、同時に削除された色味と同じだけ、画像全体から色かぶりが消えるので、画像が自然な色味になります。

このような処理を行う事で、画像を最適な状態にする事が出来ますが、無彩色の箇所が画像に含まれている必要があり、もし、無彩色の部分が無ければ、トーンカーブなどを用いて、細かな色調補正作業を行う必要があります。

これに関してはトーンカーブの解説で行いたいと思います。

レタッチ入門～レベル補正その4

久々にGIMP講座を再開します。（汗

出来るだけ定期的に進めますので、進めるつもりですので（多分）、宜しくお付き合い下さい。

それと、ご報告ですが、ホームページまたはブログ右のリンクの「メール」にありますメールフォームがサービス側のデータベースの変更でちゃんと使えない状態になっておりました。
先日ご指摘を受けて、修正を行いました。
ご迷惑をお掛けして申し訳ありません。以後気を付けます。

---

＊GIMP講座まとめはこちら。

5.レベル補正・実践

レベル補正機能を使って写真の補正を行なってみましょう。

3.中間調の調整（明るさの割合変更）

レベル補正を用いる事で、画像全体の調子（トーン）を崩す事無く、明暗のバランスを変更する事が可能です。

例えば、最も明るい部分（ハイライト）と最も暗い部分（シャドウ）の濃度（濃さ・明るさ）を変更する事無く全体的に画像を明るくしたり暗くしたりする事が出来ます。

この画像を用いて中間調の変更を行なってみます。

が、その前にこの画像を単に明るくする処理を行なってみます。

画像は明るくなりましたが、影の部分も全体的に明るくなっています。

これは全ての画素が均等に明るくなっているので、最も暗い画素が消失した状態になります。

画像は明るくなるのですが影が薄くなるので全体時に締まりの無い画像になります。

では、中間調の変更を行います。

メニューの「色」の項目「レベル」を選びます。

レベル補正のダイアログが表示されたら、ヒストグラムの下にある真ん中のグレーのスライダーを左に動かします。

スライダーが左に動くと黒のスライダとの間隔が狭くなり、白のスライダーとの間隔が広くなります。

このグレーのスライダーは白と黒つまりハイライトとシャドウのちょうど中間の明るさを意味しており、この場合グレーのスライダーの右側が明るい画素の範囲に、左側が暗い画素の範囲になります。

スライダーの間隔が広くなると画素の明暗の範囲が増減し、つまり画像の明暗の割合を変更出来るのです。

実際に上記の設定の中間調で明るい画素の割合を増やして画像を明るくしました。

元画像よりも明るくなっていますが、背景などに見られるシャドウのトーンにあまり大きな変化は見られません。

明暗の幅は元画像を維持して締りのある画像になっています。

では、グレーのスライダを右に動かして暗い部分の割合を増やすとどうなるでしょうか？

このような暗い画像になりますが、ニンニク右上のハイライトが潰れていない事が確認できます。

つまり一番明るい画素の状態は維持して、全体のトーンはそのままに、画像を暗くする事が出来ています。

このように出来るだけ元画像の明暗のトーンのバランスを維持した状態で画像を明るくしたり、暗くしたりする事が出来るのです。

ちなみにこれはトーンカーブという手法でも変更可能で、より詳細な調整を行う事が可能になります。今後また紹介します。

レタッチ入門〜レベル補正その３

前回の続きです。

5.レベル補正・実践

レベル補正機能を使って写真の補正を行なってみましょう。

2.  暗すぎる画像（露出アンダー）の修正

この写真は全体的に黒っぽく撮影時の光の量（露光量）が少ない状態であった事が分かります。

明るすぎる写真と同じように適正な露出に変更し、トーンを作り出します。

・先程と同じく、メニューバーの「色」を選び、項目から「レベル」を選びます。

・ヒストグラムを確認すると、明るいピクセルが「無い」事が分かります。暗すぎる画像の場合はこうなっている事が多いです。

・明るい画像の時と逆に右の白のスライダをヒストグラムが始まる所まで移動させます。以前解説した通り、白のスライダのある所が最も明るいピクセルになるので、ヒストグラムの右端のピクセルはグレーから白（ハイライト）に変わります。

・画像にハイライトのピクセルが出来たので、明るい部分の階調が出来ます。

左が補正後、右が補正前。

左側の上部に明るいハイライトが出来たのが確認できる。

ハイライト、つまり明るい部分が出来ると明暗差が生まれ立体感・質感が増す印象があります。

ヒストグラムは基本的に右端が白、左端が黒になるように調整して適正な明るさを指定します。

レタッチ入門～レベル補正その2

久々にレタッチ入門を更新します。
今回は実践編。

5.レベル補正・実践

レベル補正機能を使って写真の補正を行なってみましょう。

1.  明るすぎる画像（露出オーバー）の修正

この写真は全体的に白っぽく撮影時の光の量（露光量）が多い状態であった事が分かります。

写真は黒から白への階調（トーン）が充分にある方が良いのでこの写真を適正な露出に変更します。

・メニューバーの「色」を選び、項目から「レベル」を選びます。

・ヒストグラムを確認すると、暗いピクセルが「無い」事が分かります。明るすぎる画像の場合はこうなっている事が多いです。

・左側の黒のスライダをヒストグラムが始まる所まで移動させます。以前解説した通り、黒のスライダのある所が最も暗いピクセルになるので、ヒストグラムの左端のピクセルはグレーから黒に変わります。

・画像に黒いピクセルが出来たので、画像に陰の階調が出来ます。

左が補正後、右が補正前。

左側の影の部分に黒が目立つようになっているのが確認できる。

陰の階調が出来ると画像が黒く引き締まるので力強く程良い明暗が出来ます。

ヒストグラムは基本的に右端が白、左端が黒になるように調整して適正な明るさを指定します。

レタッチ入門～レベル補正その1

教室の看板が日に焼けて早速色褪せてました。
また、このところの雨や風でかなり傷んできてもいます。

しかし、7月に入ってついに教室運営が本格化、つまり受講生が誕生しそうな状況なので本腰入れて頑張らねばというところです。


結構軽率に見切り発車したところもあるので、少しずつ軌道修正をかけて行かないとなぁ。


と、近況を書いた所で、また、見切り発車なGIMP講座です。
ではでは。

------

レタッチ入門編

写真を修正してみよう（色調補正編）

・レベル補正とヒストグラム

GIMPにはデジタル画像の色味や明るさなどを修正する様々な機能が備わっています。この機能を用いて色調補正という作業を行ってみましょう。 

レベル補正とは画像の明るさの分布の修正です。画像の明るさの分布というのは、画像を構成している画素(ピクセル）がそれぞれどの程度の明るさを放っているのかという分布になります。これらの画素に最大・最小の明るさや中間の明るさなどを指定する事で画像を明るくしたり、暗くしたり、また、明暗のコントラストを強調したり、一定以上の明るさを均一にしたりという処理が行えます。

このレベル補正と切っても切れないのが、ヒストグラムという画素の明暗の分布図です。(図）

ヒストグラムは画像に使われている画素の明暗の数を黒（暗）から白（明）のグラデーション上に分布したグラフの様なものです。このヒストグラムで明るさを変更する事でレベル補正を容易に行う事が出来ます。

具体的な操作を説明します。

画像ウィンドウ上部のメニュー欄に「色」と書いてある項目があります。これを選択して、中から「レベル...」と書かれている項目を選んでください。

「レベル」というパネルが表示されます。この中の黒い山のようなグラフがヒストグラムです。

ヒストグラムの下に黒・グレー・白の3種類の三角形があります。この三角形を一般的に「スライダー」と呼びます。このスライダーを動かすことでコントラストの調整などを行う事ができます。

1.ハイライトの設定

画像の明るい部分の調整をしてみましょう。

レベルパネルのヒストグラムの右下の白い三角のスライダをマウスでドラッグして左に移動させてみてください。

スライダを動かす前と比べて白く明るい部分が非常に強調されているのが分かるでしょうか。

この白いスライダーは移動させた位置より右側にあるヒストグラムの明暗（階調・トーン）を全て最大の明るさである白に変更するという機能を持っています。つまり、明暗のあった部分を単一の白という色・明るさに変更したため白い部分が増え、画面に明るさ（ハイライト）が増したのです。

2.シャドウの設定

では、白のスライダを元に戻して左側の黒のスライダを同じくドラッグして右にずらしてみましょう。

先程とは逆に、暗い部分が強調された画像になっているのが分かるでしょうか。

黒いスライダーは移動させた位置より左側にあるヒストグラムの明暗を全て最大の暗さである黒に変更するという機能を持っています。つまり明暗のあった部分を単一の黒という色・明るさに変更したため黒い部分が増え画面に影（シャドウ）が増したのです。

3.中間調の設定 

更に黒のスライダを左に戻して、真ん中のグレーのスライダを動かしてみましょう。

この画像では左の方に移動させていますが、画像を見ると影になっていた部分が明るくなっているのが分かると思います。

グレーのスライダは中間調を表すものです。中間調とは白と黒が半々の状態で混色された「中間の明るさ」を意味し、このスライダのあるヒストグラムの位置（明るさ）が明暗の半分の位置になります。

上の画像のように中間調のスライダを左に動かすと、右側の広くなったヒストグラムの部分が「明るい色の分布」となり、左側が「暗い色の分布」となる。すると、画像全体では明るい色の分布が増え、暗い色が減るので画像自体は明るくなるのです。そして逆に動かすと画像は暗くなります。

中間調は明るさの配分を変更するので、白・黒のスライダで画像の明るさを変更するのとは全く異なった結果になります。

レタッチ入門〜GIMPを使ってみる

レタッチ入門編〜GIMP

2.GIMPで出来る事

デジタル画像はソフトウェアを使う事によって様々な編集を行う事が出来ます。そのソフトウェアの一つがGIMPです。

GIMPはオープンソースという形でインターネット上で公開されており、我々は無償で入手し使用できます。

デジタル画像の色合いや明るさを変えたり、画像から一部分を切り取って別の画像に貼り付けたりなど様々な画像処理を行うことが出来ます。
また、GIMPでの様々な操作はAdobe Photoshopなどのプロユースのソフトウェアと共通する点も多く、デジタル画像の基本編集概念を学ぶのにも非常に良いソフトと言えるでしょう。


GIMP
http://www.gimp.org/

3.GIMPのインターフェース

GIMPの各部の機能を確認しましょう。

1.ツールボックス

GIMPで使用する様々な「ツール(道具）」が準備されています。

ツールはアイコンをクリックする事で選択できます。

ツールには描画や彩色の出来るブラシや画像の任意の部分を選択するマーキーなど色々な物が揃っています。

また、ツールボックス下部のオプション項目で選んだツールの詳細な設定をする事も可能です。

2.画像ウィンドウ

GIMPを用いて開いた画像を表示する部分です。

また、ツールボックスには入っていない様々な機能を選ぶ事が出来ます。

データの保存、色調の補正、フィルタ処理、レイヤー操作などはここから行う事が可能です。

3.ドック

幾つかの機能をまとめたタブが組み込まれています。

主にはレイヤー、チャンネル、パスなどの画像合成に使用するものとブラシサイズやグラデーションのバリエーションなど描画に関するものなどが表示されています。

高度な画像処理を行う際には必須の機能が集められています。

GIMPはこれらのインターフェースを使いながら様々な画像処理を行っていきます。
詳しい使い方は追々説明して行きます。

レタッチ入門〜デジタル画像の特徴

少しずつですが、教室で教える内容に関する概論的な記事をアップしてみたいと思います。
余り後先考えずに軽率に行なっておりますので、何かご意見やご指摘などあればコメントして頂ければと思います。


では。

レタッチ入門編

1.デジタル画像の特徴

デジタルカメラやパソコンで画像を使う時、その画像は「デジタル画像」というものになっています。

デジタル画像とは、鉛筆や絵の具のような画材を用いて描かれる「アナログ画像」と違って、データを用いて描かれる画像と言えます。

パソコンに表示される画像はたくさんの点の集まりによって色と形を表現しています。

この点の事を「画素」または「ピクセル」と言います。

画素には「赤」「緑」「青」の色の光を表示する機能があり、それぞれの色の光が真っ黒から一番明るい色の発光まで明るさを変化させる事が出来るようになっています。

色の明るさは段階があって通常で0から255という256段階の値で区切られており、赤・緑・青それぞれに与えられた段階の光が画素の中で混ざり合い様々な色を表現します。

この色の作り方を「加法混色」と言い、表現できる色数は約1600万色以上。これは人間が認識できる色数より多いので写真のような現実の風景をモニタ画面上で再現できるのです。

また、画素の数が多ければ多いほど、画像はきめ細やかになります。

このきめ細やかさの事を「解像度」と言います。

解像度は「dpi(dot par inch)」という単位で表し、これはデジタル画像の1インチ四方にいくつの画素があるのかを表しています。

この数字が大きければ大きいほど画像はより細やかな表現を行えるようになります。

これらの事から、デジタル画像は画素の数とその扱う色の段階（これを階調といいます）でその美しさが決まる事が分かります。

左の画像を拡大したものが右のものです。

四角く区切られたピクセルが確認できます。