『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
Google Reader 終了のお知らせを受け、移行先を探した結果、Web サービスとして提供されている RSS リーダーはやめて、デスクトップアプリに戻るという選択をしましたが、そこにも Google Reader 終了の余波が... いや~ 昨日は Google Reader 終了のお知らせで Web 界隈は賑やかでしたが、皆さん代替サービスへの移行具合はいかがでしょうか。 A second spring of cleaning : Official Blog 長年、しかもほぼ毎日使ってるツールが突然終わります宣言されるっていうのはかなりキツイもんですが、サービス提供側にも色々な事情がおありでしょうから、終わること自体は仕方ないです。なので、私も昨日、PC で使う場合に関してだけ取り急ぎ別の環境に Google Reader で取得していたフィードをすべて引っ越しました。 結果として
小さい・・・ 指の上にちょこん。さて、こやつは何でしょうか? みなさんこんにちは、ある時はメディア事業部だったり、広報チームだったり、ディレクターだったりと色々な仮面(名称)を持ってます。あゆみです。昨日の酒盗祭りの感動がまだ消えません・・・美味しかった酒盗バターポテト。 さて、事の発端は少し遡ります。おかげさまでLIGのメディア事業部も忙しくさせてもらっている最中、後ろから和気あいあいとした声が・・・ 絶望 なにやってんだ・・・ 仕事に飽きたのでしょうか、冷静と情熱の間でなんとも言えないテンションの3人。 静か。闘志は感じるのに静かな不思議なバトル現場。どういう形で勝負がついたのかは不明ですが、勝者と思われる二代目広報のひろゆきのドヤ顔。 そしてこれでもかってくらいのドヤ顔をキープしつつコマの凄さをアツく語ってくれました。コマが凄いのは超分かったのですが、何とも言えない気持ちになり、無意
こんにちは。ディレクターの允(まこと)です。 いつになったら()がとれるかは謎ですが、今期は続けて行きたい所存です。 允の読み方 よく充(みつる)と間違われますが、 正しくは允(まこと)です。鍋蓋はありません。 最近メディアサイトのディレクションをさせていただく機会が多いので、参考で探したIT系のニュースサイトをまとめてみました。 IT系ニュースサイトまとめ GIZMODO http://www.gizmodo.jp/ 言わずと知れたIT系ニュースサイト。 Apple新製品販売前とかはサイト内がお祭り騒ぎです。面白いので新しいiPhoneが出るときは必見です! Gigazine http://gigazine.net/ 日々のあらゆるシーンで役立つ情報を提供するIT系ニュースサイト。 こちらのサイトは影響力が非常に強く、制作したサイトなどがGigazineさんにとりあげられると、かなりの確
以前、Webクリエイターボックスの「世界のWebデザイナーのお給料はいかほど?」という記事が話題になっていました。 記事そのものではなく、記事に対する Twitter や、はてなブックマークのコメントでの反応を見ていて個人的に気になったことがありましたのでここにまとめました。 「他の国とくらべて日本のWebデザイナーの年収は低すぎる」とか「海外に脱出するしかない」と嘆いている方がかなりいらっしゃったようですが、こういう見方もありますよ、ということで… ※この記事は、2013年に公開したものを2019年にリライトしたものです。 Webデザイナーは、海外に移住すれば給料が上がる? 特定の方を晒しあげるつもりはないのでツイートを埋め込むのはやめておきますが、Twitter では「世界のWebデザイナーのお給料はいかほど?」という記事をツイートするときに、以下のようなコメントをつけている方が何名か
いくつかの対応アイコンフォントがありますが、カスタムアイコンを使うときの注意です。 できるだけベースのフォントサイズが同じアイコンを使うことをおすすめします。 ベースのフォントサイズが違うアイコンフォントを複数組み合わせると、サイズによってあまりきれいではないものもありますので注意する必要があります。 今回、自作のアイコンフォントも使いました。 そこで、アイコンフォントを作るときに注意することを挙げてみます。 データはSVG形式で保存。 画角は、できるだけ1対1に近いサイズで作る。3:1などのサイズで作らないほうが無。 サイズは480px×480pxで作成。 色は白黒の2色で作成。 パスファインダーなどを使って、塗りがあるパスが重ならないようにする。重なるとどちらかの色になってしまうので注意。 フォントはアウトライン化しておく。 アートボードから要素をはみ出させない。
飛び散る絵の具の雰囲気を表現できるベクター素材まとめ「A Collection of High Quality Vector Splatter for Free Download」 アートや造形の中でよく用いられる絵の具の垂れたような技法は、筆を使ったアナログ感を演出できたりと、デザインシーンでも利用しやすい素材ではないでしょうか?そんな中今回紹介するのは、飛び散る絵の具の雰囲気を表現できるベクター素材まとめ「A Collection of High Quality Vector Splatter for Free Download」です。 Ched2k.Vector.Splats.PACK1 by ~cheduardo2k on deviantART カラフルな絵の具の描写表現ができる素材から、怖い雰囲気の表現にぴったりな素材まで、さまざまな素材が紹介されています。中でも気になったものを
カフェで作業をすると捗る人も多いと思いますが、クリエイティブを引き上げるには、静かすぎても騒々しすぎてもダメで、中程度の騒音がよいそうです。 確かに、適度に騒音がある方が作業が捗りますよね。 会社でも自宅でも、カフェ気分になれるオンラインBGMサービスを紹介します。
ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です
checkboxesとradioボタンをスタイリングするjQueryのプラグインです。カスタマイズ性に優れており、使い方も手軽そうだったので備忘録的にご紹介します。 よくあるプラグインですけど、使いやすそうだったのでメモ。 checkboxesとradioボタンをスタイリングするライブラリ。IE7にも対応しています。 かわいい。 スタイルは最初からいろいろと用意されていますのでカスタマイズの参考にもなりますね。 コード <script src="jquery.js"></script> <script src="jquery.icheck.js"></script> コアとプラグインを読み込みます。 $('input').icheck(); 初期化します。 $('input').icheck({ handle: '', // 'checkbox'か'radio'とすればどちらかに限定できる
ECサイト、ネットショップにおいて考えておくべきユーザビリティを9つピックアップしました。もちろんこれが全てではありませんし、サイト設計の上ではもっともっと細かく考えることはたくさんあります。今回はコンバージョンを下げない、直帰率を下げないために施策する場合に何をするか?を簡潔にまとめています。他のネットショップを運営されている方がどういう事をされているかも凄く気になりますね。 1.ロゴはHOMEへ ロゴをクリックすればトップページへ行くという認識を持たないユーザーは沢山います。トップページへ行くためのボタンは別途用意し、そういったユーザーへのフォローも施策しておく事が大切です。 リンク時における色を変更し統一することでユーザビリティは確保ます。しかし、ブラウザのデフォルトである青色に下線と言ったルールを採用することで、より多くのユーザーに対してそれがリンクであると言うことを認知してもらい
一口にテキストエフェクトとは言ってもアニメーションのほうとビジュアルのほうと両方を融合させたものがあります。 ハリウッドのSF映画なら、必ずと言ってもいいくらい、映画の特徴を的確に捉えた超カッコイイテキストエフェクトをかけますよね!僕はトランスフォーマーのタイトルのような、動きも見た目もSFチックなのが好きです。 そういうのをWeb上でもインタラクティブに出来たら最高ですよね?如何せん、映像分野に比べてテキストエフェクト作成を手助けしてくれるツールが泣くほど少なく、制限も多くて自由性に乏しいがゆえに、個性的なテキストエフェクトを実装しようものなら、とてもじゃないがかなり骨が折れちゃう仕事になりそうです。 でも、それも過去の話! とは言いたいところだが…まだまだ全然映像分野の足元にも及ばないのが現状… とは言ってもCSS3のおかげで昔よりは随分良くなってきたのも事実。 今回は、手間暇要らずで
TOP > Design > さまざまな質感の板が表現できるテクスチャまとめ「19 Useful And Realistic Wood Textures」 自然に生えている木、加工された木など、多彩な表情を楽しめる木の中から今回は、さまざまな質感の板が表現できるテクスチャをまとめた「19 Useful And Realistic Wood Textures」が公開されていましたので、紹介したいと思います。 Peeling Red Paint on Old Barn | Royalty Free Texture 年輪の模様が美しいテクスチャから、古びた雰囲気のテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Rings on Pine Stump | Royalty Free Tex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く