美しい光の軌跡、輝く光源、閃光、写真のぼけなど、ライトのエフェクトを描くPhotoshopのブラシを紹介します。
美しい光の軌跡、輝く光源、閃光、写真のぼけなど、ライトのエフェクトを描くPhotoshopのブラシを紹介します。
珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい! 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基本からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます! Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは
60もあれば、いいのはまぁ、それなりに有るだろうなとは思うのですが、見ても何も感じないものもありました。 感性の違いかもしれませんが、その中で『これは使えそうだ』と思えるものが7つ有りましたのでご紹介。 本当に使えそうなカスタムシェイプ とりあえず以下のエントリから。 60+ Attractive Photoshop Custom Shapes いろいろ眺めていて、これだと思えるものをチョイス。 案外少なかった。 カスタムシェイプ事態つかわないからそう感じるんだろうか・・・。 最終的にイラレでって人はあれだけど、photoshopラブリーな人にお勧め。 噴出しシェイプ デフォルトのカスタムシェイプに満足できない+イラストレータまで使うのが面倒な人向けのシェイプ追加。 比較的様々なシュチュエーションで使えるため人気のアイテム。 イラストレータなどで自作して引き伸ばしたりっていうのが面倒な人に
すごいです。 すごいまとめ方です。 『100 Awesome High Resolution Photoshop Brushes』というエントリ。 見るとPhotoshopのブラシがずらずらずらずらとまぁほんとにすごいです。 Photoshopを使わない人にも確実にお勧めするエントリ デザインのインスピレーションにはもってこいではないでしょうか。 逆にPhotoshopなんてつかわなーいという人がこういうのをみてPhotoshopいいかも・・・とかおもったりしちゃうかもしれないですね。 色々あるから迷ってしまうかも・・・。 こういうのとか こんな素敵なのとか こういうユニークなものまで。 なんだか楽しくなってきました。 皆さんも是非。 『100 Awesome High Resolution Photoshop Brushes』
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり! 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら(ダウンロードが開始されます): https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには? まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows:PhotoshopPre
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーションなんかもつけつつ プラグインのボタンをクリックで出力。そのまんま。 画像じゃないから軽いという点もポイントですね 関連エントリ CSS3でシャレオツなリストを作るチュートリアル アニメーションするバナーをCSS3で作るチュートリアル CSS3で出来たクールなLightBox実装チュートリアル CSS3で描かれたシェイプのサンプル集
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
グラデーションを描いた時にできてしまうバンディング(濃淡の縞)を滑らかにするPhotoshopのアクションを紹介します。 手動用にそのアクションの解説も。 Photoshop Actions to fix the banding of Photoshop's gradients. [ad#ad-2] No More Bandingの使い方 No More Bandingの仕組み No More Bandingの使い方 No More Bandingの使い方は簡単です。 「Download」ボタンから「No More Banding 0.5.atn.zip」をダウンロードして、解凍。 「No More Banding 0.5.atn」をPhotoshopのアクションパネルに登録。 インストールが完了すると、下記のようになります。 右半分が適用前、左半分が適用後です。 No More Band
Photoshop の切り抜き、選択範囲をつくるいくつかの方法をまとめてみました。記事では Photoshop CS5 を基準にしていますが、それ以外のバージョンの方は抽出フィルタなどで CS5 の機能を代替えできると思います。 Photoshop の切り抜き、みなさんどんな風にしてますか?今回紹介する切り抜きは、定番みたいなものだと思うんですけど、私の近くに Photoshop 達人がいないので聞く事もできず、もっといい方法無いのかなーなんて思ったりもしてます。この記事を読んでくれた人で、「こうした方がいいよー」とかあったらコメントいただけると嬉しいです! また、私は今 Photoshop CS5 を使っているので、それを基準にしています。CS4 以前を使っている人は、選択範囲の調整の代わりに抽出プラグイン(フィルター → 抽出)で代替えしてみてくださいね(注意:Web 用の切り抜きを前
Adobe Photoshopでかなり前から試行錯誤していることがあります。文字がどうしてもぼやけるというか、滲んでいるように見えてしまう場合があるのです。なんとかはっきり、くっきりさせられないかと色々試してみた結果、それなりに満足できる結果が得られたのでまとめておきます。 ラスタライズが前提であれば、フィルタなどで調整できる可能性はありますが、後から文字を変更したい場合に面倒なので、できればラスタライズしないでなんとか綺麗に見える方法がないかと試行錯誤してみました。使用しているのはCS2なので、バージョンによっては微妙な違いがあるかもしれません。 Photoshopの文字ツールの設定 まずは基本中の基本です。Photoshopの文字ツールは、注意しておかないと、すぐに文字のアンチエイリアスのかかり方が変わってしまいます。どういった場合にそうなるかというと、既に入力済みの文字を「文字ツール
iPhoneはもういらない? 電話アプリの「050 plus」でiPod touchを電話化した2012.03.26 11:00Sponsored だいぶ便利なのよねこれが。 前回の050 plus紹介記事からの続きで、今回はiPod touchを「050 plus」を使って電話ができる仕様にしちゃいたいと思います。数ある無料アプリの中でなぜ050 plusを選ぶのかも前回の記事を見てもらえれば一目瞭然なんですけど、もう一度おさらいしておきましょう。 ・「050 plus」の通話料がおトク・050IP電話番号が持てる ・iPod touchなら本体が安いし、iPhoneの2年縛りなどもなく気軽に買える ・Wi-Fi環境があればどんな場所でも電波に困らない ※「050 plus」のご利用には月額基本料315円(税込)とパケット通信料がかかります。
TOP > Design , Photoshop > デザインの質をワンランク上げるphotoshop技集「50 Fresh and High Quality Adobe Photoshop Tutorials」 デザインの現場で幅広く利用されているphotoshop。非常に奥が深く、極めて行けば様々な表現が可能なソフトウェアです。今日紹介するのは、デザインの質をワンランク上げるphotoshopの技を集めたエントリー「50 Fresh and High Quality Adobe Photoshop Tutorials」です。 Create a Baseball-Inspired Text Effect 比較的新しいphotoshopのチュートリアルが集められています。写真自体を加工していくものから、文字から加工で作り込んでいくタイポグラフィ作品まであらゆる表現のチュートリアルが
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
さて、実は前回の爆速記事で書こうと思って収まりきれず、先延ばしにしたネタがありましたのでこちらで共有させて頂こうかなと思います。 前回の爆速作業の場合、まぁ普通のブログ作っただけだし、WPだしってことでコーディング部分はぶっちゃけ大したボリュームに成らなかったわけですが、やっぱ改めて大事だーと思ったのがフォトショのショートカットや、役立ち機能の数々。ショートカット使うか使わないかなんて、下手すればコンマ数秒程度しか変わらないかもしれませんが、その積み重ねが大きな時間を生んでいることは間違い無いと思います! かねてフォトショップのキーボードや、役立ちネタは色々ご紹介させてもらっていてましたので、この機会に僕の方で知っている便利機能の数々を一度まとめてご紹介させて頂こうと思います。 ここで紹介させて頂くのは、僕もフォトショップは使っていたので、ショートカットや機能は知っているつもりだったのです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く