Photoshopのトーンカーブをなんとなく使っていませんか？改めて基礎や活用方法について学ぼう｜ferret [フェレット]
Photoshopを使った画像補正で無くてはならない機能が「トーンカーブ」です。感覚で使うこともできますが、最大限に活用するためには正しい理解が必要です。 今回はトーンカーブの基礎、活用方法をご紹介します。 これまでなんとなく使ってきた方、思い通りの結果にならないという方はぜひご覧いただき基礎を身につけてみてはいかがでしょうか。 1.トーンカーブとは トーンカーブの機能は多くのペイントソフトに付属していますが、ここではPhotoshopをベースに説明を進めていきます。 Photoshopにはトーンカーブ以外にもいくつかの補正機能が備わっています。中でも使いやすい機能の一つに「明るさ・コントラスト」がありますが、画像の質を低下しやすいデメリットがあります。 また、細かな部分や複雑な画像の補正にも不向きです。これに対して、トーンカーブは視覚、データの劣化をおこさずに細やかな補正ができます。 ト
![Photoshopのトーンカーブをなんとなく使っていませんか？改めて基礎や活用方法について学ぼう｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d8d57e65276a773190390b3d8b20980e310cf51/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F4050%2Fog_image%2Fdefault-42e32f465927ecf2f67aab7887191c0a.jpg)
【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」（複雑な背景バージョン） オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー（Command/Ctrl+J）したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
写真の色を見た目どおりに補正するカラーコレクションの実践手順ガイド
デジカメやスマートフォンで写真を撮影するとき、実物と写真の色感の違いに悩まされる場合もよくあるものです。これは人間の目とカメラの仕組みが異なるために起こる問題なのですが、Adobe Photoshopなどの画像編集ソフトを使って補正を行うことで正しい色に近づけることも可能です。元NASA職員らによるサイト「Planet Labs」では、そんな画像補正の手順を解説するブログエントリ「A Hands-On Guide to Color Correction」を公開しています。 A Hands-On Guide to Color Correction https://www.planet.com/pulse/color-correction/ ブログのエントリを公開したロバート・サイモンさんは、人工衛星から撮影した地表の写真に補正を加えることで実際の見た目に近い画像を作成する手順を解説しています
これは便利！Photoshopでマンガの集中線を一発で写真に描く方法 [Comic Kit]
古くからマンガの表現技法として使われてきた中心から放射状に伸びる集中線ですが、最近では写真の加工用途に使われることが多くなってきました。簡易的な専用のアプリなどもあるのですが、今回はPhotoshopの便利なアドオンを使って柔軟に高品質な集中線を描く方法をご紹介します！ ライターの村上です。 ブログやウェブサイトで写真を活用される方は非常に多いと思います。最近は個性的な加工をして、色々なブログの中でも埋もれない写真や画像をを作られる方が非常に多くいらっしゃいます。 自分もPhotoshopを使って人目を惹く写真の加工ができないか色々と試行錯誤しました・・・ 何か変わった、そして分かりやすい加工はあるかどうかと考えた結果は 集中線でした！！！ 漫画の表現で良く見られるある点から放射状に伸びる線の表現の事で上のタイトル画像に用いている効果です。 これ、Photoshopのアドオン(無料)を使う
![これは便利！Photoshopでマンガの集中線を一発で写真に描く方法 [Comic Kit]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ba3190425ab277a70f4c113441b878360d534ed8/height=288;version=1;width=512/https%3A%2F%2Fphoto-studio9.com%2Fwp-content%2Fuploads%2F2016%2F03%2Ftitle.jpg)
Ajax的に画像などのファイルをアップロードする方法 ::ハブろぐ
a-blog cmsの開発中、Ajax的にファイルをアップロードする必要があったので、その際の調べ物についてかきます。普通にpostしようにも、JavaScriptでローカルのファイルは扱えないよ、って話で、先輩から「iframeがヒントだ！」的なざっくりとしたアドバイスを頂いたので、それを頼りに調べる。 画面遷移なしでファイルアップロードする方法 - 30からのBlog おお、なるほどなるほど。以下、HTML, JavaScript, PHPのサンプルをメモ。 こんなHTMLをJavaScriptで操作すればいい JavaScript自身が要素の生成を作成してもよいですが、最終的にはこういうHTMLが作成されることになります。 <a href="#" id="uploadTrigger">アップロードするぜー</a> <form id="uploadForm" action="画像POS
Android開発 〜そんなところ自分で作る必要ないよ〜 - Qiita
マニュアルに目を通さないで、適当なブログを適当にググッて実装すると陥りやすい、「自分で書く必要のないところまで自分で実装して疲れたりバグったり」というケース。経験したものをずらずらと。 コードはうろ覚え 会社のプレゼンの資料で作ったので精査できてない(TODO 後で整理する) 概要 RosourcesTypes Loader DataProvider これらを使って楽をしようという話のケーススタディー的なものです 画像リソースのdpiごとの伸縮 単純に拡大縮小するだけなのに、いろんな解像度分の画像を用意して配置するやつ Before 猫のアイコン icon_neko.pngを以下のように配置 res/ drawable-mdpi/ icon_neko.png (16x16) drawable-hdpi/ icon_neko.png (24x24) drawable-xhdpi/ icon_
[PHP] getimagesizefromstringという関数が便利な件 · DQNEO日記
getimagesizefromstring という関数が、PHP5.4から追加されていたので紹介します。 http://php.net/manual/ja/function.getimagesizefromstring.php getimagesizeにはメモリ上の画像を渡せない PHPにはもともとgetimagesizeという関数があって、画像ファイルのサイズやメタ情報をお手軽に取得することができました。 list($width, $height, $type, $attr) = getimagesize("/path/to/image.jpg"); ただこの関数には１個残念なところがあって、変数に格納したメモリ上の画像(バイナリ文字列）を引数として渡すことができないのです。 私はよくAmazonS3などから取得したメモリ上の画像を処理することがあるのですが、getimagesizeに
デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi
前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
Androidで複数のImageViewを1枚の画像に合成保存する方法
ImageView imageView = (ImageView) findViewById(R.id.base_image); Bitmap newBitmap = Bitmap.createBitmap(imageView.getWidth(), imageView.getHeight(), Bitmap.Config.ARGB_8888); 画面の表示サイズを取得する為、1行目でImageViewのインスタンスを取得これは、画面サイズがわかるViewであればImageViewである必要はないです。 手順２ Canvas offScreen = new Canvas(newBitmap); 手順１のBitmapを元にCavasを作成する、これで画像のベースとなるCanvasが出来上がる。 手順３ ImageView imageView1 = (ImageView) findViewBy
【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。
娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
Photoshop・これからのグレースケール画像のつくりかた
グレースケール変換の方法は多々ありますが、どうも「モード」→「グレー」がDisられる傾向があるようなのでそれは違うよ！というところから少し。 モード→グレーは結構優秀 （実際にはモードから変換するのではなくて、「編集」→「プロファイル変換」を勧めます。これだけは設定しておきたいPhotoshopショートカットキーの小ネタ） これを変換してみましょう。 (以下マウスオーバーでこの画像に変わります） モード変換グレー 他と比べると濃いのですが、色の濃度変換は最も感覚的に近いかと。PCの方はカーソル乗せたり外したりしてみてください。 参考：osakana.factory – グレースケールのひみつの３番目 どちらにしても、オフセット印刷向けに変換するのであればこの後の調整は「必須」です。これはどの方法でも同じです。 LabモードLチャンネル Lab変換後Lチャンネルのみ表示させ、そのままモード変
反射画像を作る | Techfirm Android Lab
お久しぶりです。daichi1128です。 GWも終了です。楽しいひとときを過ごせましたでしょうか。 最近気温の変化が激しいですね。最高気温が一桁かと思えば、猛暑になったり、体が追いつきません。もはや日本に四季はなくなってしまったのかもしれませんね。昔は春があったんだよ、なんていう会話をする日がくるのでしょうか。 さて、Androidの開発に戻りますよ。ええ。 今回はBitmapから反射画像を作るサンプルです。 package jp.co.techfirm.bitmaptest; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.LinearGradient; import android.graphics.Matrix; import android.graph
画像の最大幅を calc() で制御する
画像の幅をコンテンツに合わせてフレキシブルにしたい場合、親要素の幅を超えないようにするには CSS の max-width プロパティに 100% を指定する。 img { max-width: 100%; border: 1px solid silver; padding: 0.25em; } ただ、画像にパディングやボーダーを持たせた場合、その分が親要素の幅より大きくなってしまうことがある (Fig 1)。 Fig 1: パディングとボーダーを持つ画像に `max-width: 100%;` を指定すると、親要素の幅を越えてしまうことがある これをつねに親要素に収めるようにするには、box-sizing プロパティを利用して画像の幅がパディングとボーダー込みで算出されるようにする、という手がある。 img { max-width: 100%; border: 1px solid sil
Android Tips #22 Nexus7 に対応させるときの注意点 | DevelopersIO
Nexus7 を購入しました 弊社でも巷で噂の Nexus7 を購入しました！ 7インチというスマホより大きな画面に、最新OSが搭載され、安価。とっても良いですね！ というわけで今回は Nexus7 に対応したAndroidアプリを作るにあたっていくつか注意点を Android Developers Blog の記事を参考に見ていきたいと思います！ スクリーン 解像度は tvdpi Nexus7 のスクリーンの解像度のグループは、いままであまり使われることがなかった tvdpi になっています。 そのため tvdpi のアセットファイル(画像など)をすべて用意する必要があるかと思いきや…そうではありません。 tvdpi に表示するアセットファイルは、システム側で hdpi のアセットファイルをスケールして表示してくれます。 なので Nexus7 に表示されるアセットは hdpi のもの！と
Android開発日誌:androidとjava関連 Androidで画像の方向（向き）を取得する
Androidの開発日誌です。 javaやandroidアプリの開発で勉強したことの自分用メモおよび検索で知識の共有が図れたらな、と。 ■ギャラリーから呼び出す画像の向きを取得する 開発中にこんなことはないだろうか。 「ギャラリーから画像を呼び出したは良いが、機種によって縦横の方向が バラバラやんけ！！」 そう、こんなことが稀に良くある。（どっちだ） そんな悩めるあなたに、というか悩んでた自分用にメモです。 画像の向きを取得して、どの機種で読み込んでも同じ方向にする方法は以下↓ ■1.呼び出す画像のFilePathをゲット ■2．ExifInterfaceで画像のTAG_ORIENTATIONを取得 ■3．ゲットしたORIENTATIONをもとに、画像をぐるぐる回転 どうだろう、そんなに難しい手順じゃない。調べるのに半日かかったけど、 知ってしまえば大丈夫だ！ （ちなみに上記手順は僕が勝手
Android:ピクセルフォーマットを意識した高速化テクニック
画像描画でよく取り上げられるピクセルフォーマット。 ピクセルフォーマットはピクセル色の表現形式です。 http://developer.android.com/reference/android/graphics/PixelFormat.html AndroidでもWindowやBitmapなど描画関係のクラスでピクセルフォーマットを指定できます。 http://developer.android.com/reference/android/view/Window.html#setFormat(int) アプリパフォーマンスとピクセルフォーマットにどのような関係があるのか？ 端的に言えば、下記のような関係にあります。 透過効果を... ⇒ 使用しないフォーマット ＞ 使用するフォーマット ピクセル毎の色情報が... ⇒ 少ないフォーマット ＞ 多いフォーマット よりシンプルなピクセルフォー
AfterEffectsを使ったiPhone用アニメーションjpegの作り方
このサイトを見るような人は、1000回以上聞いたことがあると思いますが、iPhone、iPadではFlashが動きません。 そのため今回は、AfterEffectsなどを使い、動画ファイルでもアニメーションgifでもないアニメーションのやり方を紹介いたします。 以前、googleがバナーに使ったりしたやり方を今回実写を用いて作成してみました。 Martha Graham’s 117th Birthday googleの例では、画像見ると下記のようになっており１フレームごとに表示する場所を動かしています。 Martha Graham’s 使用画像 完成サンプル 完成品は下記のようなものになります。（iPhone、iPod touchなどのiOSでご覧ください） ただ動くだけでなく、iPhone用に指の動きに合わせて動きます。 iPhone用アニメーションjpeg サンプル ※画像が大きいので
フロントエンドがやっておかなきゃいけない、iPhone(スマホ)向けサイトを軽量化･高速化するための必須項目をメモ。 | Mnemoniqs Web Designer Blog
Webサイトの待ち時間の80％はフロントエンドの処理によるもの なんて言われるとドキっとしちゃいます。どんな素敵にデザインして綺麗にコーディングしても、ページが重くてイライラしてるユーザーがいたら台無しです。なのでスマホ向けサイトのデザインに入る段階から、高速化・軽量化を意識するために、いくつか項目をメモしておきます。 デザインの段階から軽量化を意識する 画像を極力使わないで魅せる努力をする 当たり前ですが、画像を使えば使うだけレスポンスは遅くなります。背景画像にドデーンと写真を使ったり、見出しを使うたびに大きなアイコンを入れるなど、わざわざページを重くさせるようなデザインにする必要はありません。 多少シンプルになったとしても、色のメリハリ・1pxの線などでカバーしましょう。テキストも可能な限り画像にせず、デフォルト文字にするべきです。Webデザイナーの腕の見せ所ですね。 HTML5+C
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
写真を絵のように見せる写真加工技術「PhotoDramatica」トップ - あやえも研究所