このブログでも使っている↑ポラロイド風のイメージ。 ホームページ制作で使い回せるポラロイド風の画像を Photoshopを使って、所要時間2〜3分でサクっと作る方法のご紹介です。 【制作環境】 Photoshopバージョン:CS3 OS : OSX 10.5(Leopard) ※ Windowsをお使いの方は 文中の「commond」を「ctrl」に置き換えてお読みくださいね。 新規ファイルに写真を「レイヤー1」として配置します。 レイヤーパレットの「新規レイヤーを作成」をクリックして 「レイヤー2」を作成します。 ツールボックスから「長方形選択ツール(M)」を選んで ドラッグしながら 写真の周りを好みのサイズに適当に選択します。 レイヤー2を選択した状態で、ツールボックスの背景色を白にして 「commond + delete」 をクリックします。 「レイヤー2」が白で塗りつぶされました。
物に影をつけるときはドロップシャドウを使うことが多いと思うけれど、 それだけではなかなかリアルな柔軟性のある影は作れない。 ちょっと上の画像をみてみよう。こういった影はドロップシャドウではつくれない。 立体感を出すにはこういった影が必要になることもあるのでPhotoshopの基本操作も詰まっているのでここで紹介。 1.影の元を作る まずは影の元を作ろう。 今回の素材はおいしそうなケーキを用意した。 ケーキと同じ形の黒塗りの画像を作る。 これを作る簡単な方法は、まず対象の素材の形をとる。 これは素材がレイヤーとして独立していたら簡単にとることが出来る。 素材のレイヤー上でCTRLボタンを押しながらマウスを左クリック。 するとレイヤー上のオブジェクトが選択される。 選択範囲ができたらこっちのもの。 新しいレイヤーを作ってそこを塗りつぶしツールで塗りつぶすだけ。 こんな感じ。 これはいろんなとこ
Dummy Text Generator for Web Designers and your general typesettings needs! The text generated with this free online tool can be used to aid in the web design process. Ever filled a <div> with "blah blah" or "Content goes here"? If you have, you'll know how this can make a design look less "real". With dummy text you can view your website as it's supposed to look, without being distracted by famil
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く