【Photoshop】CC 2021の新機能「空を置き換え」を試してみる | バシャログ。
こんにちは。お久しぶりです。sitoです。 10月20日から21日に、Adobe MAX 2020がオンライン開催されましたね。恥ずかしながら当日の朝に開催を知り、慌てて参加登録をしました。 さて、今回は、そこで発表されたPhotoshopの新機能「空を置き換え」が楽しそうだったので試して見たいと思います。 「空を置き換え」の使い方 編集→空を置き換えを選択 空を置き換えの属性ボックスが表示されます。 空を置き換えの属性ボックスで、使いたい空を選択。 「空」の項目にある矢印マークをクリックすると、登録されている空の画像が表示されます。 置き換えたい空の画像を選択します。 設定を調整してなじませる 左上の移動ツールでは適用した空の画像の位置を調整できます。 空ブラシツールは、置き換える空の範囲を編集できます。 手のひらツール、ズームツールは作業中のキャンバスの大きさ・表示位置の調整に使います
【Photoshop】Photoshop CC 2020に追加されたオブジェクト選択機能がすごい | バシャログ。
こんにちは。sitoです。 今年もAdobe MAXとAdobe製品アップデートの季節がやってまいりました。 追加された各製品の新機能が話題になっていますが、今回はPhotoshopに追加された「オブジェクト選択機能」がすごかったのでご紹介。 近年のアップデートにより、複雑な髪の毛などの選択が簡単になったり、ボタンひとつで被写体が自動選択される「被写体の選択」機能などが追加されたりと、ずいぶん便利になった選択機能。 今回追加された「オブジェクト選択機能」は、切り抜きたい被写体を囲むことで選択ができるようになりました。 これだけで、かなりの精度で被写体をうまく選択してくれます。 選択範囲を、追加・削除したいときは、shiftキーやcommandキーをおしながら調整しましょう。 「選択とマスク」の画面にも「オブジェクト選択機能」が追加されているので、ここで境界線の調整も可能です。 日本でも12
【Photoshop】勉強になり実務にも使える！チュートリアル5選【Illustrator】 | バシャログ。
最近、富士山に登りましたgamiです。澄んだ空気の中見える満点の星空や富士五湖を望む景色、登頂時の喜びなどは最高の体験でした。チャンスがあればぜひ1回は登ってみてはいかがでしょうか。 さて、日頃よく拝見しているSPOON Graphicsに掲載されているPhotoShopとIllustratorのチュートリアルをピックアップしたいと思います。 ※リンク先はすべて英語となっています。 【Illustrator】スピード感のあるロゴをつくろう！ Video Tutorial: Speed Lines Type Effect in Adobe Illustrator] 【Photoshop】ヴィンテージのマーキーサインをつくろう！ マーキーサインとはアメリカのホテルや劇場などに掲げられていた電飾を用いた立体看板です。 Video Tutorial: Vintage Marquee Bulb Si
【Photoshop】描画モードを理解するその③ ～除算編～ | バシャログ。
こんにちは。今年の流行語大賞のノミネート語の半分以上を知らなかったmackyです。 今日は、Photoshop描画モードを理解するその③をやります。前回は乗算編でしたので今回は除算編をやろうと思います。 除算て？ 除算は、描画モードの中でも私は、ほとんど使ったことがありません^^;今回、社内の活動で写真を線画（ここでは鉛筆画）にするという作業があったためトライしてみたところ、案外簡単にできたのでメモしておこうと思います。 タダの写真がまるで自分が描いたかのようになりますので、ご興味ある方はどうぞ。 まず、除算というからには色と色を…割る（÷）わけですね。色を割るといわれても・・・ コチラのサイトで計算の仕方を説明してくれています。ちゃんと理解したいというかたは見てみてください。 Handy Web Design あまり、深く知る必要はないかもしれませんが、ポイントとして上のレイヤーのオブジ
【Photoshop】描画モードを理解するその② ～乗算編～ | バシャログ。
こんにちは。「72hours」というドキュメント番組にはまっているmackyです。 今日は、すっかり途絶えていた、Photoshop描画モードを理解するその②をやります。ということで、意外と便利な乗算についてまとめてみます。 乗算を理解する 乗算は、描画モードの中でも私は、特によく使っているモードの一つです。知っていると、「ああ！ここのフォントがない―。ロゴがないー。よし、必殺切り貼りだ。」なんて状況も（状況にもよりますが）ときとして超えてゆけるでしょう。 まず、乗算というからには色と色を掛け合わせるわけですね。 下のレイヤーのオブジェクトと上のレイヤーのオブジェクトの色を混ぜた色になって上のレイヤーのオブジェクトが表示されるのです。 乗算は、色の重なり感を表現したいときや、影の部分をより強調するときなどに活用できます。下レイヤーのテクスチャが透けるような仕上がりとなるので、合成する際にも
バシャログ。
【お知らせ】バシャログ。メンバーが所属する株式会社シーブレインのWebサイト制作サービスのサイトがリ... お知らせ
アイコンフォントFont AwesomeをPhotoshopやillustraterで使ってみる。 | バシャログ。
こんにちは。mackyです。 今日は、サイトデザイン時に、アイコンフォントのFont Awesomeをつかう方法をまとめようと思います。 フォントをインストール まず、Font Awesomeのサイトからフォントをダウンロードしましょう。 図の2つのファイルをインストールします。 意外と知らない？Cheatsheetの存在 では、実際にアイコンを使ってみましょう。 Photoshopを開いて新規ページを用意します。Font Awesomeのサイトから使いたいフォントをコピーします。 その際、Cheatsheetのページを使うと、どのブラウザでもコピーできて便利です。 というのは、以下のページからコピーしようとするとなぜかIEからしかできません。（詳しくいうと、ChromeとFirefoxはできませんでした。）私は普段Chromeを使っているのですが、Cheatsheetからはサクッとコピー
【Photoshop】描画モードを理解するその① ～スクリーンモード編～ | バシャログ。
こんにちは。mackyです。 photoshopやFireworksの描画モードは、バナーを作ったり写真を加工したりするのに使用しますが、 普段コーディングばかりでデザインはちょっと…という人に突然きてしまったデザインの依頼を想定し、 描画モードの説明とそれを使った加工方法をシリーズ（気分）で紹介していこうと思います。 私も、全ての描画モード使いこなせているわけではないのですが、知っているのといないのとでは、作業効率や簡単なバナー作成でもクオリティがちがってきます。 そして、今回もひきつづき使用するツールはPhotoshop CS5.1です。CC以外のみなさまもうしばらく頑張っていきましょう。 スクリーンモードを理解する まず、スクリーンを使うと、必ず元の色より明るくなります。 光の三原色(RGBカラー)の色の混ぜ方と似ていて、色を足せば足すほど白に近づきます。 ですが、個人的に、結果どん
【Photoshop】人物を素早く切り抜く方法 | バシャログ。
こんにちは。mackyです。 もうすぐカレーの季節ですね。「CSS カレー」で検索したら（暇じゃないです）「フレームワークはカレーのルーだ！」って記事が引っかかりました。 この一文でイメージがつかめる素晴らしい例えですね。カレーってすごいですね。（暇じゃないです） さて、今日はタイトル通り、人物をいい感じに素早くキレイに切り抜く方法をご紹介するのですが、特に人物の服と背景が同化しちゃってるような写真の場合に使える技だと思います。 使用するツールはPhotoshop CS5.1です。 こんな感じの写真を用意します。 ※ロイヤリティフリーの素材を使用しています。 ポイント1：レイヤーを最低2つ以上複製しておく。 複製はいくつあっても構いませんが、最低2つは複製しておいてください。背景はひとまず非表示にしておきます。 ポイント2：明度を下げてしまおう。 一番上のレイヤーを選択し、調整レイヤーから
Fireworks と Photoshop 、gif の書き出しっぷりを比べてみた | バシャログ。
お盆時期を終えて、電車の中がいつも通りの混雑具合になってきました。 まだ夏休み取ってない toyama です。 サイトに使う画像パーツを書き出すときは、スピードと扱いやすさで Fireworks を主に使用しているのですが、どうしてもきれいに書き出せないパーツがありました。jpg で書き出すとサイズの割りに容量が多くなるし、gif ファイルで書き出してもなんだか荒れた感じ。 グラデーションを使ったパーツなんかによくあります。 そこでふと、同じファイルを Photoshop で書き出すとどうなるだろう？と思いついてやってみました。 結論から言うと Photoshop の方がキレイです。 比べてみる 作ったオレンジのグラデーションを使ったボタンっぽいものを Fireworks と Photoshop で 書き出します。 結果は以下です。 Fireworks で書き出したものは横に入って欲しくな
画像の傾きを直してくれる「ものさしツール」 | バシャログ。
スキャナで画像を取り込んだり、写真を撮ったりしたときにありがちなのが、画面の傾き。 ここは水平であってほしかった！でも撮りなおすのは正直ダリー… いや効率が悪いですなあってときに便利なのが「ものさしツール」です。 長さを測るだけが能じゃない。 1.まず「ものさしツール」を選択。 2.基準にしたい辺にものさしツールを沿わせます。例として、紙の底辺が水平になるようにしてみます。 3.メニューから「イメージ」→「カンバスの回転」→「角度入力」を選択すると、 ものさしツールの傾きを読み取って、photoshopが自動的に数値を入力してくれています。 「OK」をクリック 4.画像全体が回転し、基準にしたい辺が水平になっています。 これさえ知っておけば、スキャナに向かって神経質に原稿を並べたりする必要はありません。
【Photoshop】写真を簡単に絵画のようにするチュートリアル | バシャログ。
今回紹介するのは、4 ステップで簡単に写真を絵画のようにできる Photoshop チュートリアルです。 STEP 1 まず写真を一枚用意します。 STEP 2 メニューの [イメージ] → [色調補正] → [シャドウ・ハイライト] シャドウを 100％ にします。 STEP 3 次に [フィルタ] → [表現手法] → [輪郭検出]を選択します。 STEP 4 [編集] → [フェード]を選択。描画モードを「輝度」にし「不透明度」を微調整します。 コレで完成です。たった 4 ステップで簡単にできるので興味のある方は是非お試しあれ。 参照サイト http://www.photoshopcafe.com/tutorials/sketch/sketch.htm
Fireworks と Photoshop 、フォントの見え方をくらべてみた | バシャログ。
シーブレインに入社する以前は、ウェブサイトの画面デザインはもっぱら Photoshop を使用していました。 現在は いろいろな事情から Fireworks を使って制作を行っています。 Fireworks を使い始めて最初に感じたことは、「なんかフォントが荒れてない？」ということでした。 今までなんとなくそんな気がするというだけで確認してなかったな、ということで、ちょっと比較してみます。 とりあえず、お仕事でよく使わせてもらっている「新ゴ Pro B」で比べてみようと思います。 色は #000000 。それぞれ Photoshop CS3 と Fireworks CS3 で文字を打ち、キャプチャしたものを並べてみました。あえて文字間のチューニングは行っていません。 あれ、思ったより違いがわからないな。 15px で打ったフォントを拡大ツールを使って 150% 大きく伸ばしたりしてるのに、
【Photoshop】簡単に写真の一部をカラーにする方法 | バシャログ。
今回は簡単に一部だけカラーで表示するPhotoshopのTipsをご紹介します。 STEP1 画像を用意します。 STEP2 メニューから[イメージ]→[色調補正]→[彩度を下げる]を選択。 STEP3 ツールから[ヒストリーブラシツール]を選択。 STEP4 カラーにしたい部分をなぞる。 たったコレだけで実現可能です。是非お試しを。
アドビの無料オンライン画像編集サービス「photoshop express」 | バシャログ。
泣く子も黙る フォトレタッチソフト「Photoshop」 のアドビが、 無料オンライン画像編集サービス 「photoshop express」 ベータ版のサービスを開始しました。 Adobe Photoshop Express - Made You Look. メールアドレスと名前を登録するだけで利用できます。 2GB のオンライン・ストレージを提供してくれます。 補正したい写真をアップロードしたら、色調補正やトリミングはもちろん、 赤目補正やゆがみフィルタ、色の置き換えなど高度な効果もガリガリかけることができます。 各ツールはスライダーや数値入力で行うのではなく、画面の上部に表示される 使用後のサムネイルから選択するインターフェースです。 いまのところ英語版のみですが、そのうち日本語にも対応してくれるにちがいありません。 デジカメで取った写真をブラウザから補正できるのは、手軽でいいですね
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop】角丸矩形の四つの角丸を個別に数値で編集できるプラグイン Rounded Rectangle Radius Resizer | バシャログ。