フライヤーデザインに使える『汚し（グランジ）』のPhotoshopテクニック集 | OMGmag
パンクバンドのライブフライヤーのようなざらざらの汚れた風合いをPhotoshop上で再現していきます。 こうしたアナログ表現をマスターしておくと、色んな場面で応用が効くのでおすすめです。 こうしたあえて汚したような表現を「グランジ」と呼びます。こうすることで雰囲気も増し、ぐっとかっこよくなります！ 完成品はこのような感じになります。 ノイジーでかっこいいですね！サンプルなので分かりやすく多少派手な処理を行いましたが、このあたりの力加減は調整してみてください。 今回はいくつかのテクニックをまとめたので少し長いですが、ひとつひとつはそれほど難しくありませんので順番にチャレンジしていきましょう！ 紙のテクスチャを用意 今回はＡ4サイズのフライヤーを想定して作成します。 新規書類をＡ4サイズで作成します（210×297mm） 今回使用した紙のテクスチャはフリーの素材を使用しました。シミがついてたり
macOS Sierra (10.12) で Photoshop CS6 / Illustrator CS6 を使う - TeX Alchemist Online
追記：macOS 10.13 High Sierra でも使えます！ 本日(2017/09/26)，macOS 10.13 High Sierra がリリースされました。本記事で紹介している「偽装フォルダ法」は，High Sierra でも有効なようです。 追記：検証結果 本記事の方法で，Photoshop / Illustrator の CS 3～6 が全て Sierra で使用可能になる模様です。 また，報告（リンク切れ）によると，Flash 関係以外の CS6 アプリは基本的に全て動作するそうです。 Adobe CS6 Master Collection ○ Photoshop CS6 ○ Illustrator CS6 ○ InDesign® CS6 ○ Acrobat® X Pro ○ Dreamweaver® CS6 ○ Fireworks® CS6 ○ Adobe Premi
Photoshopを使う時に欠かせない、絶対オススメのプラグイン・機能拡張のまとめ
Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです！ Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境（Win/Mac, CC 2015）で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー
PhotoshopでiPhoneアプリのUIを作るための準備と設定
WebデザイナーがWebサイトだけでなく、スマートフォンアプリをデザインする機会が増えています。 ところが、Photoshopを使いこなしているデザイナーでも、UIのデザインとなると勝手が違い、試行錯誤している方が少なくないようです。本連載では、Photoshopを使ってアプリのUIをデザインするコツを、デザイナーのハマダナヲミさんが解説します。（編集部） Photoshopはもともと写真編集のためのソフトでしたが、印刷物やWebのデザインツールとしても使われるようになり、いまではデザインツールとしてPhotoshopを使っている方が多いのではないでしょうか。最近ではアプリのUIデザインにも便利な機能がどんどん追加されています。この連載ではWebデザイナーを対象に、iPhoneアプリを題材として、PhotoshopでUIをデザインする方法を紹介します。 第1回は、アプリ開発の大まかな流れを
Photoshopでの面倒な作業を簡単に！便利すぎるPhotoshopのアクションのまとめ | コリス
グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々（バンディング）を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事（グラデーションをより美しく滑らかにするPhotoshopのアクション ）をご覧ください。
グラフィカルなテキストデザインを実現できるPhotoshopチュートリアル15種「15 Amazing Text Effects Photoshop Tutorials for Designers」
グラフィカルなテキストデザインを実現できる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
コーディングを考慮したWebデザインガイドライン
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。Read less
【Photoshop】使える！ブラシを集めました。 | バシャログ。
DJ NOBU 「 Dream into Dream 」がヘビロテのokadaです。 どうぞよろしくお願いします。 今回は、使える！Photoshopブラシを集めました。 よろしくお願いいたします。 追加方法 ダウンロードした.abrファイルをダブルクリックをして追加するか ブラシツールをクリックして、1から3をクリックし、ブラシファイルの読み込みで追加します。 ライティング系 光を表現したい時に使いたいブラシです。 Quantum Brushes Life Brushes Hyper Brushes Abstract 04 Light Beams + Rays Brushes グランジ系 グランジ＝汚れた感じを表現したい時に使いたいブラシです。 Grunge Ady's Splatter Brushes 3 Grunge Brushes Free Grunge Textured Phot
「プロになるためのWebデザイン入門講座」を執筆しました
私が執筆した「プロになるためのWebデザイン入門講座 実践で役立つPhotoshop＆Illustrator徹底ガイド」が7月24日に技術評論社より発売されました。 表紙（カバー含む）も私がデザインしています。 Amazon で紙の書籍版を購入する Gihyo Digital Publishing で電子書籍（PDF）版を購入する この本は、PCの基本操作（エクスプローラーや Finder でファイル整理、文字列を選択してコピーなど）ができる方であれば、まったくWebデザイン制作の経験がない方でもWebデザインの基礎を学び、Web制作のためのPhotoshopとIllustratorの基礎を学び、広告バナーや架空のカフェのWebサイトを制作できるように書かれています。 本書の内容 本書は、7つの Chapter（章）で成り立っています。それぞれの Chapter は以下の内容となっています
新しいものが大好きなグッドパッチで5月に話題になったアプリ、サービス、デザインまとめ | Goodpatch Blog
5月も終わりに近づいてきました。今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します！今月は社内でSketch.appを始めとする様々なWeb制作ツールが共有されました。まだローンチされてないものもありますが、今後よく使うツールになるかもしれないものもあるかもしれないので要チェックです！ 先月の同様のまとめ→ 「新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ」 Web制作ツール BRIEFS http://giveabrief.com/ プロトタイプが作成できるアプリです。iPhoneやiPadのデバイスで検証することが可能です。ちなみにこのアプリは最近リリースされ、Goodpatchが一番最初に購入したみたいです。 Sketch iOS Mirroring http://bohemiancoding
美しいラインを描くPhotoshopのチュートリアルのまとめ
背景やアクセントにぴったりな美しいラインを描くPhotoshopのチュートリアルを紹介します。 壁紙素材：Energy flow background 以下、Photoshopのチュートリアルです。
CS6対応、Photoshopのレイヤー周りの機能をもっと便利にする12のツール-Trevor Morris Scripts for CS6
Trevor Morris Scripts for CS6は以前紹介したツールのCS6対応版で、6/26にリリースしました。 以前の記事は「Photoshop CS5をもっと便利にする12のツール」です。 ツール全12種 [ad#ad-2] 以下、左上から順に。 Horizontal Spacing 選択したレイヤーを水平方向に均等の間隔に分配します。 Vertical Spacing 選択したレイヤーを垂直方向に均等の間隔に分配します。 Center layer 選択したレイヤーを水平・垂直の真ん中に配置します。 Rename Layers アクティブなレイヤー全てをリネームします。 Sort Layers アクティブなレイヤー全てをアルファベット順にソートします。 Find Layer レイヤーの名前を検索します。 Hide All Layers 全てのレイヤーを非表示にします。 Sh
アドビ、ソフトウェア9製品のRetinaディスプレイ対応を表明
The Vergeによると、アドビシステムズがRetinaディスプレイ対応予定のソフトウェアのリストを発表したそうです。 リストには、「Dreamweaver」「Edge Animate」「Illustrator」「Lightroom」「Photoshop」「Photoshop Touch」「Prelude」「Adobe Premiere Pro」「SpeedGrade」の9製品が含まれ、Photoshopはこの秋に、その他のソフトウェアは時期は明言しないものの「対応が完了し次第すぐに」リリースされるということです。 [The Verge: Adobe to offer HiDPI support for Photoshop, Lightroom, other apps ‘over the next few months’]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
GitHub - Jacminik/PSD-Export-Haml-Sass: This script supports you create sites. Create the html/css markup files from your Photoshop file easily.
404 Not Found
http://supercolortuts.com/create-a-moleskine-notebook-icon-in-photoshop/
Engadget | Technology News & Reviews
新着記事
新着記事
