2012年1月26日のブックマーク (10件)

  • アンティーク紙::フリー素材*ヒバナ *  *

    Leonk
    Leonk 2012/01/26
    web 素材
  • レトロな紙を作る - ジリジリ

    適当な大きさで新規作成します。 画面でしか見ないので300×400pxで72ppiす。 次に描画色と背景色に紙が汚れた感じの色を選び、 (例 描画色:#cfbc90 背景色:#f9f1d8) フィルタ>描画>雲模様1 これを汚れた感じの紙のベースにします。 次に新規レイヤーを作成し、レイヤーを白で塗りつぶします。 このレイヤーに フィルタ>スケッチ>ノート用紙 紙っぽくなりましたが、上質すぎます(笑) もうちょいいじりましょう フィルタ>ブラシストローク>ストローク(スプレー) お、薄っぺらで繊維の不均一感が出たような気がします。 レイヤーの重なりを、焼き込み(リニア)にします。 うすら汚くなってレトロな紙になりました。 文字を入れる フォントはお好みで。 等幅フォントのほうが活字っぽくなると思うので、 ここでは、お手軽なMS明朝。 枠も作ります。 字詰めは0、役物処理も切ってこのように1

    Leonk
    Leonk 2012/01/26
    photoshop デザイン
  • めくれた紙のPhotoshopチュートリアル — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介

    紙を使用したサイトデザインをする際に気を付けたいのは安っぽくならないことです。 ワンポイント表現として、紙をめくれあがった感じにすると雰囲気が出ます。 紙の質感をだす まず初めに四角の新規レイヤーを作成します。 レイヤースタイル[光彩(外側)]に[描画モード:通常][不透明度:20%][色:#000000]を指定し、エレメントは[サイズ:5%]にします。 次にグラデーションを上の方だけにグレーを敷き、質感を表現します。 こんな感じになります。 めくれた感じを表現 出来上がったレイヤーの端を三角形にカットし、新規レイヤーにコピーします。 このレイヤーがめくれた部分になります。 三角形を自由変形で反転させ、紙レイヤーの内側に配置します。 このままだと直線すぎるので、左端を楕円形に削除します。 ペンツールを使用すれば微妙なラインを描けます。 レイヤースタイル[光彩(外側)]に[描画モード:通常]

    Leonk
    Leonk 2012/01/26
    Photoshop デザイン 紙 めくれ
  • ページの幅960pxを基準にして、設計するグリッドデザイン | コリス

    960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが

    Leonk
    Leonk 2012/01/26
    web デザイン
  • メジャーリーグの組織【ベースボールモンスター】

    Leonk
    Leonk 2012/01/26
    野球
  • Lunacore Photoshop Training - Old Poster tutorial (part 1/9)

    In this Photoshop tutorial we're going to create an old poster. The main purpose of this tutorial is to show you many different Photoshop techniques and a non-destructive approach by using many separate layers. The photograph that was used can be replaced by any other photograph, so you might even think about using this Photoshop tutorial for posters or cards with friends or family involved. The t

    Leonk
    Leonk 2012/01/26
    photoshop デザイン
  • Text Effects | Web Design Library

    Text Effects - Page 1 Text Effects- it is a great opportunity to realize your creative aspiration, turning a text into an original and unique masterpiece, enriched with unusual forms, colors and shapes. Creation of beautiful and effective text will help you to reflect your mood and to show all nice shades of text meaning or to make clear its hidden idea. Inscriptions made in different styles will

    Leonk
    Leonk 2012/01/26
    photoshop デザイン
  • 『破れた紙の作り方』

    【完成品】 ①白い長方形を作る ②[フィルター]→[ノイズ]→[ノイズを加える] ③以下のように設定してok ・量:10% ・分布:ガウス分布 ④[フィルター]→[ぼかし]→[ぼかし(ガウス)] サイズは3~5pixel位 /紙完成 -------------------------------------------- ⑤なげなわツールで輪郭をぎざぎざにするようにして 紙を適当なサイズに切り取る。 ⑥指先ツールで切り取った輪郭線を外に向けて伸ばすようにして破れた雰囲気を出す。 サイズは4~5pixel位 /破れ加工完成 -------------------------------------------- ⑦お好みで立体感が出るよう影をつける。 影は同じものをコピーして、黒く塗りつぶして、輪郭をぼかして 紙の後ろにおけば完成! 参考URL http://www.myjanee.com/

    『破れた紙の作り方』
    Leonk
    Leonk 2012/01/26
    photoshop デザイン
  • 紙を破いたような感じ(Photoshop Elements)

    今回は紙を破いたような感じの作り方です。 やってみると簡単にでき、スタンプと共に最近ハマってしまいました♪ →先日池の写真を撮ったのですが、右下部分がちょっと汚かったので、写真を破いた風に……。 種明かしすると、けっこう簡単にできるので、「な~んだ…」って感じなんですけど……。 とりあえず、リクエストがありましたので紹介しておきます。 要は、破いた感じにしたいものをそれっぽいブラシの消しゴムで消すだけです。 ……と…、一言なんですけど、頑張っていつもの如く、長々と説明入れてみましょう! 加工したい画像を開きます。 レイヤーパレットは「背景」になっていますので、ダブルクリックするか、右クリックして「背景からレイヤーに」を選んで画像を「レイヤー」に変更します。 ①消しゴムツールを選びます。 ②「▼」をクリックして「選択したブラシプリセットを表示」します。 ③「▼」をクリックして、ここでは「初期

    紙を破いたような感じ(Photoshop Elements)
    Leonk
    Leonk 2012/01/26
    photoshop  デザイン
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    Leonk
    Leonk 2012/01/26
    photoshop デザイン