タグ

techrachoとphotoshopに関するhachiのブックマーク (5)

  • 【Photoshop】男性の写真レタッチはとりあえずこれを気を付ければ大丈夫!|TechRacho by BPS株式会社

    こんにちはデザインチームのスギムラです。キャッチ画像は「なんかヒゲがサンタっぽいな…」という理由で選んだ記事には無関係なおじいさんの写真です。 アドベントカレンダー、書くのはいいけど記事の内容がなにも思いつかなかったので去年同様レタッチ系のネタになりました。困ったらすぐ写真のネタに頼ってしまう上に1ミリもクリスマス関係ないんですね~まいったまいった。 今回はタイトル通り男性の写真を修整してみるときはこれだけやっておけば良く見えるよ~なハウツー記事です。 あんまり技術的に突っ込んだ話はせず修正してる流れを見てもらえたらな~と。例によって初心者向けではないです。 そしてなぜ男性だけかというと社内の女性の写真が手に入りそうになかったからです。私も顔出したくないし仕方ないよね。写真が手に入ったらいつか女性編をやるかもしれません。 というわけで弊社役員の榊原の写真をご用意しました。ちゃんと許可も取

    【Photoshop】男性の写真レタッチはとりあえずこれを気を付ければ大丈夫!|TechRacho by BPS株式会社
  • XDとAfterEffectsでTechRachoをクリスマスなUIにしてみる

    こんにちは、デザイナーのスギヤマです。 昨年のアドベントカレンダーに引き続き、また動きのあるものを用意してみようと思い、今回は「マイクロインタラクション」をテーマに、「TechRachoにクリスマススキンが実装された!」という設定で、UIの切り替えのマイクロインタラクションを簡単に作って行こうと思います。 今回主に使うのは Adobe XD (以下:XD) Adobe After Effects (以下:Ae) UIデザインの制作にPhotoShopも使っても問題ありません。 Adobe Photoshop (以下:Ps) そもそも、マイクロインタラクションって何? マイクロインタラクションは、ユーザーに対して以下のものを提供するシステムの振る舞いです。 ユーザーがタスクを達成すること補助する ユーザーに楽しい体験や役に立つフィードバックを与える 具体的には、以下の用なものが上げられます。

    XDとAfterEffectsでTechRachoをクリスマスなUIにしてみる
  • 画面の映り込みを消そう!ちょっとクオリティがアップするPhotoshop小技|TechRacho by BPS株式会社

    こんにちは。デザインチームのスギムラです。 先日キングスマンゴールデンサークルで4DXデビューをしてきました。 アクションシーンでガッタンガッタン椅子は揺れるわ背後から何かに撃たれるわ水がかかるわ、2時間アトラクション乗った気分でした。 さて今回は、Photoshopで写真編集をする時に役立つ小技をご紹介します。 写真素材の画面に映り込みが!どうやって消せばいい? もらった写真素材、よくみたらパソコン画面やテレビ画面に人やものが映りこんでる… なんて経験はありませんか? スタンプで消してみようとしても面積が広すぎて無理! 黒い画面だから塗りつぶせばいいや!と思って塗りつぶしてみてものっぺりして写真ぽくない! などなど。そんなお悩みを簡単に解決する方法をご紹介します。 今回はBPS社内で撮った写真を例に使います。 両方のパソコン画面に椅子やらなにやらが映り込んでます。このままでも使えないこと

    画面の映り込みを消そう!ちょっとクオリティがアップするPhotoshop小技|TechRacho by BPS株式会社
  • Photoshopで写真レタッチ!昼の風景を夜のクリスマスに変えてみよう

    こんにちは。デザインチームのスギムラです。 前々回の記事でHiGH&LOWの話題に触れましたが新作も見てきました。FINAL MISSONと銘打ってるだけあって、終盤で今までの各シリーズのタイトルが最高にかっこいいテーマ曲とともに(なぜか)流れるシーンで目頭が熱くなりました。 さて、今回は「アドベントカレンダー企画だしクリスマスらしい記事が書きたいなぁ~」とネタを探していたらニシさんに写真レタッチネタで記事書こうと無茶ぶりされました。許さないとおもいつつやってみようと思います。 お題:「下記の写真をクリスマス風にする」 グリンデルワルトの冬(スイス) 素材提供元:PAKUTASO/ぱくたそ 写真もニシさんが選んで渡してきました。逃げられない。 というわけで今回はPhotoshopを使って何の変哲もない風景写真をクリスマスっぽい写真にしてみるレタッチのチュートリアルをご紹介します。 初心者向

    Photoshopで写真レタッチ!昼の風景を夜のクリスマスに変えてみよう
  • Photoshop: スライス卒業で高速コーディング!効率的な画像切り出し方法2選|TechRacho by BPS株式会社

    2017.08.02 Photoshop: スライス卒業で高速コーディング!効率的な画像切り出し方法2選 初めましてこんにちわ、BPSデザインチームのスギムラです。 マーベルなら断然アイアンマン派。 スパイダーマンの新作が待ち遠しい今日この頃です。シビルウォーのラストでボコボコにされた記憶が新しいので早く活躍する社長が見たいです。 入社して一年以上たっていますが、このたび記事を書くためについにTechrachoアカウントをつくりました。 ことのはじまり 先日、社内でデザイナーとコーダーで打ち合わせをしていたところ、新卒コーダーへ手順説明をしていた先輩コーダーが一言。 「(PSDデータからは)スライスで画像を書き出せばいいよ」 BPSではコーダー側でスライス作業をしているのですが、スライスで書き出ししていたんですね(その時までどう書き出ししていたかは知りませんでした) 「スライス」機能、確か

    Photoshop: スライス卒業で高速コーディング!効率的な画像切り出し方法2選|TechRacho by BPS株式会社
  • 1