UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで作成する際に勉強になるチュートリアルを紹介します。
UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで作成する際に勉強になるチュートリアルを紹介します。
こんにちは、LIGブログ編集部です。こちらは「Photoshopをはじめて使う人が、自分で撮った写真を加工できるようになる」ところまでを目標とした全5回の超初心者向けPhotoshop講座です。 第4回目となる今回は、「実践編」として、実際に写真を加工する過程を解説していきます。 初心者ではない方も、おさらいのつもりでぜひ確認してみてください。 ※前回までの記事はこちら 第1回:Photoshopの使い方〜基本設定から写真加工の方法まで〜【初心者向け】 第2回:Photoshop初心者が写真加工や編集をおこなうための必須ツール20選・前編 第3回:Photoshop初心者が写真加工や編集をおこなうための必須ツール20選・後編 独学でつまずいていませんか? Photoshopの使い方をもっと効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでも
グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々(バンディング)を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事(グラデーションをより美しく滑らかにするPhotoshopのアクション )をご覧ください。
Photoshopのガイド作成用のツールといえば、定番のGuideGuideや、先日アップデートしたQuickGuideなど、すばらしいエクステンションがたくさんありますが、それとはちょっとだけ違ったアプローチで「Speed Guide」というスクリプト(jsx)を作ってみました。特長は、複数のガイドを一度に作成できることです。人によって合う合わないが分かれる仕様だと思いますが、興味があればぜひ使ってみてください。 主な特長1回の処理で複数のガイドを一気に作成できる環境設定を変えることなく任意の単位を使用できる四則演算に対応している右下を起点にして作成できる中央を起点にして作成できる繰り返し回数を指定して作成できるCSVから設定を読み込める既存のガイド位置を取得できるダウンロードGitHubからダウンロードしてください。ページ右下の[Download ZIP]からソース一式をダウンロードで
必要なテクスチャ素材を探していて時間がかかったり、 やっと見つけたと思ったら商用利用不可だったり、 と素材を探すのは結構手間です。 そんな時には、テクスチャも作ったが早いです。 PhotoShopの知識を深めるためにも、テクスチャの作り方をまとめてみました。 もくじ 布 紙 木目 レザー・皮 金属 石 炎 水 ガラス 空・雲・雷 草・芝生 地面 ザラザラ系 布 布地のテクスチャの作り方 布テクスチャの作り方(Photoshop) デニム生地風テクスチャ作成法 デニムっぽいテクスチャーの作り方。 フェルト風のテクスチャ作成方法 PhotoshopでApple風布地テクスチャを作る 紙 しわくちゃの紙のテクスチャを作成する Photoshop – 古い紙を作ろう! 01 Lesson1 和紙風のテクスチャ作成 - MdN Design Interactive 和紙のテクスチャをPhotosho
光や風のエフェクト、コーナー、飾り罫、フローラル、葉っぱ、ハート、レース、リボンなど、デザインのアクセントに使えるPhotoshopのブラシを紹介します。 ここで紹介する素材はすべて同一の作者様が作ったものなので、クオリティにばらつきはありません。 素材の利用にあたっては、個人でも商用でも無料です。
効かせましょうそうしよう。 じゃこれを。 人物をもう少し明るくしてやりたい、でも背景はいじりたくない。とします。 でも、参考エントリの方法ではうまくいきません。 Cmd(ctrl)+Option(Alt)+2、でRGB合成チャンネルからグレースケールを拾って、反転してトーンカーブのレイヤーマスクにするだけでは、 背景も明るくなり過ぎちゃうんですよね。これはこれで…な気もしないでもないけど、やっぱ下手なHDRぽくて嫌。 というわけで、マスクをきっちり編集しましょう。方法は二つあります。 ①マスクをトーンカーブで編集する チャンネルパレットの「RGB」をCmd(ctrl)+クリックするか、Cmd+Opt(Alt)+2(キーボードショートカットで「従来のチャンネルショートカットを使用」していない場合。チェックを入れている時は「^」)を押して選択範囲を取り、すぐさまQでクイックマスクモードに入って
こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht
こんにちは。LIGブログ編集部です。いつも「時間が足りない!」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか? Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
ポリゴン、シェイプアート、ブラー、等高線、ジオメトリック、ラインアート、シネマグラフなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくりと攻めていきたいですね。
Illustratorでウェブデザインをおこなう人が増えてきましたが、やはりPhotoshopをベースにしているデザイナーさんが多いと思います。そんなPhotoshopを更に便利にパワーアップするプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境(Win/Mac, CS6/CC)で利用しています。 面倒なガイド引きをパワーアップする強力な味方 等間隔ではないガイド引きを簡単に設定できる 選択範囲やオブジェクトを元にガイドが引ける さまざまなオブジェクトのカラーを一元管理できる 要素のサイズやエフェクトやフォントなどの情報を書き出す PNG画像をより美しく、より軽量に書き出す 黄金比、黄金螺旋、黄金三角形、1/3ルール、対角線などを簡単に描く Subtle Patternsのテクスチャ素材をPhotoshopから利用できる flat iconのアイコン素材をPhoto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く