カスタマーサポートに電話すると、繋がらない、繋がっても分岐が多過ぎる。状況を説明すると判る人へのたらい回しが続く・・・そして疲れ切ってしまう私。
土曜日, 1月 26, 2019
金曜日, 1月 25, 2019
Photoshop
写真画像のイラスト化［その1］（128）
第128回月例セッションの補足（その1）です。
フィルタ加工は元画像の状態とサイズで大きく変化します。ここで説明した手順も元画像によっては、面白くもなんともない結果になってしまう場合があります。まずWidthが3000Pixel、Heightが2250Pixelの画像を用意しました。出来るだけゴチャゴチャしている方が良い結果に成る感じです。
最初に元画像のコピー（背景のコピー）を作成し、作成したコピーは非表示としてから元画像のレイヤーに戻り、フィルタメニューの［表現手法＞輪郭検出］を実行します。
続けて、イメージメニューの［色調補正＞白黒］にてグレースケール化します。設定はオートで解説していますが、必要に応じて調整した方が良い場合が多いです。
更に、イメージメニューの［色調補正＞レベル補正］にて入力レベルのスライダーを［黒：50／グレー：1／白：230］程度に調整します。あくまでも感覚なので、画像によって試行錯誤が必要です。
ここで、フィルタメニュー［フィルタギャラリー＞アーティスティック＞色鉛筆］にて［芯の太さ：1／筆圧：10／用紙の明るさ：50］を実行して鉛筆書きのようなイメージを模索します。ここでも画像によって試行錯誤が必要です。
続けて、イメージメニューの［色調補正＞レベル補正］にて出力レベルのスライダーを［黒：40／白：255］に設定。ここでも画像によって試行錯誤が必要です。
ここから背景のコピーレイヤーに移動し、描画モードを［比較（暗）］に変換。続けて、フィルタメニュー［フィルタギャラリー＞アーティスティック＞ドライブラシ］10/0/1として、そのコピー（背景のコピー2）を作成して非表示とし、背景のコピーに戻ります。
背景のコピーに対してウインドウメニューの［色調補正＞色相・彩度］にて、クリッピングマスク（上図の赤久囲った部分をクリック）を有効にして、彩度を50程度に設定します。
上図はこの段階のレイヤーの構造です。
上図はこの段階の処理結果です。ここで背景のコピー2に移動し、描画モードを［ソフトライト］としてから、フィルタメニューの［表現手法＞輪郭検出］を実行します。
最後に新規レイヤー（グレー50%）を作成し、描画モードを［オーバーレイ］としてグレー50%で塗りつぶし、フィルタメニューの［フィルタギャラリー＞テクスチャ＞テクスチャライザ］にて［テクスチャ：キャンバス／拡大・縮小：200%／レリーフ：4／照射方向：上へ］を実行。ただし、拡大・縮小は200%異常には設定出来ないので、設定したイメージをブリ的に拡大処理するとよいでしょう。私は更に200%拡大しました。
上図は最終的なレイヤーの状態です。背景レイヤーに掛かっている色相・彩度のみ調整レイヤーとしていますが、後から画面をイブ確認しながら調整できるメリットがあります。細部がデリケートなので、部分拡大で再確認します。
上図は元画像の状態です。
最終的に元画像は3つになりますが、背景レイヤーと背景レイヤーのコピーの合成処理結果です。
背景レイヤー、背景レイヤーのコピー、背景レイヤーのコピー2の処理を合成処理結果です。
グレー画像にテクスチャーを加えた最終イメージです。ちょっとヤヤコシイですが、色々と試行錯誤してみて下さい。
Photoshop CC 2019
TCDW6101
ローレル&ハーディ風エイリアン
頭はスタン・ローレル、体はオリヴァー・ハーディ・・・みたいな（^o^）エイリアン。あ、２人別々に作れば良かった〜・・・ということで近々にリベンジ。その昔、日本では「極楽コンビ」という名前で親しまれていたらしいですね。もうすぐ公開される"STAN & OLLIE"が楽しみです。
木曜日, 1月 24, 2019
Illustrator
新規ファイル作成時の注意点
Illustrator CC 2019で新規ファイルを区政する時は、ちょっと注意が必要なようです。まず、起動直後に表示される新規ファイル作成にて作成したファイルには裁ち落としが含まれていません。このあたりは起動後に環境設定で設定しても良いのですが面倒臭いですね。
Illustrator CC 2018では起動直後にカテゴリーを選択しない新規ファイルが作成出来ない仕様でしたので問題はなかったのですが、ちょっと混乱しますね。ちなみにそれ以外にファイル作成設定で、大きな変更は無いようです。
印刷設定以外では裁ち落としは0mm。
印刷設定では裁ち落としは3mm。
混乱するのでパレットのトーンを2018と2019で変更しておいた方がいいかもしれませんね。
Illustrator CC 2019
TCDW6100
どんなコトも重要な経験
それほど重要では無かった事が、今頃になって大きく影響してきた〜と言うのが定番の展開ですね。実は、重要か？重要でないか？は思い込みでしか無く、どんなコトも重要な経験だと言うことに気が付かない人は「重要では無かった事」と、判断してしまうんですよね〜。
水曜日, 1月 23, 2019
CSSでのborder設定の簡単なまとめ
HTMLとCSSで作成する入れ子のボックスを作成する時の注意点を整理しました。今回はborder処理です。marginと同様に通常はfloat等で処理するので、こんな使い方はあまりしないのですが、コレが理解出来ないと思わぬトラブルが出てしまいます。まずは以下が上図のソースとなります。マゼンタの300pixel四方、グレーの200pixel四方、黄色の100pixel四方を<div>配置しています。全てがセンター合わせになっています。
-------------------------
<!-- index.html -->
<html>
<head>
<meta charset="UTF-8">
<title>margin & padding& & border</title>
<link rel="stylesheet" type="text/css" href="rule.css">
</head>
<body>
<div id="hotpink_box"><br>
<div id="silver_box"><br>
<div id="gold_box">
</div>
</div>
</div>
</body>
</html>
-------------------------
/* rule.css */
@charset "UTF-8";
body {
margin: 0px;
padding: 0px;
border: 0px;
background-color: #afeeee;
}
#hotpink_box {
margin: 0px auto;
padding: 0px;
border: 0px;
width : 300px;
height: 300px;
background-color : #ff69b4;
}
#silver_box {
margin: 26px auto;
padding: 0px;
border: 0px;
width : 200px;
height: 200px;
background-color : #c0c0c0;
}
#gold_box {
margin: 26px auto;
padding: 0px;
border: 0px;
width : 100px;
height: 100px;
background-color : #ffd700;
}
-------------------------
paddingがエリアを広げるのに対して、borderは線幅を追加するので処理結果は酷似しています。ただし、見た目で違うのは個別に色を設定出来る点です。
まずsilver_boxとgold_boxを以下の様に設定します。marginが11pxなのは、paddingを15pxに下時と同様で、以下は計算式です。
(300−(200＋(15×2))/2)−24=11
#silver_box {
margin: 11px auto;
padding: 0px;
border: 15px solid #708090;
・
・
#gold_box {
margin: 11px auto;
padding: 0px;
border: 15px solid #ff8c00;
・
・
#silver_box {
margin: 11px auto;
padding: 15px;
border: 0px;
・
・
#gold_box {
margin: 11px auto;
padding: 15px;
border: 0px;
・
・
上図はpaddingで15px広げた場合。なお、ボックス内に文字を入れる場合、paddingもborderも本来のサイズ内に収まり、paddingやborderで拡張したエリアにはデフォルトでは収まりません。ちなみに、オプションは以下のような種類があります。
none
ボーダーは表示されず、太さは0になり、0pxと記述しても同様。ただし、ボーダーが重なり合う場合は他の値が優先される。初期値。
hidden
ボーダーは表示されず、太さは0になり、0pxと記述しても同様。ただし、ボーダーが重なり合う場合はhiddenの値が優先される。
solid
1本線で表示される。
double
2本線で表示される。
groove
立体的に窪んだ線で表示される。
ridge
立体的に隆起した線で表示される。
inset
上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示されるが、上下左右の一部だけに指定しても立体感は出ない。
outset
上と左のボーダーが明るく、下と右のボーダーが暗く表示され、ボーダーで囲まれた領域全体が立体的に隆起したように表示されるが、上下左右の一部だけに指定しても立体感は出ない。
dashed
破線で表示される。
dotted
点線で表示される。
上図は"groove"設定例です。
#silver_box {
margin: 11px auto;
padding: 0px;
・
・
#gold_box {
margin: 11px auto;
padding: 0px;
border: 15px groove #ff8c00;
・
・
TCDW6099
これだけは避けた方がいいですよ
これだけは避けた方がいいですよ〜と三回も忠告したのに、見事にやらかしてくれる人達って理解を超えた超人ってコトでしょうか？・・・真剣に考えると胃が痛くなるのでオチャラケルしかない私・・・。
火曜日, 1月 22, 2019
Chromeで忘れたパスワードを確認する方法
パウワード管理はしっかりしているつもりなのですが、どうしても思い出せないパスワードがあって［某アカウントA］を放置していました。正確には2つのアドレスで別々に登録していたようです。問題のアカウントは遙か昔に設定し、私自身が忘れていたのです。現在使っている［某アカウントB］は新たに数年前に作成したもの。ソレしか無いと最近まで気が付きませんでした。で、使っていない［某アカウントA］は混乱の元なので削除しようとしてもパスワードが思いつかない・・・というか何故か私のデータベースに入って居ない・・・。そこでダメ元でchromeに聞いてみたらアッサリ問題は解決してしまいました。覚えておくと便利です。chrome左上の設定ボタン（1）をクリックして表示される設定（2）をクリックして設定メニューに移動します。
ここで［パスワード］を選択。
パスワード］を選択すると上図の様な設定画面が表示されるので、該当するパスワードの目のアイコンをクリックし、システムのパスワードを入力すれば画面で確認出来るようになります。もちろん、これを使わなくても良い状態にしておくことが大切ですね。
Chrome 71.0.3578.98
TCDW6098
私の部屋には引き出しが皆無
部屋が慢性的に片づかないのは、不安定で細か過ぎるモノが多いからなのですが、さりとて箱やケースに入れると訳分かんなくなってしまうのが難点・・・。いや、冷静に考えたら私の部屋には引き出しが皆無でした・・・今更驚いてどうする？
月曜日, 1月 21, 2019
Photoshop
フレームツールで遊んでみました
Photoshop CC 2019から加わったフレームツールで遊んでみました。従来の配置と使い分けると効果的です。
上図は背景用に用意したイメージ
上図はメインヴィジュアルとして用意したイメージ
背景画像にて、ツールボックスに加わった［フレームツール］で任意の矩形を描き、求めるサイズに調整します。レイヤーの［フレームツール］のサムネールをクリックすると数値指定が可能になります。
上図は調整後の状態です。
ここで同時に開いておいた［メインヴィジュアル］を編集メニューの［コピー］にてメモリに読み込みます。
背景画像のファイルに移動し、編集メニューの［ペースト］にて［メインヴィジュアル］を配置します。ファイルメニューの配置とは異なり元データのサイズのまま配置されます。これがポイントですね。
上図は配置した直後のレイヤーの状態です。
あとは、配置した方のサムネールをクリックし、編集メニューの［自由変形］等にてサイズや位置を調整し、確定すれば完成です。
Photoshop CC 2019
登録:
投稿 (Atom)
