iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
The Comprehensive Guide for a Powerful CMS using WordPress – Part one: 101 Techniques for a Powerful CMS using WordPress This is the first article in the three-part series, "The Comprehensive Guide for a Powerful CMS using WordPress". Throughout this article, we’ll be focus on many WordPress Theme hacks, ideas, tips and useful tutorials you need to have ready in hand when developing WordPress webs
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない! [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの?とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
投稿日:2008年2月19日 レベル:上級者 ソフトウェア: 対象を背景から引き出す3つの手法についてご紹介します。この中から気に入った方法を使って作業できます。 Step1 : 抽出ツールを使用する Step2 : ブレンドモードを使用する Step3 : チャンネルの使用 画像を開きます。「フィルタ」−「抽出」を選択するか「Alt」+「Ctrl」+「X」キーを押してください。 パレットツールのエッジハイライターツールを使ってモデルと背景の間の縁に色を塗ります。このステップでは、できる限り注意深く作業してください。 塗りつぶしツールを選択してモデルの内側の空間に色を塗ります。 プレビューを押して結果がよければ「OK」を押してください。 するとこのようになります。 モデルの周りの縁がまだ白っぽい場合は、 覆い焼きツールを使って削除してください。 最後はこのようになります。 新しい
There are many different ways to attack a business card design. Clean & corporate is always nice. But why not get a little wild? This tutorial will walk you through setting up a vertical grungy business card template, front to back and ready to print. It's important to set up our PSD file correctly right off the bat. The document needs to have an eighth inch bleed area, to ensure our background co
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! A technique often used in advertising these days, is these glowing lines. They look like light motion trails. If you ever wondered how to create these kind of lines, here is how I do it… Light motion trails Drawing a line Draw a nice thin curved filled line in Photoshop using the Pen
Automation has become a lifesaver for marketers: it allows companies to free up time for bigger picture work without leaving their social acco ...read more. 5 Tools that Let You (ethically) Spy on Visitors Google Analytics. Google Analytics. Google Analytics. We’ve all heard about it and most u of us use it everyday. But what if we want to find ...read more. Must have Marketing Tools for Any Task
How to turn your photo into movie-like effect using Photoshop? ・ebin What you need to have: Adobe Photoshop What you will learn: colour mood adjustments depth of field effect film effect PS: ? key for Mac users / CTRL key for Windows users PhotoShopを使って画像を映画風に加工するチュートリアル。 左の一見普通の画像を、右の画像のように映画風にカッコよく加工するための流れが説明されています。 色調や明るさを調整しながら、ぼかし効果などを使い、巧みに画像を加工していってます。 何の変哲もない写真もこのテクニックで印象に残る画像に加工できそうですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く