Today Only! Get 3 Months of Unlimited Premium Graphics for only $19
こんにちは。LIGブログ編集部です。いつも「時間が足りない!」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか? Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
Adobe Photoshop CC が公開されたので、早速レポートです。 Photoshop CCは、見た目はほぼ Photoshop CS6 と同じですが、パネルを使用したシェイプサイズの変更や角丸の再編集など、Webデザイナーにとっても地味に便利な機能が追加されています。 パネルを使用してシェイプサイズを変更・移動 これまで、長方形などのシェイプのサイズを数値指定で変更するには、Ctrl+Tキーなどを押して自由変形モードにし、「基準点」の「左上」をクリックしてからサイズを変更する必要があり、手間がかかりました。 私の場合は、自作の JSX(スクリプト)でシェイプサイズを変更していたのですが、Fireworks のプロパティインスペクタや、Illustrator の変形パネルのようなものを作ろうかと思っていた矢先に標準機能として搭載されました。 新しいパネルが増えたのではなく、長方形な
フラットなユーザインターフェイスを作成する際にぴったりな400種以上のカラーがセットになったPhotoshop用のスウォッチ素材を紹介します。 トレンドカラーとして、フラットに興味がない人でもカラーの引き出しが増えますね。 Photoshop Swatches Library for Flat UI Design スウォッチは上記ページの「Download .aco」から直接acoファイルがダウンロードできるので、そのファイルをPhotoshopのスウォッチパネルから「読み込み」や「置き換え」して利用します。 Photoshopに入れるとこんな感じです。 Photoshopのスウォッチ サムネール表示だと何があるのか分かりにくいので、半分くらいリストで紹介します。 半分でも長いので、分割で。 最初の方は、フラットデザインでよく見かけるカラーが豊富にあり、グレーも揃っています。
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
Here hopped MacRabbit. Makers of some damn good software. Apps that shone bright and some that never saw the light. Norbert the magical rabbit was never real, but the magic was. Espresso and CSSEdit acquired by, alive and kicking at Kangacode Fifteen Crazy Years: A Toast to Life What a wild space carrot ride... Thanks for all the memories, lovely people. Signing off, Jan (this guy, also on Twitter
レタープレスエフェクト大好きなんです ...。レタープレスエフェクトを使った Webデザインを観察していて気付いたことをまとめながら、Photoshop を使ったレタープレスの作り方をおさらいしてみました。 最近いろんな Webサイトを見ていると、レタープレス(型押し)を表現したデザインを、たくさん見かけるようになりました。私もきれいなレタープレスが大好きなので、このブログでもたくさん使いたいんですけど、なかなかきれいに表現できません …。レタープレスエフェクトは、黒や白の背景ではあまりきれいにならないし、色やテクスチャによって見え方がかなり変わってきます。レタープレスエフェクトを使った Webサイトを観察していて、こうしたらキレイにできるかも … という視点でまとめてみました。
Colophon All screenshots and resources are © their respective owner. License information might be inaccurate. Always check back with the resource creator before you do anything with it. Freebbble is not affiliated with Dribbble. I wish it is, but it isn't. Freebbble is part of the Lieur Network. Logo design by Tri Kurniawan.
Photoshopで角丸矩形を作成する時、シェイプツールをよく使用すると思いますが、その角丸の矩形の四つの角丸を個別に数値で編集することができる機能拡張(スクリプト)を紹介します。 対応は、CS5, 6みたいです。CS6のWin, Macの日本語環境で動作しました。 Rounded Rectangle Radius Resizer Rounded Rectangle Radius Resizerのインストール Rounded Rectangle Radius Resizerの使い方 Rounded Rectangle Radius Resizerのインストール インストールは簡単です。 ダウンロードして解凍した「Rounded_Rectangle_Radius_Resizer.jsx」を、Photoshopフォルダ内の「/Presets/Scripts/」内に移動します。 Photosho
女性向けのWEBサイトやバナー制作の際に使えそうな かわいらしい感じのフォトショップブラシを集めてみました。レイヤーオプションで光彩を加えてやるとより幻想的なイメージも出るしれませんね。 Floral brushes Download Source Floral brushes II Download Source Free Floral Brushes Pack 1 Download Source Floral Brushes - brushes set Download Source Flowers Brushes Download Source Floral Photoshop Brushes 5 Download Source Free floral photoshop brushes Download Source FREE BRUSHES, Dice Brushes CS2 D
Text Portrait Effect in Photoshop This text portrait effect is known as a Calligram. It’s where a passage of text bends and warps around the contours of the subject’s face. This effect is particularly powerful when used to present famous speeches by depicting the orator through their words. The process uses just a small selection of Photoshop’s tools, with the Displace filter and a clipping mask b
1. New Social Media Icon Set This icon set contains 25 scalable vectors complete with semi-transparent shadows for use on various types of backgrounds. The download contains a .zip file with the original .ai file and an .eps version as well. 2. Free Stained and Faded Social Media Icons This icon set includes 20 more stained social media icons for use in your grungy site designs. 3. Socialis This i
2015年7月11日、追記。このページ、いまだによくアクセスされているようですが、その全員が「なんだよ2011年の記事かよ、クソが!」と不信感を抱くことと存じます。あらためて確認しますと、CC2015でも通用する内容ですのでクソとかいわずにご一読ください。 本編ここから釣り気味のタイトルですみません。中身も釣りなのでご査収のほどよろしくお願いいたします。さて、この記事↓にリスペクトかつインスパイアされ、勢いで記事投下してみる。 Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ Webデザインをするにあたって、巷ではPhotoshopを使う人が多いようなのだが、ベクターデータの軽快さや自由自在の拡大縮小の便利さもあって、私はIllustratorを使っているため、日頃から虐げられている。ことWebに関しては、Photoshopがたけのこの里なら、Illustra
[Photoshop]5秒のひと手間でクオリティを上げるハイライトやシャドウなどのテクニックまとめ by hiro · 2011-11-24 デザイナーのhiroです。 新人デザイナーならば一度は、「出来上がりが物足りない…」、「メリハリがない…」と悩んだ事あると思います。今回私が紹介するのは、デザインに行き詰まった時に使えるテクニックPhotoshop編です。 「1pxにこだわる」など、よく見なければ分からない効果ほど、実はやるかやらないかで、仕上がりに大きな違いが出たりします。 是非状況に応じて使い分けてみてください。 【ポイント】 グラデーションは薄っすらと掛ける。 1pxの線を上手く使って厚みを出す。(ハイライトやドロップシャドウ) 光沢感やドロップシャドウ、パターンを入れて奥行きを表現する。 サンプル この記事を読めば、下記のようなデザインが直ぐ出来るようになります。
均一で単調なシャドウではなく、大きさや不透明度を調整して奥行きのあるシャドウを描くPhotoshopのチュートリアルを紹介します。 Warping Drop Shadows to Give Depth 下記はそのチュートリアルを元に意訳したものです。 Photoshopの標準機能だけで簡単に作成ができます。 Step 1 まずは準備をします。 下記の例では、白い背景と紙のテクスチャを用意しました。 Step 2 シャドウの元になる矩形を描きます。 背景とテクスチャの間に新規レイヤーを作成(Ctrl+Shift+Alt+[N])します。選択ツール[M]で長方形ツールを選択し、実体の下の方にやや小さめに矩形を選択します。塗りつぶしツール[G]を使用して、選択範囲を黒(#000000)で塗りつぶします。 シャドウの形は後のステップで整形するので、適当で構いません。
まぁ、散々Adobe様より『こんな機能を実装します!』的な告知は多かったので、今更と思う方も多いかもしれませんが、やっぱ自分で使ってこうやって記事にしてみるのが一番覚えるのは早い!こればっかりは自分の体験から実証済みなので、さっさと記事にしてしまうことにしました! とりあえず、Adobe Creative Cloudで購入したのが一昨日!そこから水と食料だけ常備し、あれやこれやといろんな動画やサイトを見ては試してみて、とりあえず「この辺は明日からでも使えそうだー!」ってのを選んでみたので、さっさと記事にしてみようと思います! もちろん全部じゃありませんが、個人的にすぐに仕事で使える機能周りで(そうでもないのも交じってますが)とりあえず良さげな物を中心にご紹介させて頂きます! インターフェイスが黒い!いつもの白いやつに変えたい! Photoshop CS6 Tip: Press Shift+
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く