ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ
こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基本的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ！ ちょっと待って文字詰めって何？ まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基本的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し
【フォントの些事】第2回 Photoshopでの文字詰めとフォントのボディについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、デザイナー兼イラストレーターのもりたです。 前回の「【フォントの些事】第1回 インストールする前に確認したいフリーフォントの基礎知識」で次回予告したものがうまくまとめられなかったので、今回は第3回で予定していた、Photoshopのフォントと文字ウィンドウについて書きます！ 普段仕事でPhotoshopを使ってる人でも、文字ウィンドウはその数値が何を指しているのかよくわからないまま使っていることが多いんじゃないでしょうか。 特に文字詰めに使用する「カーニング」「トラッキング」「ツメオプションの設定」の違いがいまいちよくわからない。 例えば「ツメオプションの設定」の「100％」という数値は、文字のどこを基準に何が100％詰まるの？とか。「トラッキング」の数値って何を基準に100なの？ピクセルじゃないしな？とか。 正直に言っちゃえばWebでは文字詰めをそんなに細かく設定することがないの
Photoshop CC の画像書き出しを比較してみた。
先日Photoshop CC 2015がリリースされ、画像の書き出し関連がまた変更になりましたね。 Webデザイナー＆コーダーの皆さんは、普段画像の書き出しにどの機能を使っているでしょうか？ CS6・CC・CC2014・CC2015の各バージョンで少しずつ搭載されている機能に違いはありますが、現在PhotoshopからWeb用画像素材を書き出す方法としては下記の4つの方法が考えられるかと思います。 スライス→Web用に保存（CS6〜） Generator機能→画像アセットの生成（CC〜） アセットの抽出（CC 2014） 「新」書き出し機能（CC 2015） 私は長らく1の「スライス→Web用に保存」を愛用してきましたが、昨年あたりからもっぱら2の「Generator機能による画像アセットの生成」を使うようになりました。 ▼「画像アセット」 まず「Web用に保存」と比較した場合の「画像アセ
国民健康保険税が高いので、多くの人が安くなる方法を。
ブログの主題と全然関係ないけど、ウェブ制作な人とかイラスト描いてご飯食べてるフリーランスの人には意味の有る内容なのかなーと思ったので簡単にでも書いておくです。 ちなみに、現状で年間20万以上払ってる人が安くなる内容です。 20万って言うと、所得ベースで年間200万ちょい稼いでれば超えてしまう額だと思われますが、住んでいる地域によっても差が大きいので、その辺りはちゃんと調べた方が良いかなーと。 会社員からフリーランスになると大抵の人が社会保険から国民健康保険に切り替える訳ですが、多分皆思うのです。 『国保、たっけぇえっぇえΣ(ﾟДﾟ；』 でも、他に選択肢が無いと思ってたり、そう言う物だと思い込んでるから、仕方なく払う感じですよね。 ボクはそんな感じでした。 住民税もそれなりに高いけど、まだその使い道を考えれば納得できる部分が有れど、保険が収入に対してどんどん上がる国民健康保険税は納得が行かな
「好きなように生きる」ために。してはいけない30のこと
欧米で、幸せに生きる為に「自分にしてはいけないこと」をまとめたサイトが大変な話題を呼んでいます。これはマルクとエンジェルという男女のライターが書いている「人生を楽に生きるコツ」についてのブログから厳選されたもので、添付された美しい写真の力もあって、多くの人から絶賛を受けているようです。 1.「間違った」人と時間を過ごさない 人生は短く、あなたから幸せを奪うような人に時間を費やす余裕はありません。誰かがあなたを必要としているのならば、あなたのことをきちんと評価してくれるはずです。他人の評価というのは、あなた自身が努力して勝ち取るべきものではないのです。あなたを過小評価する人に対して、認めてもらうように主張するのは時間の無駄です。あなたが最高の状態の時に一緒にいてくれる人ではなく、あなたが最悪の時に一緒にいてくれる人こそが、あなたの真の友人なのです。 2.困難から逃げない 何か問題があればそれ
【今すぐ役立つ行動心理学】サイトの売上に繋がる手法28選！ | LISKUL
マーケティングでは、顧客心理を読み解くことが戦略策定のもっとも大切なポイントの一つです。 その顧客心理を読み解く一つの方法として「心理学」が応用され、人間の「性質」や「本質」をもとにしたマーケティング戦略が考えられてきました。 ただ、この心理学がWEBマーケティングにおいて活用されることはまれでした。 そこで、今回はWEBマーケティングに役立つ行動心理学の手法を8つに厳選してピックアップ。 それらが実際に活用されている企業サイトを集めて重要エッセンスを抽出しました。 そしてさらに勉強したい方に向けて、もう20個の行動心理学の効果と実用方法をまとめました。 ウェブサイト上で行動心理学がどのように使われているのか、実例を参考にしながら、ぜひ自社サイトやブログにも導入してみて「ついクリックしてしまう」サイトを目指していきましょう！ Webサイトの改善策を”自動”で提案！売上向上に繋げるサービス『
リスティング広告担当者がチェックしているサイトと便利ツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 2年前の大みそか、新しい年まであと数秒のときにチョコレートを食べていたら気管に入り、本気でむせながら新年を迎えたきょうへいです。 少し前に「リスティング広告担当者がチェックしている運用に役立つサイト10選」という記事を書かせていただきました。 今回は、上記の記事では紹介しきれなかったリスティング広告関連の有益な情報を手に入れることができるおすすめのサイトをピックアップしました。 リスティング広告運用に役立つサイト 1. SEMHAKs http://sem-hacks.com/ 「ryota fujisawa」さんが運営しているブログ。 更新頻度が高く、Google Adwords、Yahoo!プロモーション広告、GDN、YDNなどリスティング広告に関連する情報がたくさんあります！ 2. アドリス http://marketer.jp/ 「株式会社Ad Listing」さんが
税務署は雑魚を相手にしない - フリーランス最強説の証明
皆さん、お久しぶりです〜。約3ヶ月ぶりのBlog更新となってしまいました（汗）。 (ﾟДﾟ)<<( お〜お〜、月刊誌どころか、季刊誌になりよったか！ ) ･･･いや〜面目ない。前二回のネタですっかり力尽きたというか、やりきった感があってですね。しかもやりきったネタなのに、反響があるのはTwitterでお付き合いのある一部の人のみでして･･･何だか脱力感に見舞われておりました(･ω･;)。 まあ、不慣れな社会貢献ネタだったというのも、我が気力を奪った要因かもしれません。今後はもっと、本業であるゼニカネにまつわるネタを中心に、更新していこうと思います。ちなみに、次回もまた別の意味で面白いネタがあるので、そう間も開かずに更新できると思います。 (ﾟДﾟ)<<( 御託はいいんだよ！さっさと始めろ！ ) ハイッ！･･･毎度ながら前置きが長いですね、私って(^_^;)。 では本題。今回は実体験を交えて
すべての若い人に読んでほしい、今季のアメリカで最高の「卒業生に贈るスピーチ」 - ICHIROYAのブログ
はてなブックマークを見ていたら、ドロップボックス社ＣＥＯのドリュー・ヒューストン（Drew Houston）氏のMITでの卒業式のスピーチが良かったという記事が人気を集めていて、興味深く読んだ。 「人生のコツはこの３つだけ」Hiro Blog 彼は1983年生まれ、現在30歳である。 若くして大成功をおさめた天才起業家であり、その彼の話なので、もちろん、とても説得力がある。 しかし、もうひとつ、この卒業式シーズン（アメリカの）に、大きな感動を生んだ、卒業生に贈られたスピーチがある。 それは、作家、George Sanuders氏によって、Syracuse Universityで行われたもので、全文がネット上に書き起こされている。（原文はこちら） （Googleで検索すると、なんと何万、何十万件もヒットする。それほど、急速に共有されている） (追記：動画も上がっています：コメントで教えていた
デザイン時に気を付けたい目的と手段の取り違え
デザインする時、手段ばかり追ってしまい、「( ﾟдﾟ)ﾊｯ!そもそもの目的ってなんだっけ」ってなりがちなので、気を付けたいなと思いまとめてみました。 1. 目的をしっかりと認識する 例えば、上のようなボタンをデザインしたとき、「もっと目立つように大きく、色も赤とか目立つ色にしてください」という修正指示を受けたとします。 「目立たせる」という目的の解決策として、「大きくする」、「赤などの目立つ色を使う」という2つが考えられています。そしていつの間にか、これらの解決索が目的にすり替わっていることが無いでしょうか。 「大きくする」、「赤などの目立つ色を使う」ことを行えば目的を達成できるかのように錯覚するのですが、その解決策は本当に最適かを考える必要があります。そもそもの目的は「ボタンを目立たせること」で、その解決策は他にもあります。 2. 他の手段も考える 「目立たせる」ためには、差別化する、近
Webデザインのスキルを磨こう！Webサイト模写のススメ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない） もし模写するときはどう
デザイン作業のスピードアップ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。 弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。 今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。 では実際にバナーデザインを例に紹介します。 1.構成要素を全部置く まずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。
複数の住所を地図(Google Maps)上に一括表示。 (本日のコラム。 - sanadas.net -)
複数の住所を地図(Google Maps)上に一括表示。 [変更履歴] [Info:2006/11/06] 住所リストをサーバにアップする必要のないヴァージョンも作ってみました いまや地図サービスも数多くあり，住所から地図を表示するなんてことはたやすく出来る． ただ，複数の住所を地図上で同時に確認するようなサービスはひとまずない． 複数の住所の位置関係を地図上で確認できたら面白いのに。。。 と思ったので，住所の一覧をGoogle Maps上にプロットできるようにしてみた． 住所一覧ファイル： 横浜の区役所一覧をテキストファイルでアップロードした結果がこちら→横浜市区役所一覧． この仕組みは以下のようになっている． 住所から経度・緯度への変換はCSVアドレスマッチングサービスを利用． (2006/04/18追記) 最初に地図を表示する時，該当エリアを中心にズームさせて表示を行うように変更。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OneTab - Shared tabs
新着記事