Photoshopで色調補正してカラフルな写真のグラフィックを作る（ポップアート調）今回はPhotoshopの色調補正（色の変更）で、写真をカラフルな「ポップアート調」に演出する方法を解説します。何気ない写真を目を引くおしゃれなビジュアルにすることが可能で、色調補正の基本としても押さえておきたい手法の一つです。*本連載はPhotoshopで作る定番グラフィックの制作工程を一から手順通りに解説するHow to記事です。 ■使用する機能「グラデーションマップ」
シックな木目調でオフィスだけでなく家庭にも馴染みやすいプリンタ台をサンワダイレクトが販売 - MdN Design Interactive
サンワサプライ株式会社は、同社が運営している直販Webサイト「サンワダイレクト」にて、プリンタ台「100-LPS012M」および「100-LPS013M」を販売している。シックな木目調のデザインが特徴で、オフィスだけでなく家庭にも馴染みやすいプリンタラック。レーザープリンタやインクジェットプリンタ、消耗品を同時に収納できる。 両製品は天板のサイズが幅52cm/奥行き52cmで、小型のA3プリンタの設置に適している。全高が351mmの「100-LPS012M」は、総耐荷重が約55kg（天板：約40kg/底板：約15kg）で、販売価格が6345円（税抜）。全高が700mmの「100-LPS013M」は、総耐荷重が約60kg（天板：約40kg/中棚：約10kg/底板：約10kg）で、販売価格が6800円（税抜）だ。「100-LPS012M」は机の下に収納しやすく、「100-LPS013M」は一般
MdN Design｜総合情報サイト
Node.jsのインストールと 下準備 Node.js のインストールは、UbuntusやMacを利用するのが簡単だ【4】。ちなみに今回はMacとパッケージ管理システムMacPortsを利用してインストールしている。MacPorts のインストールは、Web サイトからpkg 形式のインストーラが配布されているので参照して欲しい【5】。 Node.jsには開発を便利にするパッケ ージが多数配布されている。これらの一括管理には、パッケージ管理システムnpm(node package manager)【6】を使うとよい。npmはMacPortsではインストールできないため、curlを利用してインストールする。curlのインストールはMacPortsで可能だ【7】【8】。 Node.jsでWebSocketを利用したい場合、Socket.ioが便利だ【9】。Node.jsのパッケージとして配布さ
MdN Design｜総合情報サイト
日々のデザイン現場で発生する問題・難題を解決します！ WEB制作トラブル速戦即決術！ 第14回 「IE7でページを拡大するとテキストとフォームが重なる」、「IE5やIE6の環境でAjaxがうまく通信してくれない」、「HTMLで確認すると外部画像が読み込まれない」など、Web制作で陥りやすいトラブルはよくある。そこで本特集では、Webデザイン、CSS、JavaScript、Flash、PHP、ディレクションのカテゴリーに分け、WEB制作全般で発生するトラブルと回避方法を紹介。Webデザイナーが陥りやすいトラブルを解決しよう。 Tweet Check 【お知らせ】「web creators」の公式ファンページがfacebookにできました。5/28発売のweb creators特別号「HTML5＋CSS3 次世代Webコーディングの超・最新動向」の情報をはじめ、Webデザインに関する最新情報・
トイカメラ風の味わいある質感と色調を表現 - MdN Design Interactive
写真表現 07 トイカメラ風の味わいのある質感と色調を表現 作品提供・解説＞諫山典生 使用ソフト＞Photoshop CS3/CS4 まず、ベースとなる写真をPhotoshopで開き、背景レイヤーをスマートオブジェクトに変換して複製。このレイヤーを［描画モード：オーバーレイ］、［不透明度：70%］とする 1-1 。続けて、レイヤーメニュー→“新規調整レイヤー”→“色相・彩度...”を選択。［下のレイヤーを使用してクリッピングマスクを作成］にチェックを入れて［OK］としたら、ダイアログ上で［色相］と［彩度］を下げ、写真のコントラストを強めて色合いに変化を出した 1-2 。
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Illustrator基本の10
Illustratorはイラストを描くうえでかかせないアプリケーションです。その機能や操作は数限りなくありますが、はじめからすべてをマスターするのではなく、まずは基本的な機能を集中しておぼえていきましょう。Illustratorの基本的な機能を確実にマスターすることが、Illustrator上達の近道と言えます。 Illustratorにはさまざまなツールがツールボックスの中にあり、これらのツールを使ってイラストやロゴなどを作成していきます。ここではIllustratorで作成されるオブジェクトの構成とともに、描画の基本的なツールを説明していきます。 ●Illustratorのオブジェクトを知ろう！ そもそもIllustratorで作成されてるオブジェクトはどうなっているのでしょう？ Illustratorは「ベクトルデータ」というもので構成されていて、オブジェクトの形状を数値計算で割り出
WEB API PROGRAMMING!：サンプルデータ
web creators 2009年11月号 WEB API PROGRAMMING!：サンプルデータ ＜注意書き＞ ※Web APIの仕様が変更されたなどの理由により、記事と動作が異なる場合があります。あらかじめご了承ください。 <?php /** * colourlovers APIに接続する * * @param string メソッド名 * @param array その他のリクエストオプション */ function request_colourlovers($uri, $options = array()) { $url = 'http://www.colourlovers.com/api/' . $uri; if ($options) { foreach ($options as $key => $val) { if ($val) { $str_params []= spri
描画モードを使ってカラフルに彩るファッショナブルな写真ビジュアル - MdN Design Interactive
まず、Photoshopの新規ファイル上に写真素材を配置し 1-1 、そのレイヤーを複製する。次に、複製したほうのレイヤーを選択して、“変形”→“光彩拡散...”フィルタを初期設定値で適用し、［不透明度：40％］に変更 1-2 。 1-1 1-2 続いて、レイヤーパネルで元の写真素材のレイヤーを選択して、なげなわツールで髪の毛の周りを大まかに囲み 2-1 、command＋Jキーで選択範囲内の画像を前面レイヤー複製する。このレイヤーを最前面に移動し、STEP1と同様に“光彩拡散...”フィルタを適用したら、［描画モード：スクリーン］に変更。ここで、不要部分は消しゴムツールで消しておく 2-2 。 2-1 2-2 その後、新規レイヤーを作成してブラシツールで髪の毛の部分を彩色したら 3-1 、レイヤーを［描画モード：オーバーレイ］に変更 3-2 。このレイヤーを複製して［描画モード：焼き込み
MdN Design｜総合情報サイト
第16回（最終回） 最新のデザイン表現を適用する ここまで紹介してきたCSSのレイアウトや装飾テクニックは、現在利用者の多いInternet Explorer 7や8、Safari、FirefoxなどのWebブラウザでほぼ問題なく動作するものでした。本連載の最終回は、未来に向けた準備として現在策定中の「CSS 3」の中からモダンブラウザで既に適用可能なスタイルをいくつか紹介します。 （公開日：2010年4月16日 解説：こもりまさあき） 現在策定中のCSS 3について CSSで指定したスタイル指示は、WebブラウザのCSSサポートの度合いによって適用できるかどうかが異なります。例えば、今現在の主流であるブラウザの多くではCSSレベル2（CSS 2）をサポートしているものがほとんどです（特定のプロパティだけ未サポートも含め）。その一方、現在CSSの次のバージョンにあたるCSSレベル3（CSS
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の新しいテクニックを使
「デザイン関連の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｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
Webデザインとグラフィックの総合情報サイト - MdN Interactive
Copyright © 2010-17 MdN Corporation, an Impress Group company. All rights reserved. デザインってオモシロイ -MdN Design Interactive-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TV番組 『かまいガチ』の番組ロゴとテロップのフォントをご紹介
MdN Design｜総合情報サイト
MdN Design｜総合情報サイト