ロシア在住の写真レタッチ愛好家 Max Asabin は、彼の Photoshop のあるデザインテクニックで話題となっています。作品の多くは、複数の写真を組み合わせ、映画のような世界観を違和感なく表現しています。 切り抜いた写真を背景にうまく合成したあと、光をつかったエフェクトを重ねることでまるで1枚の写真のようにうまくフィットさせ、あっと驚く風景に仕上げます。作業風景をステップごとにまとめたGIFアニメーションと一緒にどうぞ。 写真合成していると言われなければ分からないほどリアルなものばかり。彼のその他の作品については、Facebook、Instagram、Twitter、DeviantArt などで随時公開されています。 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 やってみたかった表現をマスター！基礎力をつけるPhotoshopチュート

「自分で撮影した写真を加工したいけど、やり方がよく分からない。」そんなときは、写真加工における一連の手順を再生ボタンひとつで完了させる、アクション機能を利用してみましょう。お気に入りの写真を魅力的にアレンジできます。 複数の写真を同じエフェクトで揃えたいときなど、繰り返し作業を繰り返す必要がなく、効率的にデザインを進めることができます。今回は、無料で利用できるフォトショップ用アクション素材をまとめてご紹介します。 普段使いできるシンプルな素材から、多重露光やデュオトーンなどの人気スタイルの他に、複雑なグラフィックを表現するクリエイティブなものまで幅広く揃っています。 ワンクリックで写真処理を完成できる！優良Photoshopアクションファイルまとめ 写真加工テクを上達させる！すごい無料Photoshopアクション素材まとめ ワンクリックでプロ級の写真加工ができる良質Photoshopアクシ

ポーズ資料集全32巻発売中　イラスト、漫画作画時の参考資料に是非 ポーズ資料集　POSE REFERENCE VOL.32 「寄り添う 2」

この記事は「Webデザインセオリー Advent Calendar 2015」の11日目の記事です。@striveさんの「Webデザインの価値と効率を上げるため意識していること　Webデザインセオリー Advent Calendar 2015」というとても戦略的でいい記事から一点、小手先の話ですみません・・・！ デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」というと「これをやればデザインはOK！」みたいに聞こえますが、もちろんそんなことはなく、自分が画像をトリミングしたりマスクするとき、イメージや印象を伝えるために、どんな手法をよく使うかということを実例を交えながらご紹介します。 グラデーションマスクにこだわってみる メインイメージなどで、写真の上にメッセージを重ねるのはよくある手法ですね。例えばこの緑をバックにした女性の写真を使用して、上に文字を重ねましょう。

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。

