スキップしてメイン コンテンツに移動

撮った写真の肌をすべすべ&なめらか美肌に補正

Photoshopでプリクラみたいな、なめらか美肌に補正するTips。
今回は写真全体に補正します。





1. 写真をPhotoshopで開きます



写真の解像度は、補正可能なくらい、ある程度大きな方がよいです。
肌の細かい部分が見えるまで拡大します。



2. 背景(元画像)のコピーを作成します



背景(元画像)レイヤーを右クリック→「レイヤーを複製」または
「レイヤー」メニュー→「レイヤーを複製」

複製したレイヤーをひとまず新規グループに入れます。



3. コピーしたレイヤーにぼかし(表面)



「フィルター」メニュー→「ぼかし」→「ぼかし(表面)」で
プレビューを見ながら、数値を調整します。
程よくつるっとしたところ、まで。



4. 新規レイヤーを追加し、グレーで塗りつぶします



レイヤーをひとつ追加し(新規レイヤーを作成)、2.で作ったグループの中に入れます。
元画像のコピーが下、新規レイヤーが上となるように。

塗りつぶしは「塗りつぶしツール」または、「編集」メニュー→「塗りつぶし」→「50%グレー」



5. グレーのレイヤーをハードライトに



4.で作ったグレーのレイヤーの描画モード(ブレンドモード)を「ハードライト」に変更



6. さらにノイズを加えます



グレーのレイヤーを使って、さらに自然な感じにするためノイズを加えるため、
「フィルター」メニュー→「ノイズ」→「ノイズを加える」

このとき、「ガウス分布」で「グレースケールノイズ」を選択します。
ノイズの「量」はおそらく、1〜2でよいと思います。



7. またさらにぼかす



今ノイズを加えたレイヤーは、まだドット感があるので、これをさらにぼかします。
「フィルター」メニュー→「ぼかし」→「ぼかし(ガウス)」

この値も1〜2ほどでよいです。



8. で、完成しました



今回は写真全体にフィルターをかけましたが、髪もツヤツヤになります。

元写真の明るさや色味によっては、明るさを明るくするとさらに赤ちゃん肌に、色相では赤み〜オレンジ系を上げると健康的な肌になりますよ。




Written by Creative Flake

コメント

このブログの人気の投稿

ゲシュタルトの法則をWebデザインにも利用しよう

こんにちは、クリエイティブフレークです。

一度は聞いたことがあるかもしれない「ゲシュタルト」。

ゲシュタルト
人間の精神を、部分や要素の集合ではなく、全体性や構造に重点を置いて捉える。この全体性を持ったまとまりのある構造をドイツ語でゲシュタルト(Gestalt :形態)と呼ぶ。



人間の脳がものの形、要素をどのように認識するか、ということですね。

人間がゲシュタルトを感じるときに起こる、さまざまな種類を「プレグナンツの法則」と呼ぶそうですが、その具体例を簡単に紹介。





ゲシュタルトの法則1 : 近接の法則



近接の法則は、近くにあるもの同士が同じグループだと認識されやすい。





ゲシュタルトの法則2 : 類同の法則



類同の法則は、同じ色や、同じ形同士が同じグループだと認識されやすい。





ゲシュタルトの法則3 : 共通運命の法則



共通運命の法則は、同じ方向に動くもの、同じ周期で点滅するなどが同じグループだと認識されやすい。
共通運命の法則は、近接の法則や類同の法則よりも強く働く。





ゲシュタルトの法則4 : 良い連続の法則



良い連続の法則は、図形はつながった形になりやすいと認識されやすい。
近接、類同、共通運命の法則から、切れ目がなくや突然変化しない図形がよいものだと分かる。





ゲシュタルトの法則5 : 閉合の法則



【】や()のように、閉じた形は同じグループだと認識されやすい。
】【 は同じグループと認識しづらい。





ゲシュタルトの法則6 : 面積の法則



