タグ

デザインに関するhatifuiのブックマーク (13)

  • Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方

    creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして

    Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
    hatifui
    hatifui 2012/09/04
    フォトショの画像調整の基本
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

    dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
    hatifui
    hatifui 2012/08/28
    思考のメソッド
  • ゼロからゲームアプリつくった後の大事なメモ

    こんにちは、ゲームチームのキノです。 先週、カジュアルゲームアプリ「なぞダン -なぞるだけダンジョン-」がApp storeで公開されました!!!! ひとさしゆびだけの超シンプルな(でもムズイ)ダンジョンゲームです! 過去にキャンペーンの一環などでゲームは何度かつくってきましたが、 今回が初の企画段階からのモック含めた参加になるので、学んだことや役立ったを書いておきます。 あとは地味にデザイナー向けにアプリ制作のtipsなど。 意外と長くなってしまったので、週末にじっくりお読みください〜 アプリは無料!!こちらからダウンロードできます。 それでは記事の続きをどうぞ〜!! 素材の話 いつも数字忘れるので アイコン (なにか見覚えのある階段的なアイコン) アイコンはかなり肝いりです。 気をつけている点は 1キーワードで言い表せるか フレームと世界観はあってるか 類似アプリより突出しているか 画

    hatifui
    hatifui 2012/08/25
    アプリ作りに大事なこと
  • イラレアイコン

    イラレアイコン
    hatifui
    hatifui 2012/08/05
    イラレでアイコン作成計画
  • IllustratorとPhotoshopでの画像のいじりかた

    元の絵を利用してシンボルマークみたいに加工したり それをパターン化したり、パターン化したものをバラしたり あとはPhotoshopのベタ塗りレイヤーなんかを使ってみたり デザイナーの井上のきあさんが色々解説してくださいました。 (色々わかりやすいように時系列を少し前後させています)

    IllustratorとPhotoshopでの画像のいじりかた
    hatifui
    hatifui 2012/07/19
    イラレとフォトショで画像のロゴ化
  • http://handywebdesign.net/2012/07/12colors-give-you-the-impression/

    http://handywebdesign.net/2012/07/12colors-give-you-the-impression/
    hatifui
    hatifui 2012/07/11
    12配色の基本講座
  • Photoshopで理論的に配色はできないものか検証してみた

    最近は配色を作れるジェネレータや配色をシェアするサイトが多数あり、簡単に配色を作ることができます。ただ、そういうのに頼らずにもっとPhotoshopだけで理論的にできないものかと思い検証してみました。 動機 配色を作れるツールっていまいち使いこなせてないし、自分がイメージしてる配色をPhotoshopで理論的に作れたら楽だなと思って。 結論 最初に結論を述べます。 Photoshopで色相を使った配色は基的には難しいです。(できなくはないが非常に手間がかかる) 彩度・明度を使った配色は簡単にできる。 また、トーンを使った配色ならそれなりにであればできる。という結論になりました。 Photoshopの表色系の落とし穴 色相を順序立てて円環にして並べたものを色相環と言い、色相環の反対の位置が補色となります。 つまり基準となる色に180°足した色が補色になります。 ところが下記のようにPhot

    Photoshopで理論的に配色はできないものか検証してみた
    hatifui
    hatifui 2012/07/09
    フォトショの配色検討
  • 【教えてサトジュン先生】OPやEDアニメーションを作る時に、どのような部分に気をつけて作られているのでしょうか?

    MG Plus @zetial .@satojumichi 【教えてサトジュン先生】OPやEDアニメーションを作る時に、どのような部分に気をつけて作られているのでしょうか?毎回流れるものなだけにキャッチーで印象に残るものも多く、編とはまた別に気を遣う部分もあるかと思うのですが。 2012-07-08 02:59:40 MG Plus @zetial .@satojumichi 【教えてサトジュン先生】(続きです)実は昨晩開催された佐藤竜雄監督のバースデーイベントでも同様の質問をしたところ回答して頂きまして、なるほど!と思い、ならば他の方のご意見はどうなんだろう?と質問させて頂きました。差し支えなければ教えて頂けると幸いです。 2012-07-08 02:59:59 MG Plus @zetial この質問はず~っとしたかったものでした。アニメのOPやEDって、どれもカッコいいじゃないです

    【教えてサトジュン先生】OPやEDアニメーションを作る時に、どのような部分に気をつけて作られているのでしょうか?
  • 配色に悩んだときに、きっと役立つ7つの配色技法【基本】

    私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基的な7つの配色技法を紹介したと思います! 基的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色

    配色に悩んだときに、きっと役立つ7つの配色技法【基本】
    hatifui
    hatifui 2012/06/29
    悩んだときのカラーの基本講座
  • Illustratorを覚えたいと思っている人へおすすめ記事

    これからIllustratorを始めてみようとい... / Illustratorチュートリアル【女の子】 ... / 手書き風・イラスト系のwebデザインに挑戦する方...他...全9件

    Illustratorを覚えたいと思っている人へおすすめ記事
    hatifui
    hatifui 2012/06/25
    イラレのお奨めサイト情報
  • IllustratorをWeb向けに利用するときには、ピクセルプレビューをオンにして使います|DTP Transit

    IllustratorをWeb向けに利用するときには、[表示]→[ピクセルプレビュー]をクリックして、ピクセルプレビューをオンにして使います。 これを使わない場合、左のようにボケてしまいますが、ピクセルプレビューがオンになっていると、右のようになります。 Illustrator CS5以降は、次の方法でもOKです。 [変形]パネルのパネルメニュー内の[新規オブジェクトをピクセルグリッドに整合]にチェックをつける 新規ドキュメントを作成時、ドキュメントプロファイルで「Web」のプロファイルを選択する →[新規オブジェクトをピクセルグリッドに整合]にチェックが入ります。 ぶっちゃけ、Illustratorはスライスなどが使いにくいので向き不向きでいうと、あまり向いていないと思うのですが、下記などの設定についてはおさえておくとよいと思います。 ご参考: IllustratorでWeb向けの作業を

    IllustratorをWeb向けに利用するときには、ピクセルプレビューをオンにして使います|DTP Transit
    hatifui
    hatifui 2012/06/11
    イラレweb製作設定
  • html5-memo.com

    html5-memo.com
    hatifui
    hatifui 2012/06/11
    フォトショショートカットキー
  • Basic Logo Design Process

    2013年3月25日 Webデザイン 企業のイメージを明確にすることを「ブランディング」と呼びます。企業ロゴはそのブランディングが色濃く反映され、企業のイメージを左右する重要な部分です。今回は「ロゴとはなんぞや?」というところから、私のロゴを実例に、ロゴの制作手順を紹介しようと思います。 ↑私が10年以上利用している会計ソフト! 先日「ロゴデザインする時の参考に!ロゴデザインギャラリーのオンパレードと注目記事色々!」という記事内で、なるほどな、と頷ける文章に出会いました。 WEBサイトは、エンドユーザーに伝わらないデザインだとわかればリニューアルするけど、ロゴデザインはエンドユーザーに伝わらないからと言って作り変えることは殆ど無い。それはつまり、ロゴはお客様の為に作るんじゃないと、ロゴは自分たちの意思や考えの象徴でもあるからそんなに簡単に変えるわけにはいかない、自分たち(ロゴに込められた物

    Basic Logo Design Process
    hatifui
    hatifui 2012/06/06
    ロゴデザイン
  • 1