こんにちは、はるです！ 2月ももう終わりですね。２、3月は決算期という会社が多く、バタバタしている方も多いのではないでしょうか。 そして4月にかけては人事異動などで歓送迎会が増える季節になりますね。 現在はコロナ禍ということでお店での歓送迎会は少ないと思いますが、異動される方や退職される方に向けてプレゼントや写真などをお渡ししたりする機会もあるかと思います。 そういったとき、少し気の利いた写真編集ができるといいと思いませんか？ 今回は、スマホやタブレットで簡単に完成度の高い写真加工ができるAdobe社のモバイルアプリ「Photoshop Express」をご紹介します！

長いので、カンタンですが目次を作成しました。 めっちゃ手間がかかるので、スクショ画面をよ〜〜く見て、本文をよ〜〜く読んでチャレンジしてみてください！ CSV＋Photoshop データセットでできること 文字の差し替え CSVの各行に入力された文字ごとに差し替えることができます。 特定のファイルでの背景色やキャラクター等の差し替え 例えば都道府県の画像をつくるとして、「東京都だけ背景に柄を入れる」といったことができます！ 量産したPSDのファイル名の指定 CSVに入力していれば、ファイル名も指定できます。 実際にサンプルのファイルで試してみましょ（◍•ᴗ•◍） こんな画像を量産するよ 試しにこんな画像を量産してみることにしました！ うさちゃんが「あ〜ん」の五十音を発している画像です。 画像ごとに変わる部分はここ↓ ひとつひとつの詳細についてはこれから説明しますが、すべて同じ階層内に保存する

おおよそ全てのWEBデザイナーにとって、相方とも呼べる必携アプリケーションの一つ、Photoshop。 WEBデザインにおけるグローバルスタンダードであるPhotoshopですが、その操作感は非常に独特でクセがあり、ベテランデザイナーがショートカットキーなんかを駆使して高速で作業を進めていく中、新米の初心者デザイナーさん達はツール一つ選ぶのにマウスカーソルを動かしてツールをクリックして操作して、またツールを選びにマウスを動かして、、、。 しかしながら、実際に作業工程内で良く使うツールや操作なんかって結構限定されてたりして、逆に言えばその辺りの手順を高速化できれば、コレかなり作業時間を短縮できますよね。 というコトで今回のエントリーでは、まだショートカットに馴染みきれていないPhotoshop初心者ちゃんの方が、絶対に知っといて損のないショートカットキーを16個、厳選してご紹介します。 この

photoshopでレイヤーを保持したままプロファイルを変換する方法を教えてください。 設定を間違えてsRGBで制作してしまい、 これをレイヤーを保持したままAdobe RGBに変換したいと考えており photoshopでレイヤーを保持したままプロファイルを変換する方法を教えてください。 設定を間違えてsRGBで制作してしまい、 これをレイヤーを保持したままAdobe RGBに変換したいと考えており ます。 変換したい理由は、この後After EffectsやPremiereで作業するのですが sRGBだと彩度が高いキツイ色味になってしまうためです。 また、レイヤーを保持したい理由は 同じく後続の作業があることと、修正の可能性があること、レイヤー数が多いためです。 自分で方法を探ってみたもののよく分からなくて… よろしくお願いします。

こんにちはあゆむです！ 今日はPhotoshop cc 2017でツールバーが消えてしまった時の対処法をさくっと紹介します。 あまりにも簡単ですが、youtubeにも説明動画あげたので状況に応じて見分けてもらえればなと思います！ もくじから「youtube」をクリックしてもらえばすぐにとべます！！ ツールバーの表示方法 いつの間にかツールバーが消えていた！！ これPhotoshopあるあるだと思います（笑） 何故か意識してない内に消えてしまうことがよくあるので、これを機に憶えておきましょう！ 手順はとても簡単３ステップ！！ それでは画像を交えて詳しく説明していきます。 1.メニューバーにある「ウィンドウ」をクリック 「ウィンドウ」をクリックするとメニューがでてきます！ ２.出てくるメニューから「ツール」をさがす ここで既にチェックマークのついている項目がありますが、これは既に表示されている

今回はAdobe Photoshopを使用して、つやつやのボタンを作ってみましょう。 Webページなどで必ず使用されているナビゲーションボタン、 今回のようなデザインは良く見かける定番テクニックです。是非挑戦してみて下さい。 STEP1 任意のサイズの新規ドキュメントを作ります。 その中に、シェイプツールで角丸長方形を作ります。色は後で変更しますので、最初は何色でもかまいません。 STEP2 レイヤーパネルの「レイヤースタイルを追加ボタン（fx）」から、グラデーションオーバーレイを選びます。 ここで自由にボタンの色を決めてください。薄い色から濃い色へと指定すると、少し浮き出たボタンが作れます。 縁取りを付けたい場合は、同じくレイヤースタイルの中から「境界線」をつけてください。 STEP3 レイヤーの角丸のサムネイル部分にカーソルを当てて「Ctrl＋クリック」をします。 すると、角丸部分の選

Webページには欠かせなくなってきたアイコンWebフォント集のFontAwesome ですが、Photoshopでページデザインをしていると、頻繁にFontAwesomeのアイコンを使いたくなることがあります。 FontAwesomeのサイトからフォントファイルをダウンロードして、システムにインストール、使いたいアイコンをウェブサイトで探して 、指定フォントをFontAwesomeにしてからペーストすれば、文字としてFontAwesomeアイコンを使えますが、いったりきたりのワークフローがイマイチな感じです。 FontAwesomePS そこで導入すると便利なのが Font Awesome PS です。 Font Awesome PSウィンドウパネルからは、キーワード（アイコン名）でアイコンを検索するテキストフィールドがあります。検索は文字を入力したその場で実行されます。アイコンが見つから

