モリサワWebフォント「TypeSquare」が文字詰めに対応！デザイナー、デベロッパー必見のカーニング機能。 - MdN Design InteractiveモリサワWebフォント「TypeSquare」が文字詰めに対応！デザイナー、デベロッパー必見のカーニング機能。 新規会員登録 ログイン管理 Twitter facebook はてなブックマーク RSS 2024.7.3 WED
フィルターを重ねて自然な活字風の文字を表現 - MdN Design Interactive
ふつうに入力した文字でも、ちょっとした質感をプラスすることでデザイン全体の雰囲気を高めることができる。しかし、実際に手作業でつくるとなるとたいへんで手間もかかる。ここでは、インクのにじみや質感を表現した活字風の文字を作成する。ファイルサイズは100（W）×70（H）mm、解像度は350dpiで作業する。 ①下地となる文字を作成 まず、テクスチャ感のある下地の紙をPhotoshopで開いたら（左）、新規レイヤーを作成して白で塗りつぶす。次に、横書き文字ツールで文字を入力したら、前面の文字のレイヤーとその背面の白で塗りつぶしたレイヤーを結合し、［描画モード：乗算］にする（右） ②文字のエッジを滑らかにする 次に、描画色を黒、背景色を白に設定したら、“ブラシストローク”→“はね...”フィルターを［スプレー半径：8］、［滑らかさ：8］にして適用（左）。続いて、“スケッチ” →“スタンプ...”フ
こんなオフィスで働きたい！ 第2回Google(前編） - MdN Design Interactive
オフィス潜入リポート「こんなオフィスで働きたい！」 第2回 グーグル（前編） 後編はこちら ＞＞第2回 グーグル（後編） すでに私たちのインフラと化した強力な検索エンジンを皮切りに、Webメール、マップ、動画共有サイト、Webブラウザなど、幅広いオンラインサービスを提供してきたIT企業の雄、グーグル。日常的にイノベーションが巻き起こる自由で開放的なオフィスは、見晴らしのいい六本木ヒルズの26階。先ごろ移転したばかりの、このユニークな空間を訪れた。 ●グーグル株式会社 1998年9月、現製品部門担当社長ラリー・ペイジと現技術部門担当社長サーゲイ・ブリンの2人によって共同設立。現在は世界中に63カ所のオフィス、2万人以上のスタッフを擁する。提供するサービスには世界屈指のWeb検索機能をはじめ、Gmail、Google Earth、Google マップ、YouTube、Google ブックスなど
MdN Design｜総合情報サイト
飽きさせないレイアウトやちょっとした一工夫で、デザインをよくするテクニックをビジュアル重視で紹介。実践的なWebデザインを通して、デザインを構成していくための考え方を学ぼう。 （解説：佐藤好彦） Webデザインは、PCのディスプレイという二次元上に表示される。二次元の範囲を超えて表現することはできない。しかし、三次元の現実世界を写したものだ。つまり、Webデザインの中に写真を使うことは、現実世界のもつ三次元の奥行きを二次元に取り込むということでもあり、写真を効果的に使うことで、二次元のWebに三次元的な奥行きを感じさせることが可能になる。とはいえ、写真も最終的には二次元であることに変わりはない。なぜ写真に奥行きを感じるのか。その多くは、ものの見える角度、影、ぼけに影響される。 遠近法の絵画に見られるように、正面を向いているものよりも、斜めに置かれたもののほうが、遠近感を感じやすい。加えて影
2階調化でイラスト風に加工する - MdN Design Interactive
基となる写真素材を用意 1-1 まず最初に、Photoshopで象のおもちゃの写真を開いたら1-1、レイヤーメニュー→“新規”→“背景からレイヤーへ...”を実行し、背景レイヤーを通常レイヤーに変換しておく。さらに、ペンツールを選択し、ツールオプションバーの［パス］をオンとしたら、象を囲むようにパスを作成した。 2階調化でイラスト風に加工する 2-1 2-2 Lesson1で作成したパスのサムネールを、commandキーを押しながらクリックして選択範囲を作成。次に、選択範囲メニュー→“選択範囲を反転”で、選択範囲を反転したら、象のレイヤーを選択し、deleteキーを押して背景部分を削除した2-1。続けて、イメージメニュー→“色調補正”→“2階調化...”で、表示されたダイアログのカーソルを左側にずらし、プレビューを見ながら象の絵柄がわかりやすい程度に調整して実行しておく2-2。 ダブルトー
MdN Design｜総合情報サイト
第4回「CSS3を使ったより強く、より良い、より手軽なデザイン」 2010年01月05日 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：Stronger, Better, Faster Design with CSS3 http://www.smashingmagazine.com/2009/12/16/stronger-better-faster-design-with-css3/ 著者：ZURB 翻訳：中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています CSS3に関する前回の記事「Pushing Your Buttons With Practical CSS3」で、私たちはCSS gradients、角丸の囲み罫、ドロップシャドウなど、CSS3の新しいテクニックを使
MdN Design｜総合情報サイト
脱メタボなWEBサイトのススメ あれもこれも伝えたい、もっと華やかにしたい。そうしていつの間にか過剰なデザインと情報を詰め込んだサイトになっていないだろうか。余分なものが増えすぎたサイトは、さまざまな弊害を起してしまう。この特集では、サイトの余剰部分を見極め、シェイプアップさせる方法を紹介していく。
「Twitterを活用している全国Web制作会社リスト」 by. 編集部 - MdN Design Interactive - Webデザインとグラフィックの総合情報サイト
Twitterを活用している全国Web制作会社リスト 2009年11月4日（更新：2013年12月18日） TEXT：編集部 全国のWeb制作会社をTwitterでチェック！ 自社の制作実績を紹介したり、社員が日々の雑感をつぶやいたりと、Twitterをさまざまな形で活用してるWeb制作会社は非常に多く見られます。Web制作会社のTwitterアカウントをまとめましたので、各社がどのようにTwitterを活用しているか見てみてはいかがでしょう。Web制作の発注を検討しているWeb担当者の方もぜひご利用ください。 なおリンクや紹介内容は、2010年8月30日時点のものです。追加・訂正などの情報や掲載を希望される方は、ask-mdn-interactive@MdN.co.jpまでご連絡ください。 ※会社・団体としての公式アカウントのみ掲載しています ※住所は本社所在地をもとに記載しています ■
「デザイン関連のTwitterアカウントまとめ」 by. 編集部 - MdN Design Interactive
「デザイン関連のTwitterアカウントまとめ」 2009年9月29日 TEXT：編集部 国内のデザイン関連イベント・団体アカウントと デザイン制作に関連したコミュニティのアカウント一覧 Twitterに参加している国内のデザイン関連イベント・団体アカウントと、制作に関連したコミュニティのアカウントをリスト化しました。デザイン関連の情報をお求めの方は、フォローしてみてはいかがでしょう。 公式・非公式の区別は行っておりませんので、あらかじめご了承ください。また追加・訂正などの情報がありましたら、MdN InteractiveのTwitterアカウント@MdN_tsushinまでご連絡ください。 イベント・団体 ●CROSS http://twitter.com/cross_event ふたつのすばらしいプロダクトを交互に紹介して、その魅力や特長をスピーディに知ることができる場を提供するWeb
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
MdN-Designer meets Designers
テーマは「WEB制作に欠かせない知識と技術の新標準 ～HTML5・ブラウザ動向・Twitter、etc.～」 8回目となる今回は「WEB制作の知識と技術の新基準」です。成熟期に入ったと言われるWebの世界ですが、来る2010年、大きな変化が訪れようとしています。Webは最新のテクノロジーに影響を受けやすく、つい昨日までの知識が一瞬にして古くなるものです。イベントだからこそ聞ける貴重な話が満載のセッションを4つご用意しました。本イベントで2010年の必要な知識と技術を身につけてください。 ●SESSION 1「HTML5の現状と変化への準備－今からできる取り組み－」 次世代HTMLとして注目されているHTML5を解説します。文書構造を書くマークアップとしての側面と、インタラクティブコンテンツ作成に役立つ周辺仕様が存在するHTML5を、どのように捉えて使いこなすのか。今からできるHTML5時代
第3回 サイバー・バズのクリエイティブアイデア製造工場 - MdN Design Interactive
こんにちは。やっと梅雨らしくなってきましたね。西日本は水不足が深刻なようなので私も実家が心配です。それはさておき、当連載第3回・4回では、弊社が この1年間でアイデア力を高めてきた要因でもある「アイデア製造工場」について紹介していきます。第3回は『にょっきラボ』の屋台骨となるアイデア収集術 とアイデアストック会議の様子について、第4回は『にょっきラボ』そのものについてです。では、さっそく第3回は弊社のアイデア製造工場の屋台骨となるアイデア収集術とアイデアストック会議についてお伝えしましょう。 ［プロフィール］ 宮崎聡(みやざき そう) バズマーケティング専門会社である株式会社サイバー・バズ 代表取締役社長。最強の組織づくりを僕の最大のクリエイティブミッションに掲げており、経営者としてそんな組織のつくり方をライフハックとして紹介していきます。 Blog: http://ameblo.jp/j
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シーズン到来!! クリエイターのための確定申告 MdN Interactive - 特集4
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選