タグ

ブックマーク / www.allef.com (2)

  • allef.com - ウェブデザイン・Photoshop Tips・素材の作り方・無料素材 -

    シンプルメニューバーの作り方 記事の幅が狭いので、このチュートリアルでは、横幅がみじかくしてありますが、あなたの作りたいホームページの幅に合わせてサイズを指定してください。 完成予想図 400 * 40で開きました。 おなじみのカドの丸めです。 チャンネルを追加し、背景色が白になっていることをたしかめたら、 CTRL+A > DELETE(または編集>カット) イメージ>画像サイズ、で今の数値より10px大きくします。 選択範囲を解除(CTRL+D)し、フィルタ>ぼかし>ガウス 3px、をかけます。 イメージ>色調補正>レベル補正を選び、そして図のように、数値を入れます。 そうすると、こうなっているはずです。これはめんどくさいのでアクションをつくりました。 チャンネルで白く四角に切り取った状態で発動すると、角がプリっとまるくなります。 使い物になるかどうか試してみてください。

  • allef.com - ウェブデザイン・Photoshop Tips・素材の作り方・無料素材 -

    セラミックインターフェース □はレイヤー、■はチャンネルのお話。 このホームページで使っていたインターフェースの作り方です。 では、いってみましょう。 200px * 200pxの新規画用紙を開きます。 ■チャンネルのタブに移ります。角に丸みをつけます。 新規チャンネルを追加し、全体を選択CTRL+Aを押します。 背景色が白になっていることを確認し、DELETEキー、または、編集>消去、します。 全体が真っ白になるはずです。 そこから、イメージ>画像サイズ、を選択して、幅:210、高さ210、にします。 200px * 200pxの白い四角の下に210px * 210pxの黒い四角がある状態です。 フィルター>ぼかし>ぼかし(ガウス)を選択し、半径3pxにします。 こうなります。 お次に、イメージ>色調補正>レベル補正、を選択。 レベルを左から、120, 0, 140、とします。 はい、

  • 1