この記事では、Photoshopで思い通りの文字の加工ができるテキストエフェクト用チュートリアルをまとめています。 グラデーションや影の加え方、文字をアーチ状にするといった需要の高いPSテクニックはもちろん、立体感のある3Dデザインやネオン、グリッチエフェクトいった旬のグラフィックまで、幅広いテキストエフェクトが揃います。 チュートリアルを手順通り進めることで、Photoshopの実践的なツールの使い方を基本からマスターできます。デザインアイデアに困ったときの参考にもおすすめです。 先日、過去8年分のIllustratorテキストエフェクト用チュートリアルもまとめました。「フォトショよりイラレ。」というひとはこちらの記事もどうぞ。 Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】 数クリックで魅力的なテキストエフェクトが完成！無料PSDエ

What You'll Learn in This Floral Effects Photoshop Tutorial How to create Photoshop floral effects How to create a flower text effect How to stylize your flower typography How to apply text to the floral typography What You Will Need You will need the following resources in order to complete this piece of typography with flowers: Flower Bouquet photo Big John Regular font 21 Paper Textures The coo

Photoshopで画像にグリッチエフェクトを簡単にかける方法 グリッチとは映像などの破損により生じる画像の乱れや、ゲームにおけるバグが起こった時の画面の乱れなどを言います。 今回は、Photoshopでグリッチ効果の写真を作成してみます。 まずは加工したい写真を用意します 。 レイヤーを選択後、「ctrl + J」で複製します。一枚のレイヤーを選択して、画像→設定→色相/彩度を選択します、画像の彩度を-100に下げます。 もう一枚のレイヤーを二回クリックしてレイヤー効果の「R」のチェックを外します。 レイヤーを左右に移動して、このような効果を発揮します。 新しいレイヤー作成して、左のメニューから「塗りつぶしツール」を選択します。白色選んでカンバスの上でクリックして、不透明度を30％に設定します。 「塗りつぶしツール」を選択して、表示されるメニューの上の方にある［パターン］を選びます。 二

これまで4回にわたって詳しく取り上げてきた「選択範囲の作成」の方法。今回最後にお伝えするのは、効率と素早さにメリットのある3つの方法だ。様々な選択の仕方を身につければ、目的によった最適な手段が選択できるようになるはずだ。 連載第15回目の今回は、選択範囲作成に関するお話の最終回です。「クイックマスク」「クイック選択ツール」「焦点領域」を使った選択範囲の作成方法についてお話させていただきたいと思います。 まずお伝えしたいのは、今までお話してきた「色域指定」「パス」「画像マスク」という3つの方法を読破してくださった方であれば、「画像のどんな部分でもキッチリ選択することが可能なスキル」が、すでに十分身についています！　ということです。 もしかしたら、実践での経験不足から、そんな実力がついた実感がいまひとつない方も、いらっしゃるかもしれません。 でも、大丈夫です！ ここまでお読みいただいている方で

「Photoshopで部分的に色を変えたいっ！」と思ったとき、単純な形状のものであれば変更したい場所を【選択ツール】を使って選択することで、任意のカラーに調整することができます。 しかし、選択したい色が複雑に散らばっている場合には、Sfiftを押しながらポチポチと作業しなければならなかったり（これが結構面倒くさい）、なかなか思い通りに選択することができず、頭を悩ませることがあります。 ここでは、Photoshopの【色の置き換え】を活用して、わずか10秒で服の色を変える方法を解説します。 また応用編として、【服の一部分だけ色を変える方法】と【服の一部分を残してモノクロにする方法】も解説し、最後に3:32の動画ダイジェストも用意しているので参考にしてみてください。 わずか10秒で服の色を変える【色の置き換え】の使い方 Photoshopで画像を開き、イメージ 》色調補正 》色の置き換え をク

プロダクトデザインを行う上でよく使うモックアップは、Web制作やその他デザインの場面、ビジネスの様々なシーンで活用することができます。 例えば、Web制作の場面では、ホームページのデザインにそのまま使うことが可能です。ビジネスの現場では、プレゼン資料で完成予定のデザインを見せたい時に使えます。 様々なタイプの素材があり、しかも無料で手に入るものが豊富にありますので、活用しない手はありません。 今回は、そんな便利なPSD素材の中から無料のものだけをピックアップしてご紹介します。 ビジネスに、デザインに、ぜひ活用してみてください。 ビジネスからデザインまで、幅広いシーンで重宝する無料PSD素材まとめ 1. 3 Elegant Macbook Pro MockUps http://graphicburger.com/3-elegant-macbook-pro-mockups/ 異なる3シーンを収

こんにちは、デザイナーのTantanです。 ホームページ制作のために、ロゴやイラストを自分で作れたらいいですよね。でもIllustratorやPhotoshopの初心者の方は「ベジェ曲線」でつまづきがちではないでしょうか。 イラレでイラストを描こうとして、いざペンツールを持って”ぐりっ”と描くと。。。 こんな謎のグニャグニャができて、 「なんじゃこりゃー！」 「全然思った通りに描けん！何がペンツールじゃ！こんなのペンじゃない！！」 「イラストレーターっていうくせに全然イラスト描けんじゃないかー！」 と投げ出してしまいたくなります。 でも待って！嫌いにならないで！ 商用ロゴや最近流行りのフラットデザインアイコンを描くには、 やっぱりベジェ曲線が最適なんです！ フリーハンドで描かれたちょっと歪んだ社名ロゴとか、嫌ですよね！ 「ベジェ曲線はひたすらトレースやって慣れればいい」というのはよく言われ