検索ボックス、ボタン、アラートパネル、プルダウン、スクロールバーなど、ウェブデザインで使用するさまざまなエレメントをかわいらしいデザインでまとめたモックアップ用のPSD素材を紹介します。
検索ボックス、ボタン、アラートパネル、プルダウン、スクロールバーなど、ウェブデザインで使用するさまざまなエレメントをかわいらしいデザインでまとめたモックアップ用のPSD素材を紹介します。
100 Pixel Patterns (PAT) [ad#ad-2] パターン素材を使用すると、下記のようなパターンを簡単に作成できます。 そのままテクスチャに使用してもよし、ディテールの強化に使用してもよし、です。
Fluffy Clouds in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials クラウド時代にファンシーな雲を描画するPhotoshopチュートリアルが公開されています。 次のように可愛らしい雲が描画出来てます。 単なる円形を組み合わせて雲の形を作ります。 レイヤースタイルを使ってサクッとリアルな質感を表現。 次は雲を薄くして光沢をつけていくプロセス。上のまんまでもそのまま使えちゃいそうですね。 これは簡単な割に色々と応用できそうなテクニックですね。 関連エントリ モダンなコーポレートサイト作成用Photoshopチュートリアル 光のエフェクトを与えたクールなイメージ作成Photoshopチュートリアル25 プロレベルのPhotoshopチュートリアル集
60 Attractive Photoshop Grunge Brushes for Designers かっこいいグランジブラシまとめ60個。 背景とかに適用するとカッコよくなりそうなブラシが色々まとまっていました。 なんか汚れみたいなのになんでカッコよくなるのかは昔からの疑問なのですが、カッコいいのでしょうがないですね。 こういう素材が豊富にあるっていうのもPhotoshopの強さですね。 関連エントリ 動物に関するPhotoshopブラシ色々 超クールなスモークのPhotoshopブラシ33 ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ
複数の異なるエレメントを組み合わせて、複雑で繊細なテクスチャを作成するPhotoshopのチュートリアルを紹介します。 Textured backgrounds in Photoshop ※クリックで拡大 [ad#ad-2] 上記の繊細なテクスチャは複数のレイヤーに、異なるエレメントを組み合わせ、異なるレイヤーの不透明度とモードが使用されています。 Photoshopでのレイヤーの状態は下記のようになります。
Photoshop持ってないんだけど...という方は、ひとまずトライアル版(30日の期限つき)をダウンロードしましょう。Photoshop買うお金なんてないよ! という方でも、ここで紹介する機能は、Photoshop以外の画像編集ソフトでも使えるものが多いので、参考にしてみてください。 ■ツールバー すべてのツールは紹介しませんが、なるべく多くをカバーします。まずは、写真を探して、さっそく編集してみましょう。 移動ツール(キーボード:V) キャンバス上のどこかをクリックし、ドラッグすると、レイヤーを移動できます。 マーキー(キーボード:M) キャンバス上の一部分を特定の形で選択できます。デフォルトでは長方形(シフトを押しながら行うと正方形に)となっていますが、形は円などにも変更可能です。 ラッソ(キーボード:L) 手動で領域を選択できます。点を打っていくことで、その点を角とした図形の形で選
Photoshop, Photoshop Elementsを使用してカラーの写真画像をモノクロにするテクニックはさまざまなものがあります。その代表的なテクニックとそれぞれの利点・欠点を紹介します。 元にした画像:Chase the sun 下記は各ポイントを意訳したものです。 はじめに 1. 調整レイヤー:白黒 2. モード:グレースケール 3. 調整レイヤー:色相・彩度 4. モード:Labカラー 5. 調整レイヤー:グラデーションマップ 6. 調整レイヤー:チャンネルミキサー 7. Photoshop Elements:モノクロバリエーション 8. 調整レイヤー:色相・彩度x2 9. 調整レイヤー:白黒(カラースライダー) はじめに モノクロの写真は、ファッション雑誌をはじめ、Flickrのようなソーシャルウェブサイトでも非常に人気の高いジャンルです。デジタルが到来したことで、一つ重要
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
Photoshopのキーボードショートカットを使いこなせるようになると作業効率がグンとアップします。 数多くあるショートカットの中から特に実用的な25個を紹介します。 25 Awesome Keyboard Shortcuts for Photoshop That You May Not Know [ad#ad-2] 元記事では動作を軸に書かれていますが、下記はショートカットを軸に紹介します。 ショートカットはWindowsの表記です。 Macの場合は、置き換えてください。 Ctrl → Command Alt → Option Photoshopの便利なキーボードショートカット Ctrl+Space+左クリック Ctrl+Space+ドラッグ(右or左) ドキュメントを拡大表示 Alt+Shift+右クリック HUDカラーピッカーの表示 ※CS5のみ。環境設定でGPU設定をオンにしている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く