PhotoshopのドロップシャドウをCSS3で表現する方法 更新日:2018年10月9日 公開日:2018年9月24日 CSSPhotoshop Photoshopで作成されたデザインカンプを参考にしてコーディングする場合、 ドロップシャドウをCSS3でどう表現するのか。 その方法について記載していきます。 Photoshopでドロップ […] 続きを読む
PhotoshopでGIFアニメーションを作る 更新日:2018年10月9日 公開日:2017年6月19日 Photoshop 複数のJPEG画像を繋ぎ合わせてGIFアニメーションを作成 photoshopでGifアニメーションを作成するには以下の2つの方法があります。 動画ファイルから必要な個所をカットしてGifアニメーションを作 […] 続きを読む
Photoshop 「色の置き換え」で印象を変える 更新日:2018年10月16日 公開日:2017年2月26日 Photoshop 色の置き換えを行います この画像の色を置き換えていきます。 「イメージ」メニューから、「色調補正」→「色の置き換え」を選ぶ スポイトツー […] 続きを読む
Photoshop 「境界線を調整」で髪の毛などを切り抜く 公開日:2017年2月25日 Photoshop 髪の毛などの細かい境界線を切り抜きます この画像を切り抜きます。 クイック選択ツールなどで、大雑把に範囲選択してください。 範囲選択した […] 続きを読む
Photoshopのマスクは3種類あります (基本編) 更新日:2018年10月9日 公開日:2017年2月21日 Photoshop クリッピングマスク クリッピングマスクは、 選択したレイヤーに対して、 下にある「テキストレイヤー」や「シェイプレイヤー」の形にくり抜く機能です。 まず、テキストレイヤーを用意します。 &nb […] 続きを読む
Photoshopで選択範囲やるならクイックマスク使ったらいいよ 公開日:2017年2月20日 Photoshop 範囲選択する この画像のコップを範囲選択します。 クイック選択ツールをクリックしてください。 大雑把な感じでいいので、コップを範囲選択します。 &nb […] 続きを読む
Photoshopで不要物を消す 範囲選択 + 塗りつぶし 公開日:2017年2月15日 Photoshop 「範囲選択 + 塗りつぶし」で消す この画像の真ん中にいる「4人」を消したいと思います。 「範囲選択 + 塗りつぶし」の方法は、新しいレイヤーを追加して行うことはで […] 続きを読む
Photoshopで不要物を消す パッチツール 公開日:2017年2月14日 Photoshop パッチツールで不要物を消す この画像の真ん中の雲を消したいと思います。 いつでも元の状態に戻せるように、新しいレイヤーを追加します。 パッチツールを選択します。 & […] 続きを読む
Photoshopで不要物を消す スポット修復ブラシツール 公開日:2017年2月13日 Photoshop スポット修復ブラシツールとは スポット修復ブラシは、 マウスで不要物をドラッグすることで、画像から不要物を消すことができます。 コピースタンプツールとの違いは、 自分でサンプルを採取するのではなく、phot […] 続きを読む
Photoshopで不要物を消す コピースタンプ&修復ブラシ 更新日:2017年2月13日 公開日:2017年2月12日 Photoshop コピースタンプツールで細かいゴミを消す この画像の「〇で囲った部分」のゴミを消します。 拡大するとこれ いつ […] 続きを読む
Photoshop手書き風テクニック やってみた 更新日:2019年10月3日 公開日:2017年2月10日 Photoshop この書籍を紹介します。 パステル画 書籍で紹介されている「パステル画」というのをやってみます。 この本に記載されているURLから書籍で使用している画像をダウンロードできるのですが、 今回は自分で用意したCC0ライセンスの […] 続きを読む
Photoshopの調整レイヤー(レベル補正、トーンカーブ、色相・彩度)を説明します 更新日:2017年2月8日 公開日:2017年1月31日 Photoshop 調整レイヤーとは 調整レイヤーは、色や明るさなどを編集して画像を加工する事ができます。 一つのレイヤー上で編集している為、レイヤーを削除する事でいつでも元の状態に戻すことが可能です。 何回でもやり直すことが出来ます。 調 […] 続きを読む
Photoshopの解像度について説明します 更新日:2017年2月8日 公開日:2017年1月27日 Photoshop 解像度の基本 アウトプットの種類によって、設定する解像度が異なります。 作業する前に必ず確認しておいてください。 PC・スマホ・タブレットなどのディスプレイ表示・・・72 ppi 家庭用プリンター・・・15 […] 続きを読む