こんにちは、デザイナーのモモコです。 今回は木の板にペンキで描いたようなテキストを表現するチュートリアルをご紹介します。 使用環境、素材について ソフトはAdobe Photoshop CCを使用しますが、バージョンがCS3以上であれば十分に制作可能です。 まずは素材を用意します。 以前「デザイナーが選ぶデザイナーのための無料写真素材サイト、厳選10個！」の記事でも紹介したCG Textureから以下の素材をダウンロードします。（ダウンロードにはユーザ登録が必要です） BrickMedievalBlocks0022(1600×1158) WoodPlanksClean0027(1600×1200) フォントは好みのものを用意しましょう。ペンキ風なので手書き感のあるものが合うと思います！ STEP1. 背景レイヤーの上に素材を配置する まず、1000×718pxの新規PSDを作ります。 先ほ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

筆者は半年以上前から、個人的な画像を編集するのに、『Adobe Photoshop』ではなく、オープンソースの『GIMP』を使っています。GIMPは使えないと思っている人が大半のようですが、それほど悪くはありません。ユーザーの多くが、仕事をスムーズに進める上でPhotoshopは必要不可欠だと言います。インターネット上のユーザーフォーラムでは、「Photoshopの代わりにGIMPを使ってみては」と言っただけで笑われる始末です。 しかし、時代は変わり、Photoshopにはかつてほどの勢いがもうありません。私の場合、作業時間の90％は『Lightroom』を使っており、Photoshopを使う時間は全体のわずか10％です。画像処理を専門とする多くの人たちも同様です。みんながRAW画像を扱うようになってしまったため、作業時間の大半はRAW画像対応の編集ソフトを使い、Photoshopは仕上げ

はじめまして、デザイナーのmidoriです。 スマホ時代の専門紙「Vingow」を運営するJX通信社で、主にWebデザイン制作を担当しています。 アルバイトとしてJXに入るまでずっとIllustratorを使っていたのでイラレ党な私ですが、お仕事ではPhotoshopを使う機会の方が多いです。 今回はPhotoshopの機能を大幅に便利に拡張してくれるプラグイン・スクリプトたちをご紹介します。 編集系 colorPicker Colorful . VTda.info / vtdainfo 配布元：サイト作るときに便利なPhotoShop JSX、ショートカット、アクション – Develo.org 「複数のオブジェクトの色を一気に同じ色に変えたい…」というものぐさ（わたしです）にぴったりなスクリプト、colorPicker。 まずは複数のオブジェクトを選択し、colorPickerのスクリ

カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して

2013年5月、Fireworks開発終了ニュースを受け、多くのFireworksユーザーたちがAdobe許すまじと誓ったあの事件から早いものでもうすぐ1年経とうとしています。 私は今でもFireworksが大好きですし未だによく使っていますが、最近ではPhotoshopでデザインすることが多くなってきました。PhotoshopはCCになってからだいぶ使いやすくなり、いい感じです。 ただ、Fireworksユーザーからすると、Photoshopでデザインする上で不便だなーと思った点がいくつかあったので、今更ですがまとめてみました。ものすごーく地味なことばっかりですが、FireworksからPhotoshopに移行する方ならば一度は困るんじゃないかと思うことなので、参考になれば幸いです。 2016/7/5 追記 CSSHatで表示して見る を今更追記しました。サンキュー@sou_lab 20

TOP  >  Photoshop  >  いろいろな種類のPhotoshop素材を集めた「Useful Collection Of Free Photoshop Files」 webサイト制作にはいろいろな素材を利用しますが、クオリティの高いものを1から作り出そうとすると手間や時間がかかってしまうもの。できれば時間を短縮しつつ、思い通りのデザインに仕上げたいものです。今回はそんなシーンにおすすめのPhotoshop素材を集めた「Useful Collection Of Free Photoshop Files」を紹介したいと思います。 （Transparent Organic Form – 365psd） いろいろな種類のPhotoshop素材がまとめられており、デザイン箇所に合わせて使い分けられるようになっています。 詳しくは以下 Psd iPad Perspective Mockup

「学校では教えてくれない、89の時短テクニック」「自己流で時間をムダにしていませんか？ウェブデザインをもっとラクに、もっとすばやく」ということで、かなり実践寄りの効率的なテクニックばかりを集めたのが「神速Photoshop [Webデザイン編]」です。ちょうどPhotoshop CC＋Lightroom 5が月額980円で使える「Photoshop 写真家向けプログラム」を使い始めたところだったので、しげしげと読んでみてお役立ちっぽいのがないかどうか探してみました。 まず以下が神速デザイン五カ条、「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」ということで、どれもこれもごもっともな感じ。人は放っておくと今までの慣れ親しんだやり方が非効率的であっても「慣れているから」というただそれだけの理

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (

どうも〜こんにちはぁ！最近カナダから日本に戻ってまいりましたライター、のび太です。いや〜やっぱり日本はいいですね～。なんといっても牛丼が安くてウマい！！ さて、LIGではこれまでWeb制作者にとって役に立つ様々な記事が公開されましたが、かなり数も増えてきたので、今回はそれらを分野別にまとめてみました。 時間のない方も、ぜひ一旦ブックマークなどをしておいて、週末なんかに一気に読んでもらえたらいいと思ってます。この機会にWeb力向上を目指しましょう！ Web制作者に役立つ記事ジャンル別のまとめ Web制作者にとって便利ツールは欠かせませんよね〜。作業時間が何十、何百分の一にも短縮されることもあると思います。場面によって適切に使い分け、どんどん効率化を図っていきましょう。 ■Windowsユーザー必見！普段使い＆制作に役立つ便利ツール5選 https://liginc.co.jp/web/too

こんにちは。デザイナーのハルエです。 今回は、知っているのと知らないのとでは作業時間に圧倒的な差がついてしまうPhotoshopの効率化機能マイベスト3を紹介させていただきます！ 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ ※2014年3月7日に公開された記事を再編集したものです。 その1：Vanishing Pointでハメコミ合成 みなさん、“Vanishing Point（ヴァニシングポイント）”機能をご存じでしょうか？ 機能の存在は知っていても、使ったことのない方が多いかと思います。 このVanishing Point

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？　と、なかなか一筋縄ではいかない問題です。 ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう

ブラシには非常にさまざまな種類があり、簡単に複雑な描写を描き出せるということもあり、頻繁に利用しているという方も多いのではないでしょうか？そんな中今回紹介するのは、スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」です。 網目状のスクリーントーン描写を、ブラシで手軽に作り出すことができるセットです。 詳しくは以下 定番として利用できるシンプルな網目対応から、斜めの格子状、レース風、花柄風といった、いろいろな種類のスクリーントーンブラシが全部で44種セットになってまとめられています。そのまま利用するのはもちろんのこと、重ねて使ったり、他のテクスチャなどと組み合わせることで、オリジナル性のある描写も可能になりそうです。 モノトーンなので、利用できる範囲も非常に広いのではないでしょうか？取り入れておけば、多彩なシーンで活躍してくれるブラシになるか