ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 How to Use Drop Shadows in Photoshop [ad#ad-2] 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャドウのサンプルファイル ドロップシャドウとは ドロップシャドウの主な用途は、2Dのイメージで3Dの奥行きをシミュレートすることです。これはオブジェクトが3Dの空間で背景の上に浮いていることを表すために、オブジェクトの後ろにオフセットのシャドウをつけます。 下記の例はドロップシャドウを変えることで、光源の大
2013年9月26日 Webサイト制作, フリーランス Webサイトの制作会社で働いている人はもちろん、普段一人で活動しているフリーランサーの方も、フリーランサー同士が手を組んでWebサイト制作を行ったり、制作会社がフリーランサーに受注するなどで、複数の人でひとつのサイトを制作することもあると思います。そんな時に起こりやすいトラブルと、それを防ぐ方法を考えてみます。ちなみに今回はデザイナー目線での気づいた事です。プログラマーさん目線での気をつけたい事などあればお聞かせください :) ↑私が10年以上利用している会計ソフト! デザイン時 1. レイヤーに名前をつける 「もらったPhotoshopファイルを開いたら、どれがどのレイヤーなのかさっぱりわからない!」なんて体験、ありませんでしたか?デザインファイルを共有する場合はレイヤーの管理がとても大切です。「レイヤー0」「レイヤー1」「レイヤー
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
novo avatar da terra mini -game: o desafio pode lançar diversão ilimitada Na vida rápida de hoje, as pessoas geralmente precisam de algumas maneiras de relaxar e aliviar a pressão da vida.O mini -jogo é uma excelente escolha.Não é apenas simples e interessante, mas também permite que as pessoas se divertam instantâneas em pouco tempo.Em vários pequenos jogos, o mini -jogo novo avatar da terra se t
Photoshop持ってないんだけど...という方は、ひとまずトライアル版(30日の期限つき)をダウンロードしましょう。Photoshop買うお金なんてないよ! という方でも、ここで紹介する機能は、Photoshop以外の画像編集ソフトでも使えるものが多いので、参考にしてみてください。 ■ツールバー すべてのツールは紹介しませんが、なるべく多くをカバーします。まずは、写真を探して、さっそく編集してみましょう。 移動ツール(キーボード:V) キャンバス上のどこかをクリックし、ドラッグすると、レイヤーを移動できます。 マーキー(キーボード:M) キャンバス上の一部分を特定の形で選択できます。デフォルトでは長方形(シフトを押しながら行うと正方形に)となっていますが、形は円などにも変更可能です。 ラッソ(キーボード:L) 手動で領域を選択できます。点を打っていくことで、その点を角とした図形の形で選
数値指定でグリッドをガイドで簡単に作成できるフリーのPhotoshop CS4用のプラグイン「Gridmaker」を紹介します。 Gridmaker For Photoshop CS4 Gridmakerのインストール方法 「GridMaker.jsx」と「GridMaker.swf」をダウンロードします。 2つのファイルをプラグインの「Panels」フォルダに格納します。 例:C:\Program Files\Adobe\Adobe Photoshop CS4\Plug-ins\Panels Photoshop CS4を再起動します。 [ウインドウ]-[エクステンション]に「GridMaker」があれば完了です。 Gridmakerの使用方法 [ウインドウ]-[エクステンション]から「GridMaker」をクリックします。 GridMakerのパネルにグリッドを指定します。 Column
Last week I talked about 960 Grid System is Getting Old. Surprisingly a lot of comments have been made. It seems like people are using 960gs because of the "golden ratio" — all numbers are even. I’m a designer, not a grid scientist. Why restrict your layout so that it can fit into this 960gs? A grid is supposed to help you in design, not to limit your creativity. The 978 grid, that I mentioned bef
チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in 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ページを開く