間違ったデジタル一眼レフの使い方をしていませんか？Photoshop Camera Raw 現像テクニック | DX.univ
2013年 05月 29日 間違ったデジタル一眼レフの使い方をしていませんか？Photoshop Camera Raw 現像テクニック Tomonori Kawata どうも、新人エンジニアの川田です。 今回はいつものLinuxネタではなく、写真ネタを書いてみたいと思います。 写真（画像）の重要性 皆さんはどうやってこの記事にたどり着いたでしょうか？ トップページやFacebookから来たという方は、記事のタイトルと同時に美味しそうなハンバーグの写真を見かけたと思います。 もしかしたら、普段当ブログを閲覧しないような人も、ハンバーグの画像に釣られて見に来てくれたかもしれません。 記事の内容はもちろん大切ですが、文字ばかりだと文字を読むことが苦手な人が辛い場合もありますので、時折写真や画像を入れていくことが大事です。 また、記事の内容にあまり興味がない人にも、写真や画像の魅力によって記事を
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ
こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基本的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ！ ちょっと待って文字詰めって何？ まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基本的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し
Slicing Images for Your Website with Photoshop
2014年8月17日 Photoshop, Webサイト制作 印刷物のデザインではそのまま印刷すればいいのですが、Webサイトの場合は出来上がったデザインをパーツごとに画像をスライス（分割）し、HTMLとCSSで組立ててWebサイト上に表示します。「実践で学ぶWebサイト制作ガイド」5回目ではそのスライス作業に注目！私は普段Fireworksを使ってスライスしていますが、ここでは前回と同様Photoshopを使ったスライス方法を紹介します。実践に入る前に、いくつかのポイントもおさえておきましょう。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その5 目標：コーディングしやすいパーツ画像を用意できる 必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる 目次 誰のため？何のため？Webサイトを作り始める前に
【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう
2014年8月17日 Photoshop, Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その4 目標：実際の幅にあったサイトデザインが作れる・Photoshopの基本的なツールを使った装飾ができる 必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる 事前知識は以下の記事でおさらい！ これからP
これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ
Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも本当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ？っていうのがいくつか …。 実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。 そんな
Photoshopの便利なスクリプトや拡張機能のまとめ
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Photoshop CS6で快適にWebデザインするテクニック vol.5
「PhotoshopでWebデザイン」をするためのテクニックを紹介するこの連載。全5回にわたって、さまざまなテクニックをご紹介してきましたが、今回が最終回です。 最終回は、写真やイラストなどの画像素材を加工して、バナーや背景を作成する際に役立つCS6ならではの新機能をいくつかご紹介したいと思います。 おさらい 【レポート】Photoshop CS6で快適にWebデザインするテクニック vol.1 【レポート】Photoshop CS6で快適にWebデザインするテクニック vol.2 【レポート】Photoshop CS6で快適にWebデザインするテクニック vol.3 【レポート】Photoshop CS6で快適にWebデザインするテクニック vol.4 レイヤーごとに一気に自動スライス! デザインしたサイトの画像パーツを切り出す時、"スライスツール"で範囲指定して書き出すにはパーツ数が多
Photoshopの作業効率をアップする便利すぎるエクステンションのまとめ
最後の一つだけ有料ですが、あとは全部無料の便利すぎるPhotoshopのエクステンションを紹介します。 ガイドや角丸の作成もレイヤー管理・パーツ管理も今まで以上に楽になるはず！ ガイド引きの効率アップ -GuideGuide 角丸の作成も修正も簡単にできる -Corner Editor PhotoshopのレイヤースタイルをCSS3にする -CSS3Ps レイヤー周りの機能を強化する -12 Pro Photoshop Time Savers 複数の画像で雑誌風のレイアウトを作成 -Tych Panel よく使うパーツを格納できる -Pixel Dropr ガイド引きの効率アップ -GuideGuide レイアウト用のグリッドを設計したり、エレメントの中心をだしたり、余白を確保するのに便利なエクステンション。 GuideGuide（無料） 対応バージョン Photoshop 2.0.3(f
質感アップの隠しテクニック、無料ピクセルパターン素材70枚まとめ - PhotoshopVIP
海外デザインブログWebDesignLedgerで、デザインの質感をアップする、継ぎ目のない無料ピクセルパターン素材70枚をまとめたエントリー「70+ Subtle Patterns Perfect for Minimal Designs」が公開されていたので、今回はご紹介します。 使い道が分かりにくい素材でもあるので、使い方チュートリアルを以下のエントリーでご紹介しています、ご参考にしてみてはいかがでしょう。 [list type=”star”] [li]デザイン質感アップ、継ぎ目のない無料ピクセルパターン素材16個まとめ – PhotoshopVIP [/li] [/list] 詳細は以下から。 デザイン質感のアップに、継ぎ目のない無料ピクセルパターン素材まとめ 11 Light Photoshop Patterns リネンテクスチャやカンバス地、ファブリック、紙などの質感を表現した1
Photoshop オプティカルとメトリクスについて | デザインがらみの思い出しノート
Photoshopの文字詰めをしていて、いつもちょっと気になっていたこと。 ちゃんと調べてみた。 カーニングとトラッキングについて カーニングとは、特定の文字の組み合わせの文字間隔を調整する処理。 トラッキングとは、選択したテキストまたはテキストブロック全体の文字間隔を調整する処理。 ここまではあたりまえ。気になっていたのは カーニング時のオプションである オプティカルとメトリクスについて。 まずはメトリクスカーニング 多くの欧文フォントに含まれているペアカーニングを使用。 ペアカーニングには、特定の文字の組み合わせに対する間隔情報を定義。 この文字の組み合わせには、 LA、P、To、Tr、Ta、Tu、Te、Ty、Wa、WA、We、Wo、Ya、Yo などがある。 Photoshop では、メトリクスカーニングを使用するように初期設定されているので、テキストの入力または読み込み時に、特定の文
Photoshoopでの作業時間を短縮するのに役立つ10のテクニック
10 Photoshop Quick Tips to Improve Your Workflow 下記は各ポイントを意訳したものです。 1. レイヤースタイル パネルでの操作 2. 空の選択範囲の変形 3. 斜めの画像を水平にする 4. 画像に磨りガラスのようなパネルを設置 5. キレイな切り抜きを素早く 6. 瞳のカラーを変更 7. 画質に影響を与えないで照明のエフェクト 8. 作業確認用の新規ウインドウ 9. 画像からカラースウォッチを作成 10. レイヤースタイルをレイヤーの一部に適用 1. レイヤースタイル パネルでの操作 レイヤーパレットの下の「fx」ボタンをクリックすると開くレイヤースタイル パネルで、レイヤースタイルのアクティブ時に直接微調整ができます。 操作可能なスタイルは、4つです。 ドロップシャドウ グラデーションオーバーレイ サテン パターンオーバーレイ 4つのスタイ
【オリジナル制作】Photoshopでの作業を効率化できるいい感じのJSXスクリプト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり！ 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら（ダウンロードが開始されます）： https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには？ まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows：PhotoshopPre
Photoshop VIP ☞ グリッドを使ったウェブレイアウトのデザイン方法＆具体的サンプル
いくつかの有名ホームページ、ウェブサイトを見てみると、どれも細かいところまで作り込まれたデザインとなっていませんか。 どのサイトもグリッドを使ってレイアウトされたものが多いように感じます。 グリッドを使うことでデザイナーに論理的で安定的なウェブレイアウトを組むことが可能となります。 グリッドを使うことのは退屈なデザインに仕上げるためではありません。 デザイナーはグリッドをベースにしたウェブレイアウトの基本的なルールを知ることで、それらのルールをオリジナルに壊してデザインすることができます。 今回はSix Revisionsで紹介されている「A Brief Look at Grid-Based layouts in Web Design」よりグリッドを使ったウェブレイアウトのデザイン方法を具体例とともにご紹介します。 ウェブデザインを制作するときに参考にしていただければ幸いです。 詳細は以下
黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid
黄金比を取り入れたグリッドレイアウト のWebデザインを作る際のPhotoshopや Fireworks用テンプレや、PSアクション などがセットになったデザインキット・ The Golden Gridのご紹介。アクション が便利そうでした。 黄金比を取り入れたグリッドレイアウト用のPSDやFw用テンプレとかアクションがセットになってるやつです。グリッドレイアウトは960グリッドシステムに準じているみたい。 内容物は以下となっています。 PhotoshopアクションPhotoshop用テンプレートFireworks用テンプレートillustrator用テンプレートindesign用テンプレートomnigraffle用テンプレートpixelmator用テンプレートflash用テンプレート上記にそれぞれ12カラム、16カラム、24カラムが用意されています。 ↑ a:bが1.6180:1となって
Photoshopでつくるタイポグラフィのチュートリアル -Part19
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
グラデーションをマスターするためのPhotoshopのチュートリアル集 | コリス
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yuguri.com