デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
![デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad733acba3cc5facea30d44920bb9315baf22596/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015071204.png)
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
404 Not Found. ページが見つかりませんでした。URLが変更されたか削除された可能性があります。The page you were looking for doesn't exist. You may have mistyped the address or the page may have moved.
最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。
ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー(iframe)の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }
Adobe Photoshopで、上の画用紙に描いた水彩画のような表現を、ブラシの設定を行うことで実現する方法を紹介します。 ブラシやパターンのプリセットは全て標準でインストールされているものを使用しています。 必要なもの: Adobe Photoshop 7.0以降(Photoshop Elementsシリーズ不可) Intuosや、Favo、Bambooなどのペンタブレット 作例はWindows 2000、Photoshop CSの環境です。 Photoshopを起動して、ブラシツールが選択された状態で以下のように設定します。 「ブラシプリセット」から ソフトエアブラシ – 円 65 を選択 テクスチャの保護 ウェットエッジ にチェックを入れる 「ブラシ先端のシェイプ」で 硬さ:30% にする 「シェイプ」にチェックを入れ、 サイズのジッター:50% 最小の直径:50% にする 「散布
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
これからIllustratorを学ぶ人、まだ経験が浅い人向けのエントリーである。ショートカットはとにかく学習の初期の段階で、無理をして習慣にしておくと、作業時間を短縮できて、後々楽になる。最初はゆっくりでもよいので試してほしい。 またショートカットに加えて、『Illustrator ベジェ曲線トレーニングブック』を参考に、ペンツール(ベジェ曲線)の訓練をしつこくやっておきたい。 Macの方は、Ctrlをcommand、Altをoption、Shiftをshift、Tabをtab、Enterをreturnに置き換えて読んでほしい。 Shift + Tab ツール以外のパネルをすべて非表示にできる。一時的に、作業エリアを広くしたいときに使う。 スペース + ドラッグ 手のひらツールのショートカットキー。360度方向にスクロールができる。 スペース + Ctrl + 拡大したいエリアをドラッグ
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
2色刷り風のレトロタッチで雰囲気よく仕上げる 制作・文>fukkie. URL>www.fukkies.com/ 使った道具や素材>Photoshop/Illustrator/絵の具/かすれのテクスチャ まず、イラストの方向性や構図を決める。イメージが固まったらIllustratorを起動し、楕円や四角形を組み合わせてバスなどを描いた 1-1 。このとき楕円形ツールや長方形ツールなどは使わず、ペンツールでざっくりとしたラインを描き、温かみを出している 1-2 。また各モチーフごとにレイヤーを分けた。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く