Apple Design Resources Design apps quickly and accurately by using Figma, Sketch, and Photoshop design kits, guides, and other resources.
パンクバンドのライブフライヤーのようなざらざらの汚れた風合いをPhotoshop上で再現していきます。 こうしたアナログ表現をマスターしておくと、色んな場面で応用が効くのでおすすめです。 こうしたあえて汚したような表現を「グランジ」と呼びます。こうすることで雰囲気も増し、ぐっとかっこよくなります! 完成品はこのような感じになります。 ノイジーでかっこいいですね!サンプルなので分かりやすく多少派手な処理を行いましたが、このあたりの力加減は調整してみてください。 今回はいくつかのテクニックをまとめたので少し長いですが、ひとつひとつはそれほど難しくありませんので順番にチャレンジしていきましょう! 紙のテクスチャを用意 今回はA4サイズのフライヤーを想定して作成します。 新規書類をA4サイズで作成します(210×297mm) 今回使用した紙のテクスチャはフリーの素材を使用しました。シミがついてたり
PhotoshopやLightroomなどで画像を手軽に加工できるプラグインパッケージ「Complete Collection」はプロの写真編集にも使われるほど高いクオリティで人気でしたが、製造元のNik SoftwareがGoogleに買収されたことで「Google Nik Collection」としてリニューアルし499ドル(日本では6万3000円)で発売されました。その後、数回の価格改定が行われたNik Collectionがなんと無料化されています。 Google Nik Collection https://www.google.com/nikcollection/ さっそく「Nik Collection」をインストールしてみます。上記ページ右上にある「Download now」をクリック。 今回はWindows 7マシンにインストールするので、「Windows」をクリック。 イ
Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです! Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境(Win/Mac, CC 2015)で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー
デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey http://dandkagency.com/extensions/velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなど
Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張 定番のGuideGuideは3.1.2にバージョンアップ 幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理 カラーピッカーを開かずにカラーのコードを簡単コピー 複数のさまざまなオブジェクトのカラーを一元管理 手元の画像からシームレスなテクスチャを1クリックで作成 ビットマップのオブジェクトをベクターに変換 画像にパースをつけてかっこよく見せる パラグラフのレイアウトを段組みに変更 要素のサイズやエフェクトやフォントなどの情報を書き出す エレメントやマージンのサイズを書き出してくれる 黄金比
こんにちは、デザイナーの白浜です。 今回は人気のポリゴンスタイルの画像をPhotoshopとIllustratorで作成する方法をご紹介したいと思います。 参考サイト まず初めに今回の参考サイトから。 【Photoshop講座】人物をポリゴンスタイル風に加工する https://www.youtube.com/watch?v=Ao0XRwFaoE4 こちらの動画を参考にしました。 パペットワープのキャプチャを撮って塗り分けに使うというかなり斬新なやり方で、サクサクっとポリゴンスタイルを取り入れることができる素晴らしいチュートリアルです。 今回パペットワープは使っていませんが、アクションを使った塗り分けの手法を参考にさせていただきました。 それでは具体的な製作過程をご紹介したいと思います。 写真を元にIllustratorでポリゴンのラインを描く 1. 塗り分けの準備 まず初めに元になる
グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々(バンディング)を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事(グラデーションをより美しく滑らかにするPhotoshopのアクション )をご覧ください。
グラフィカルなテキストデザインを実現できるPhotoshopチュートリアル15種「15 Amazing Text Effects Photoshop Tutorials for Designers」 イラストや写真だけでなく、テキストをPhotoshopなどで加工しデザインすることで、制作物のクオリティは格段にアップします。今回はそんなグラフィカルなテキストデザインを実現できるPhotoshopチュートリアル15種「15 Amazing Text Effects Photoshop Tutorials for Designers」を紹介したいと思います。 Ink Text Effect In Photoshop テキストをベースに、想像もできないようなリアルな表現を可能にするチュートリアルが紹介されています。 詳しくは以下 Create Leafy Text Effect in Photo
Photoshop CC/2014に対応したPhotoshopでのガイド引きをかなり便利にする純国産の無料の機能拡張を紹介します。 2014ではFlashやFlexを使用している機能拡張は使えなくなり、代わりにHTML5ベースのものでないといけないそうです。 QuickGuide 先日の記事「Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ」で取り上げた時からバージョンアップされ、機能も大幅に強化されています! QuickGuideの主な機能 QuickGuideのインストール QuickGuideの使い方 QuickGuideの主な機能 QuickGuideのメインとなる機能は、オブジェクトや選択範囲を元に、上・下・左・右を組み合わせた全9パターンのガイドを1クリックで引けることで、今回のバージョンアップで天地・左右、天地左右の中央にも対応しました。ほかにもガイド関
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
この記事は、Photoshop CC 2014 の新機能をWebデザイナー視点からまとめた記事です。 6月19日の「Adobe Create Now 2014」および、6月23日の「アドビ 報道関係者向けCreative Cloud 最新製品 デモセッション」で聞いた話を含みます。 新機能の一覧 現在私が把握している、Photoshop CC 2014 の新機能は以下のとおりです。 Webデザイン制作に深く関係しそうなものは太字にしています。 ぼかしギャラリーのモーション効果 文字ツールでフォント検索が可能に ライブフォントプレビュー 開いたPSDにフォントが存在しなかった場合、Typekit のフォントで置換可能に スマートガイドでオブジェクト間の距離を表示、均等に配置が可能に リンクされたスマートオブジェクトのレイヤーカンプの切替が可能に 焦点領域 埋め込まれたスマートオブジェクトをリ
必要なテクスチャ素材を探していて時間がかかったり、 やっと見つけたと思ったら商用利用不可だったり、 と素材を探すのは結構手間です。 そんな時には、テクスチャも作ったが早いです。 PhotoShopの知識を深めるためにも、テクスチャの作り方をまとめてみました。 もくじ 布 紙 木目 レザー・皮 金属 石 炎 水 ガラス 空・雲・雷 草・芝生 地面 ザラザラ系 布 布地のテクスチャの作り方 布テクスチャの作り方(Photoshop) デニム生地風テクスチャ作成法 デニムっぽいテクスチャーの作り方。 フェルト風のテクスチャ作成方法 PhotoshopでApple風布地テクスチャを作る 紙 しわくちゃの紙のテクスチャを作成する Photoshop – 古い紙を作ろう! 01 Lesson1 和紙風のテクスチャ作成 - MdN Design Interactive 和紙のテクスチャをPhotosho
一つでも複数でも、PSDファイルをPNG画像にまとめて書き出すOS X用のフリーのアプリケーションを紹介します。 書き出し用としても便利ですが、Photoshopの無い環境でPSDファイルをチェックする時にも使えますね。 PSD to PNG - Automator Action 使い方は、非常に簡単。 ダウンロードしたファイルを解凍。 「PSD to PNG.app」にPSDファイルをドラッグ&ドロップ。 PSDファイルと同階層に「PNGフォルダ」が生成され、その中にPNG画像が書き出されます。 PSDはレイヤーで表示されているものが、PNGに書き出されます。 PSDファイルは一つでも、複数でも対応しています。
Illustratorでウェブデザインをおこなう人が増えてきましたが、やはりPhotoshopをベースにしているデザイナーさんが多いと思います。そんなPhotoshopを更に便利にパワーアップするプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境(Win/Mac, CS6/CC)で利用しています。 面倒なガイド引きをパワーアップする強力な味方 等間隔ではないガイド引きを簡単に設定できる 選択範囲やオブジェクトを元にガイドが引ける さまざまなオブジェクトのカラーを一元管理できる 要素のサイズやエフェクトやフォントなどの情報を書き出す PNG画像をより美しく、より軽量に書き出す 黄金比、黄金螺旋、黄金三角形、1/3ルール、対角線などを簡単に描く Subtle Patternsのテクスチャ素材をPhotoshopから利用できる flat iconのアイコン素材をPhoto
Photoshopを使う際、煩雑なカラースウォッチで作業している方向けの記事です。 今までスウォッチを特に意識していなかった方にもおすすめです。 案外面倒で放置しがちなスウォッチですが、 整然と管理することで確実に生産性は上がります! スウォッチを使いこなせば、同じ色と思って使った色が微妙に変わってしまったり、 無駄に色数を増やしてしまいデザインが崩壊するのを防ぐことができると思います。 スウォッチで出来ること 細かく言えば色々ありますが、今回は特に重要な部分を紹介します。 カラーの追加 カラーの削除 スウォッチの保存(カラーリストの保存) スウォッチの読み込み(カラーリストの読み込み) スウォッチの置き換え(カラーリストの置き換え) 簡単に言うと、カラーセットを保存できるし、読み込めるのです。 デザイン(プロジェクト)毎にカラーセットを作る カラーセットは凄く重要です。 これを整理するた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く