タグ

webとDTPとtipsに関するguldeenのブックマーク (8)

  • 細かすぎて伝わらないアンチエイリアスの話

    はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい:photoshopのアンチエイリアスについては、基的には5種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の5種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の4つに関しては シャープ:文字が太い / くっきり 鮮明:文字が細い / くっきり 強く:文字が太い / なめらか 滑らかに:文字が細い / なめ

    細かすぎて伝わらないアンチエイリアスの話
    guldeen
    guldeen 2014/02/05
    『細かい調整をきっちりやれば、「シャープ」や「鮮明」よりも「強く」や「滑らかに」の方が、文字をくっきりさせられる』うーん、たしかに1px落ちで見栄えが違うとなると、これは気をつけたい点。
  • Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG

    こんにちは、デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください! 独学でつまずいていませんか? Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた

    Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
    guldeen
    guldeen 2013/05/07
    LIGってことで、またどっかでギャグ要素が炸裂するのかと思ったら、意外と(失礼!)マトモに使えるテクでびっくりした。
  • WEBデザイナーが陥る印刷用データ入稿の3つの落とし穴

    あなたの入稿データは、大丈夫? 印刷会社が教える、デザイナーに気を付けて欲しい データ入稿の落とし穴。あなたのデータはちゃんと印刷されるか? 印刷通販を運営する印刷会社には、 全国から様々な「入稿データ」が送付されてきます。 その中には、印刷に適していないデータも多く存在します。 デザイナーとして、販促・プロモーションツールを 自分のイメージ通りに完成させるために、 押さえておきたい印刷入稿データの3つのポイントをご紹介します。 1 裁ち落ちに気を付けろ 最も基的なことの1つですが、デザインによって、 印刷をする際は、実際の仕上がり領域よりも大きく外側に 「塗り足し(ドブ)」と呼ばれる部分が必要です。 それでは、A4のチラシを製作する場合を例にご説明します。 まず、最初に知っておいていただきたいことがあります。 A4の印刷物を作るとき、印刷会社はA4の紙には印刷しません。 必ず、A4より

    WEBデザイナーが陥る印刷用データ入稿の3つの落とし穴
    guldeen
    guldeen 2012/06/18
    いわゆるCMYK印刷での『余白・塗り重ね』部分に対する措置や、トンボ。実際に印刷を経験してないとトラブル要素になるというか、特にオーバープリント等は印刷所がわのシステムに依存する事が多いので要事前説明。
  • Illustratorでピクセル単位の作業を奇麗に行うための方法(イラレのピクセルずれ問題) - フリーでWebデザインとかやってる紳士。

    2017年の追記(CC2017向け) 次の点に留意して作業すればOK。基的にイラレのピクセル周りの扱いはモリモリ改善されているのでだいぶ楽になった。 次セクション「2016年の追記」との違いだけを列挙する。 変形パネルの「ピクセルグリッドに整合」と「新規オブジェクトをピクセルグリッドに整合」が廃止され、あらたに「コントロール」バーの一番右に「ピクセルのスナップオプション」が追加された。これをオンにする。またその中の詳細項目にも全部チェックをつけておく。 それでも作業中に何かのはずみであるオブジェクトが整数ピクセルじゃない状態になったら、「ピクセルのスナップオプション」の隣にある「選択したアートをピクセルグリッドに整合」ボタンをポチして位置調整する。私は今までコントロールバーは邪魔なので非表示にしていたが今はこのボタンのためだけに表示している(スクリプトでなんとかなりそうな気もするが調べて

    Illustratorでピクセル単位の作業を奇麗に行うための方法(イラレのピクセルずれ問題) - フリーでWebデザインとかやってる紳士。
  • 1年目デザイナーに読ませたい配色の考え方を学べる記事

    配色センス0でも大丈夫!?服、インテリア、デザイ... / Webサイト制作において、私なりの色選定の考え方... / 色と人の感覚とウェブデザインのはなし - バニデ...他...全10件

    1年目デザイナーに読ませたい配色の考え方を学べる記事
  • わりと面倒な後光を超簡単に10秒で描く方法 for Illustrator – poyosi.com

    後光のぽよしアイコンで話題の@poyosiです、こんにちは。(そんな話題見たこと聞いたことない) 後光をイラストレーターで描くのってわりと面倒で、三角形を作ってくるくる回してる人もいるかと思いますが、そんな面倒な後光をサクっと作ってしまうテクニックをご紹介します。 ちなみに「後光」と言うとちょっとださい感じがするので合コンでは「バックフラッシュッ!」とか「サンバーストッ!」とまるで必殺技のように言うときっとモテると思いますよ。 イラレで超簡単に後光を描いてみましょう。 円を描く ここでは背景なしの線のみで、例として「200px」×「200px」の正円を描きます。 線幅を設定する 線幅を、円と同じピクセル数にします。ここでは「200px」ですね。 破線を設定する そして、破線をお好みのサイズで追加すると…もうそれっぽいのができます!やばい超簡単ですね! パスに変更する このままでは扱いづらい

    guldeen
    guldeen 2012/04/19
    発想がまるで、パズルだな…。俺がこのパターンを作った時は、『スター(星型)ツール・頂点の数→60』とかで、内側の点をまとめて選択→縮小・このパターンを円と重ねてくり抜き、とかやったけど。
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    guldeen
    guldeen 2010/03/06
    自分で実際に使いこなせない事には宝の持ち腐れになるので、あとでまた練習しとこう。
  • クオリティーの高いillustratorのブラシ30 – creamu

    DESIGNM.AGで、クオリティーの高いillustratorのブラシが紹介されています。 ざっといくつかご紹介。 ↑はIllustrator Watercolor Brushes。 Illustrator Paint Brushes Watercolor Illustrator Brushes Scatter Brushes – Set 2 Romantic Borders Brushes その他のリストは以下からどうぞ。 » 30 Sets of High-Quality Adobe Illustrator Brushes 最近ジムに行けてないから行こうっと。

  • 1