Photoshop CC の便利な画像書き出し機能、自動アセット。レイヤー名に必要な情報を入れておくと自動で書き出してくれる。しかし、Ratina対応などで複数サイズの画像を書き出そうとすると hog...
この記事は「Webデザインセオリー Advent Calendar 2015」の11日目の記事です。@striveさんの「Webデザインの価値と効率を上げるため意識していること Webデザインセオリー Advent Calendar 2015」というとても戦略的でいい記事から一点、小手先の話ですみません・・・! デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」というと「これをやればデザインはOK!」みたいに聞こえますが、もちろんそんなことはなく、自分が画像をトリミングしたりマスクするとき、イメージや印象を伝えるために、どんな手法をよく使うかということを実例を交えながらご紹介します。 グラデーションマスクにこだわってみる メインイメージなどで、写真の上にメッセージを重ねるのはよくある手法ですね。例えばこの緑をバックにした女性の写真を使用して、上に文字を重ねましょう。
Photoshopの切り抜きをやる方法として「選択とマスク」機能を使ったやり方がありますが、それの紹介です。 関連:Photoshopで使える!写真の背景を自動で切り抜く「Remove.bg」の使い方 目次 「選択とマスク」機能とは? 各種機能説明 ツール ツールオプション 属性 「選択とマスク」機能とは? photoshopCCのアップデート、 photoshopCC 2015.5が6月22日にきました! 今回はそのアップデート情報の中で、業務上で実践的な「選択とマスク」のワークスペース機能ついてご紹介したいと思います。 選択とマスクのワークスペース機能とはいままであった「境界線を調整」がダイアログで表示されていたものが専用にワークスペースとしてまとめられさらに使いやすくなったものです。 各種機能説明 ワークスペースはマスクしたい写真を選択した状態で、 「選択範囲」の「選択とマスク(Al
作業がグッと捗る 、 取り入れたいPhotoshop時短テクニック17個まとめ 24 Tips, Tricks, and Hacks for Adobe Photoshop CC Photoshopのデザイン制作をスピードアップできる、あまり知られていない時短テクニック17個をまとめてご紹介します。デザイナーが覚えておきたい、ショートカットキーを使ったテクニックを中心に、よりスムーズなデザイン体験を実現することができます。 参照元@ : 28 Powerful Hidden Tips, Tricks, Features! - TutVid
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
あら簡単!写真やウェブページの画像にパースをつけてかっこよく魅せるPhotoshopのアクション -Perspective Actions
SVG はモダンなWebブラウザーで表示できるベクター画像形式で、Retina ディスプレイや、タブレットでピンチアウトで表示拡大した時にも荒く見えないため、これから使用する機会が増えそうな画像形式です。 SVG は Illustrator で書き出すことができますが、これまで Photoshop ではプラグインなどを使わなければ SVG を書き出すことができませんでした。 しかし、Photoshop CCの「画像アセット」機能を使用して SVG を書き出す裏技を見つけたので紹介します。 準備 下記のファイルをダウンロードします。 Macの場合 Finder でメニューの[移動>ホーム]を選択し、ホームフォルダを表示します。 そこに、generator.json ファイルを移動またはコピーします。 Windowsの場合 ユーザーフォルダ(ユーザー名のフォルダ)に移動します。 そこに、gen
Creative Cloud メンバー限定機能として、本日 Photoshop CC に新しい Adobe Generator というテクノロジーが実装されました。Photoshop CC 14.1 アップデートを行うことで利用できます。 Photoshop で Web や画面のデザインなどを行った後、パーツ毎にスライスで書き出すというワークフローがあります。Generator は、この作業を自動化し不要にするまったく新しいテクノロジーです。 「Web 用に保存」が自動化?! Photoshop CC の [ファイル] メニューには、[生成] という項目が追加されています。ここから [画像アセット] を選択してみましょう。 現在開いている PSD ファイルと同階層にフォルダが一つ生成されます。Photoshop 上でデザインした Web ページのロゴ部分のレイヤー名を、レイヤーパネル上で以
このページはAdobe Systems(アドビシステムズ)社のPhotoshop CS3をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMacPro (Xeon 3GHz/Intel Mac) 上で動作させたものです、このため、PowerPC搭載MacやWindows XP/Vista上での動作とは異なる可能性があります。あらかじめ、ご了承下さい。 Photoshop CS3は基本的には以前のCSからの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS~CS3、AfterEffects 6.5~7.0、Illustrator CS2~CS3、Bridgeで作成された一部のコードは、そのまま動かす事ができます。Photoshop
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
投稿日:2010年03月12日 レベル:初心者 ソフトウェア: このチュートリアルでは、大きなポップアートの円を作る方法を紹介します。 Step1 : はじめに Step2 : グラデーションを作成 Step3 : カラーハーフトーンを適用 Step4 : 完成
Windows Vistaの壁紙のようなオーロラの光を描きたい。 そんなときにおすすめなのが、『Windows Vista Aurora Effect Photoshop Tutorial』。Photoshopで作るWindows Vistaのようなオーロラの光エフェクトです。 下記のような手順になっています。 明度コントラストの高い写真を選ぶ 「フィルタ / ぼかし / ぼかし(ガウス)」で75%程度のぼかしを適用。背景を作る カラーバランスで背景の色を調整。シャドウ:-37, -40, 7 中間調: 15, 62, 0 ハイライト: -34, 0, 69 新規レイヤーで、「楕円形選択ツール」で選択範囲を作って、ブラシ(200px程度・堅さ:0%・描画色:#fff)で選択範囲の淵をなぞって光を描く。描画モードをオーバーレイに設定 作った光のラインを傾ける(Ctrl + T)。傾きを変えな
50 Great Photoshop Tutorials for Clever Beginners - PSDTUTS プロレベルのPhotoshopチュートリアル集。 アーティスティックな作品を作るのに参考になりそうなチュートリアルばかりがまとまっています。 Manipulating a WW2 Fighter Aircraft 6 Quick 'n Dirty Text Effects From Scratch Make a Turn of the Century Vaudeville Poster Miodern Art Idiots Guide to Small Planets 10 Step Lighting Effect 3D Transform a Colorful Cube Design Silhouettes and Gradients Pencil It In Craf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く