タグ

photoshopとWeb制作に関するneo16teaのブックマーク (7)

  • Flipsblog.jp

    サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

    Flipsblog.jp
  • Webデザインが3倍速くなる!Photoshop神速テク4つ

    カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して

    Webデザインが3倍速くなる!Photoshop神速テク4つ
  • WebデザイナーとPhotoshop【後編】 基礎の「き」を修めよう! | Web屋のーりー

    Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/nori44/nori44.jp/public_html/blog/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524 前回のWebデザイナーとPhotoshop【前編】に引き続き、この【後編】でもウェブサイトをPhotoshopで作っていく流れを追っていきましょう! もくじ レイアウトがだいじ、というお話 レイアウトは、とにかくだいじです 写真素材をそろえる 写真の配置 写真にマスクをかける シェイプツールでパーツを作る 写真のサムネイ

    WebデザイナーとPhotoshop【後編】 基礎の「き」を修めよう! | Web屋のーりー
  • Photoshopでカンプを作る方法 - ウェブ学のすすめ

    【1】新規作成 ↓サイズを設定 【2】定規を表示 「表示」→「定規」 「Ctrl」+「R」 【3】ガイドを引く 定規からガイドをドラッグする 「表示」→「新規ガイド」 ↓数値でガイドの位置を指定できる ※ガイドの色を変更するには 環境設定→「ガイド・グリッド・スライス」→「ガイド」→「カラー」を変更 【4】ガイドを固定する ガイドを引き終わったら動かないようにロックする 「表示」→「ガイドをロック」 「Alt」+「Ctrl」+「:」 【5】授業で作ったカンプ 他にシェイプやテキストを配置する ↓ガイドあり ↓ガイドなし

    Photoshopでカンプを作る方法 - ウェブ学のすすめ
  • Beautiful Watercolor Effect Tutorial and Photoshop Brushes

    2014年3月6日 Photoshop, Webデザイン 水彩画っていいですよね。なんだかほんわかした雰囲気が大好きです。ということで今回はPhotoshop CS5を使って画像を水彩画風に加工する方法と、便利なPhotoshopブラシ、水彩画風デザインのWebサイトを紹介します。デザインの参考にしてみてください! ↑私が10年以上利用している会計ソフト! 写真を水彩画風に加工する方法 また動画撮ってみました。ただでさえ時間かかってないのに、4倍速にしたら30秒くらいになっちゃいました。簡単なのでぜひ試してみてくださいね! 1. ぼかし 画像を開いて、そのレイヤーを複製します(コマンド+J)。 複製したレイヤーを「blur」にレイヤー名を変更します。 フィルター > ぼかし > ぼかし(詳細)で、「半径」を10、「しきい値」を25〜30に設定します。 2. エッジの光彩 元の画像レイヤーを

    Beautiful Watercolor Effect Tutorial and Photoshop Brushes
  • Photoshopでクリッピングマスクを使う方法 / ウェブデザインライブラリー

    投稿日:2010年07月23日   レベル:初級者    ソフトウェア: このチュートリアルでは、クリッピングマスクを使う方法を紹介します。 Step1 : 画像を開いて、文字をかく Step2 : 画像が映った文字をつくる Step3 : ドロップシャドウを適用する Step4 : 色を変える Step5 : 完成

  • いい感じの水彩テクスチャ色々270種:phpspot開発日誌

    いい感じの水彩テクスチャ色々270種。 水彩にすると手作り感が出ていい感じにできそうですが、そうしたテクスチャが色々とまとまっていましたのでご紹介。 1から水彩を出してきて取り込みっていうことをやるとすると大変なことですが、こうして素材があれば簡単に水彩の表現が出来ますね。 リンク先は以下から参照してください。 270 Sets Free And Beautiful Watercolor Textures 関連エントリ フリーテクスチャを色々探せるサイト「Texture Lovers」 フリーのテクスチャが200近くある「love textures」 ハイクオリティな50のメタルテクスチャ集 いい感じの手作り感が出せる紙のテクスチャ素材色々

  • 1