小さいものが図として、大きいものが背景として認識されやすい。





ゲシュタルトの法則7 : 対称の法則



対称な図形は閉じた図として認識されやすい。





このゲシュタルトの法則は心理学をはじめとした様々な分野に応用されていますが、人間の特性を活かすという点で、デザインの分野にも活用されています。

たとえばリモコンのボタン配列。



数多くのボタンを、誰が見ても直感的に分かりやすく、誤操作させないように配置しています。





こちらは私のMacのドック。



急いでいるとよく間違ったアイコンをクリックしてしまうので、試行錯誤の末、この配列が一番使いやすい結論に。





Webデザインにおいては、もしすべてのパーツが単調に置かれていたら……



どこを見ていいのかも分かりづらく、どれがクリックできるのかも分かりづらい。



色や形を変えたり、適度な距…

Google「ハングアウト」の絵文字が可愛すぎる。

こんにちは、クリエイティブフレークです。

チャットやインスタントメッセージ機能と言えば、LINEやFacebook、Skypeなど今やたくさんありますが、みなさんはどれを使ってますか?

私はこういうのを使い始めたのが、かれこれ10年近く前になりますねー。
MSNメッセンジャーと、Yahooメッセンジャーを使っていました。



今回はGoogle「ハングアウト」の絵文字がゆるかわな件をご紹介。

ハングアウトの前身が「Googleトーク」というものなのですが、まさに最近「ハングアウト」へ移行したばかり。

▼他のチャットシステムと同じような使い勝手


▼絵文字(顔文字)


ゆるい!



▼絵文字(乗り物)


かわいい!



▼絵文字(いろいろ)




今年流行のカラーとフラットデザインを用いたアイコンは、なんと日本初!

絵文字は一覧から選べるだけでなく、キーボードからの入力も可能!

▼Google IMEで「くだもの」と入力すると


いろいろ出てきます。
ここでのプレビューとハングアウトで送信される絵文字はちょっと違いますが、断然ハングアウトの絵文字がかわいい!

ぜひぜひ試してみてください。Googleハングアウト



Written by Creative Flake

timeタグって結局何だっけ?メリットは?

こんにちは、クリエイティブフレークです。



普段はあえてコードに組み込むことがあまりないtimeタグですが、このtimeタグには利点もたくさん。

timeタグっていうくらいだから、時間に関するタグなんでしょ?ってくらいは分かると思いますが、改めて考えてみます!



<time>タグについて

・機械が「時間」や「期間」として認識できるHTMLタグ
・スケジュールやアーカーイブなどに使用されることが多い
・WordPressではデフォルトのテーマに使われている



一度は消えた<time>タグ

<time>タグは2009年、HTML5のタグとして一旦は追加されたもの、2011年に削除されてしまいました。
しかし間もなく、時間要素が改良されたタグとして復活しました。



タグと属性

2014年7月を記す場合。
<time>2014-07</time>
オプションとしてdatetimeという属性を追加することができます。
<time datetime="2014-07">雨の多い蒸し暑い夏</time> <time datetime="2014-07">2014年7月</time> これは人間が分かりやすい形式で自由に記述します。



属性に関する10個の方法

①年月
2014-07
②日付
2014-07-01
③年をつけないパターン
07-31
④時間だけ(秒はオプション)
12:34:10.999
⑤日付と時刻
日と時間の間に「T」を入れます。(TはスペースでもOK)
2014-07-01T13:50
⑥タイムゾーン
+または-からスタート。:(コロンはオプション)
+09:00
⑦ローカル日時
2014-07-01T23:59:59+09:00
⑧年と週(週の前に「W」をつけます)
2014-W21
⑨年だけ
2014
⑩期間(週:w、日:d、時間:h、分:m、秒:s)
1w 2d 2h 30m 10.501s
使用例

富士山が世界遺産に登録されたのは、<time datetime="2013-06-26">2013年6月26日</time> …