Photoshopの切り抜きをやる方法として「選択とマスク」機能を使ったやり方がありますが、それの紹介です。 関連：Photoshopで使える！写真の背景を自動で切り抜く「Remove.bg」の使い方 目次 「選択とマスク」機能とは？ 各種機能説明 ツール ツールオプション 属性 「選択とマスク」機能とは？ photoshopCCのアップデート、　photoshopCC 2015.5が6月22日にきました！ 今回はそのアップデート情報の中で、業務上で実践的な「選択とマスク」のワークスペース機能ついてご紹介したいと思います。 選択とマスクのワークスペース機能とはいままであった「境界線を調整」がダイアログで表示されていたものが専用にワークスペースとしてまとめられさらに使いやすくなったものです。 各種機能説明 ワークスペースはマスクしたい写真を選択した状態で、 「選択範囲」の「選択とマスク(Al

Photoshopのデザインカンプ上で、スマートオブジェクトを50％以下に縮小しておき、画像アセット生成などで200％にして書き出す手法があります。スマホなどの高解像度ディスプレイ対策としては定番ですね。しかし、ある条件下では、元の画像を50％以下に縮小しているにも関わらず、書き出し後の200％画像がぼけてしまうことがあります。この点について気になったので、少し整理してみました。（2016.4.15／注意点を追記） 2016.4.15／注意点を追記スマートオブジェクトの特長スマートオブジェクトは、拡大、縮小を繰り返しても劣化しないというのが特長です。もちろん、オリジナルのサイズより大きくする場合は別ですが、いったん縮小してから再び拡大しても、その都度オリジナルからピクセルを生成しますので、常に最適な画質が保持されるというわけです。 スマートオブジェクト入門～直しに強いPhotoshopデー

これはSVG Advent Calendar 2014の参加記事です。 昨日はmemocarilogのSaori Miyazakiさんによる「filter 要素の基本的な使い方と filter 要素をつかったモノクロからカラーへ変化するマウスオーバー効果を作る方法」でした。 第3日目は私 id:rikuo が担当します。 （※追記）第4日目はイロドルハナ(@shino212)さんの「はじめてSVGでアニメーションを作った時の話」です。 ちなみにまだ空いている枠はあるので、興味のある方は是非ご参加ください。 はじめにSVGはXMLをベースにしているためテキストエディタでも簡単に作れるとは言え、実際の制作は何らかのオーサリングツールを利用することがほとんどでしょう。 中でもAdobe Illustratorはベクター系ソフトウェアの代表的な存在で広く普及しています。このIllustratorか

［Web用に保存］は、Illustrator CS5までは［Webおよびデバイス用に保存］ SVGの書き出しはIllustrator CS5までは［Webおよびデバイス用に保存］内にあったが、Illustrator CS6では［別名で保存］のみに。［Web用に保存］に復活するのが望ましいと思います。

既存のロゴで強制的にアニメーション

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

みなさんはAdobe Photoshopでどのように画像を書き出してますか？ 最新のPhotoshopではさまざまな画像書き出し機能が搭載されていますが、どれを選択するかで手間が異なります。 本記事ではPhotoshopのさまざまな画像書き出し機能を紹介し、最適な画像書き出し方法を検証します。 この記事はPhotoshop CC 2022 (23.5.0)で検証しています。 この記事のポイント 新しい画像保存方式（書き出し形式、クイック書き出し）は手間が少ないので、作業効率が良い 新しい画像保存方式はデフォルト設定で、小さなファイルサイズの結果を得られやすい アニメーションGIF保存は「Web用に書き出し（従来）」を使う Photoshopの画像書き出し方法一覧 Photoshop CCにおいて、画像を書き出す方法は分けて5種類あります。 書き出し形式 ［ファイル］→［書き出し］→［書き出

久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31

この花火の加工の方法は1枚1枚写真を足していって1枚の写真に仕上げています。下記のこのような写真を足していくと上記の画像のような写真になります。 --- では逆にこの写真の花火の部分を引いていくと、 と考えました。 実はこの「複数枚から同じ部分は残しておいて、違っている部分だけを消す」という処理方法はPhotoshopのある機能を使えば実現出来るのです。 ノイズはどの写真も微妙に違う花火が写っていない夜空の写真というのは、そんなに欲しいと思わないでしょう。特に必要性が無いのと、簡単に撮影できるからです。 そこで、「普段は写っているけど、写っていないと嬉しいもの」を考えたとき、自分が思いついたのはノイズでした。 都合が良かったのはどの写真のノイズも微妙に違う（ランダム）ということです。 風景はずっと動きませんが（同じ部分）、ノイズだけはバラバラです（違う部分）。つまり、風景が固定されてる写真

サイト全体が斜めになったサイトで、画像をクリッピングする必要がありました。しかもレスポンシブWebデザインです。 その時の知見と、利用しませんでしたが、ちょっとしたテクニックを思いついたので、メモとして残しておきます。 画像を斜めクリップにする方法 画像を斜めクリップするイメージは、こんな感じです。 要素を斜めにする方法は、IE9以上から利用できます。 IE8もIEの独自フィルターを利用して頑張ればできるようですが、底が見えない感じだったので、IE8は斜めにせずに対応させていただきました。 要素を斜めにするCSSは、transformプロパティを利用します。 transformプロパティには、いくつかの関数が用意されており、主に「skewY()」を利用し、場合によっては「rotate()」も利用しました。 CSSの記述例 .foo { -webkit-transform: skewY(10

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。