タグ

設定とwebデザインに関するeeennnoooのブックマーク (4)

  • 初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color

    はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします! もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ(エッジを整列)」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…! CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください! 1.

    初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
  • リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。

    こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック

    リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
  • <チェック表>WEBサービスを立ち上げるまでにやらなければならないこと - プログラマー幸福論

    WEBサービスを立ち上げるまでに、やらなければならないことを自分用にまとめてみました。少人数でやっていると、いろいろやらなければならないことが多くてつい忘れてしまいがちですよね。 1) サービス名決定 サービス名とキャチフレーズだけは、最初に決定しておいた方がいいです。思いつかない場合は、TOPページのワイヤフレームを書きながら考えたりします。また、サイト名を Google などで検索してみて、ユニークな名前であるかを調べておかないと後で後悔したりします。 2) ドメイン取得/DNS反映 サービス名が決定したら、ドメインが利用可能か調べます。 最近では、.in や .me などを使った面白いドメイン名もありますよね。なるべく短く、覚えやすいドメイン名にします。 3) サーバー サービスを配置する、クラウドやレンタルサーバーなどからサーバーを選びます。 特殊なモジュールのインストールなどが必

    <チェック表>WEBサービスを立ち上げるまでにやらなければならないこと - プログラマー幸福論
  • かすれた質感を強調したクレヨンタッチのイラスト - MdN Design Interactive

    クレヨン風のタッチを表現するためのポイント クレヨンのかすれたテクスチャを再現する 線からはみ出るようにラフに彩色する 不透明度の高いはっきりした色で描く クレヨンで描いたようなタッチにするためには、いかにもそれらしいかすれ具合を再現することが大切だ。また、このかすれを見せるために、大きめのブラシを用いて、線からはみ出すようにラフに彩色するといいだろう。 クレヨン風のタッチを表現するためのブラシ設定 (クリックすると画像が大きく表示されます。) ここでは、[ドライメディアブラシ]の[ワックスクレヨン(厚塗り)]を使用して、クレヨンの質感を表現した。また、ペンタブレットを用いるときは、ブラシパネルの[その他]で[コントロール:筆圧]と設定しよう。 背景レイヤーを茶色で塗りつぶす 1-1 まず、イラストを描くためのベースをつくる。新規ファイルを1,240pixel四方のサイズで作成。続いて描画

    かすれた質感を強調したクレヨンタッチのイラスト - MdN Design Interactive
  • 1