『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

ドットインストール代表のライフハックブログ

仕事で壁にぶち当たったとき、インプットが足りないなあと感じて、何かの参考にと本を読むことがあると思います。企画がうまく作れないから企画の作り方的な本を読んだり、文章が上達しないからライティングなどの関連書籍を読みあさったり。 僕はそれも悪くないんだけど、そういう時はとりあえずアウトプットをたくさんするのがいいんじゃないかなーと思います。 企画がうまく作れないときは、他社の成功事例を自分なりに企画書に起こしてみたり、文章を上達させるために、好きな作家さんの文章を写経してみたり。 インプットって、水の入ったコップの中に長い時間をかけて沈殿していくイメージで、いつかそれが熟成されて自分のものになるというか。何か自分に課題を感じてからでは遅くって、常にインプットはしておくものって感覚があります。 一方、アウトプットは即効性があるというか、自分に足りないものの輪郭を明確にしてくれます。成功事例の企画

シンプルかつ記事が読みやすい素敵な国内ブログデザインを10サイト、主観で紹介させて頂きます。 可愛いデザインのブログをお探しの方はこちらの記事へどうぞ。 ブログのデザインって作ってみると思っているよりバランスをとるのが難しくて苦戦します。 下記のサイトは記事内に画像が無くテキストオンリーでも余白の取り方が美しくて読みやすかったり、装飾の使い方が絶妙だったりと、ブログのデザインを作る上でとても参考になりますので是非目を通してください。 アインシュタインの電話番号 本の目次のようなトップページは一覧性が高くて見やすく、記事内も余白がしっかりとられていて読みやすいです。アクセスの度に変わる配色は統一感があってとても綺麗。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

写真を簡単に加工できる Photoshopアクションまとめ「19 Time Saving And Free Photoshop Actions For Designers」 写真を手軽に加工できるPhotoshop。中でも、ワンクリックで複雑な工程を一瞬で反映できるアクションツールはとても便利な存在です。今回はそんなPhotoshopアクションをまとめた「19 Time Saving And Free Photoshop Actions For Designers」を紹介したいと思います。 （najib17Stunning ColorFx by najib dod by najib17 on deviantART） いろんなニュアンスを手軽に表現することを可能にしたクリエイティブなアクションが19種類紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しく

2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト！ KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で

どうもです、最近寒さで腰と背中が痛いデザイナーのはやちです。 こんな体勢でゲームしているからかな<(　 ´ิ-´ิ ┌┛)┌┛ どうでもいいですね。 今回はPhotoshopで文字にひび割れや汚れの質感を出す加工の仕方をご紹介したいと思います( ˘ω˘ )☝ Photoshopで簡単！かっこいいグランジ風文字の作り方 まずはグランジのかすれた加工が見やすい太めのテキストを用意します。 次にグランジ加工するためにブラシを使用します。今回はこちらのブラシ素材をダウンロードします。( ˘ω˘ )☝ Grunge Brushes 先ほどのテキストにマスクをかけましょう( ˘ω˘ )☝マスクのボタンを押してマスクレイヤーを作ります。 先ほどのブラシを読み込んで、マスクレイヤーを選択して、お好みの大きさでちょっとずつクリックしてぽんぽんとグランジをつけてあげましょう。 同じブラシで消したり書いたりを繰

最近多いですねー、1ページで完結するタイプのサイト。One Page Loveのサイトなんかから、シングルページの事例も大量に見ることが出来ますし、パララックスやらフリップ型のコンテンツやら、なんか色々出てきてて着いて行くのがやっとです… でも実際シングルページをつくろうとすると、え？何これどうなってんの？って物も多くてビビることもしばし。 ってことで、今日は僕が知ってる中で『お、これ、シングルページ作る時に使えるんじゃね？』って物を幾つかご紹介させて頂きます！ 主にはシングルページデザインの表現の幅を広げるjQueryプラグインの紹介になるかなと思いますが、楽しい物も多いので、是非興味があれば試してみてくださいませ〜！ それではいってみましょー！ パララックススクローリング系プラグイン この辺は以前に紹介したことがあるものばかりなので、ぱぱーっと行きます。 jQuery Waypoint

DJ NOBU 「 Dream into Dream 」がヘビロテのokadaです。 どうぞよろしくお願いします。 今回は、使える！Photoshopブラシを集めました。 よろしくお願いいたします。 追加方法 ダウンロードした.abrファイルをダブルクリックをして追加するか ブラシツールをクリックして、1から3をクリックし、ブラシファイルの読み込みで追加します。 ライティング系 光を表現したい時に使いたいブラシです。 Quantum Brushes Life Brushes Hyper Brushes Abstract 04 Light Beams + Rays Brushes グランジ系 グランジ＝汚れた感じを表現したい時に使いたいブラシです。 Grunge Ady's Splatter Brushes 3 Grunge Brushes Free Grunge Textured Phot

写真のいい所は目に見えている景色だけでなく、絞りやシャッタースピードを上手く設定して、実際には見えない世界を撮ることができること。今回はスローシャッターに着目して、意図的にブラした写真をとるにはどうすればいいか？をカンタンにご説明します☆ ブラすの大好き欧米人、ボカすの大好き日本人写真のいい所は目に見えている景色だけでなく、絞りやシャッタースピードを上手く設定して、実際には見えない世界を撮ることができることですよね。 絞りを変えればボケを生かした写真、シャッタースピードを変えればブレを生かした写真が撮れます。我々日本人はボケ表現が大好きな民族で欧米に比べてボカした写真を好むといわれます。（写真に限らずいろんなことをボカしたがりますしね。。^^;） 写真のボケは英語でも"Bokeh"というくらい。 一方の欧米人はボケよりもブレを生かした写真を好むとよく言われます。シャッタースピードの概念が必

こんにちは、マラガの海の贈り物。ディレクターセコです。 今年は「バックグラウンドに動画を使う」サイトが注目です。本日はその中から特にイケてるサイトを16個ご紹介いたします。 動画を使うことによって、サイトイメージとインパクトが大きく変わるので、是非参考にしていただければと思います。 Nowy Teatr http://www.nowyteatr.org/en 顔が背景に表示されるという、インパクトが強いサイトです。 レスポンシブサイトになっていますが、ウィンドウ幅を変えるとブロックが消えて、動画だけが表示されます。 Marmoset https://www.marmosetmusic.com/ リハーサルの動画が流れております。 音楽グループのサイトだと思いますが、70年代を思わせるレトロ調な動画と写真を使ったカッコ良いサイトになっております。 Banana Café http://ban

成果が出るサイトリニューアルの実績多数！ 年間150サイトを制作・リニューアルし、毎年複数のWebデザインアワードを受賞。 成果にしっかり向き合い、一目見た瞬間に貴社の魅力がグッ！と伝わる、そんなWebサイトにリニューアルいたします。お気軽にご相談ください！ 💡株式会社LIGのWeb制作実績・お問い合わせはこちらから こんにちは。2007年創業のWeb制作会社、株式会社LIGのデザイン部　部長の吉田です。 これからWebサイトのリニューアルを検討しているけど、どうやって進めればよいのかわからない……という方に向けて、Webサイトのリニューアルの手順を9ステップで解説します。加えてWebサイトリニューアルの基礎知識や、参考事例もご紹介していきます。 Webサイトリニューアルの進め方9ステップ Webサイトリニューアルの具体的な手順をご紹介していきます。 ①リニューアルする目的を考える ②現

今回は、思わず「やられた！」と口にしてしまうような、面白いプロモーションの手法やおもしろアイデアの事例を6つほどまとめてご紹介します。 ユニークなDMのアイデアから、サイネージ動画を利用したデジタルプロモーションまで、マーケティングや販促プロモーションに使えるアイデアばかりですのでぜひ参考にしてみてください。 面白い販促プロモーション事例 既存にある販促手法を試してプロモーションを行うのもいいですが、ちょっとしたことでは人々の心をつかむことが難しくなっています。そんな時代ではありますが、一風変わったアイデアでターゲットの人々と、記憶に残る深いコミュニケーションする方法が求められています。 下記は海外のプロモーションばかりですが、面白い販促プロモーションの事例を6つほどご紹介します。 Trojan Mailing（トロイの宅配） ドイツの国際輸送物流会社DHLが行ったプロモーションです。 特

「え？僕がモテないのって仕様だったんですか!?」どうも、ヨシキです。 僕は普段、非Web系の一般企業でWebマーケティング担当として働いているのですが、わりと大きな会社に勤務していることもあり、日々いろんな提案を頂戴しています。 本日は、そういう日々の経験をもとに、クライアント側担当者の立場から見て「コンテンツマーケティングの提案をおこなう前に予め知っておいたほうがいい事項」について書いてみたいと思います。 提案する側にいる皆さまは、ぜひ何かの参考にしていただければ幸いです。 知っておくべきはWebマーケティング担当者の「生態」 本題に入る前に、まずは現状のおさらいから。2013年は「コンテンツ・イズ・キング」というスローガンのもと、コンテンツマーケティング・ブームが吹き荒れた1年だったように思います。 Web界隈を席捲した一連のムーブメントは、オウンドメディアのコンテンツ増強という新たな

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

クレジットカードの利用明細書は、領収書代わりに利用することが可能なのかどうか…これ、経営者やフリーランスの方なら気になる内容ですよね。 そこで今回はインターネットで調べてもなかなか答えが出てこないこの疑問についての答えを、詳しく調べてみました。 利用明細書は手元にあるけれどもレシートがないからどうしよう…と悩んでいる方に参考にして貰えればなと思います。 カード利用明細所と領収書について： 国税庁の見解はどっちとも取れる： カード明細だって条件を満たせるのでは？： お店側に領収書発行義務がない： 領収書はなくても良いがある方がいい： 領収書やレシートは保管しておくべき： 中規模以上の事業者なら貰っておくべき： 出金伝票で処理しておけば経費にできる： 出金伝票の乱発には注意： 参考リンク： カード利用明細所と領収書について： 国税庁の見解はどっちとも取れる： まず、クレジットカードの利用明細書

Accessory (39) Apple TV (4) Blogger (29) Business (12) Chrome (29) Cloud (4) Customize (5) Facebook (5) Firefox (2) Fitbit (2) Flickr (2) Google (1) Google Chrome 拡張機能 (1) HyperJuice (6) iCloud (6) iOS Dev (2) iPad (7) iPad App (23) iPad mini (10) iPhone (19) iPhone ＆ iPad (8) iPhone ＆ iPadアクセサリー (3) iPhone ＆ iPadアプリ (9) iPhone ＆ iPadゲーム (1) iPhone ＆ iPadソーシャルネットワーキング (1) iPhone ＆ iPadトラブル解決法 (1)

日本のみなさん、こんにちはぁ！　2年カナダに住みましたが、最近日本に帰ることになったライター、のび太です。日本に帰ったらまずはソッコーで吉野家の牛丼を食いに行きたいと思いまーす！！ さて、WordPressでサイトを作る時にイチから作るのって結構大変ですよね？　とはいえテーマを使ってしまうと、いらない機能、余計なコードなどが入っていてカスタマイズにとても苦労します。 そんな時に便利なのがBlank WordPress Themesです。 Blank WordPress Themesとは？ カスタマイズを前提としたディベロッパー用のWordpressテーマです。Starter WordPress themesとも呼ばれています。ファイルには最低限必要なWordPress PHP、CSS、HTMLのみで、WordPressのベースだけがほしい、時間短縮したい時にはもってこいのテーマです。 今回

こんにちは。LIGの岩上です。 「組織文化」「リーダー」「経営理念」「モチベーション」「事業戦略」「経営」などのキーワードでピンとくる書籍を月に10〜15冊位は読むようにしています。 今回は最近読んだ中で、オススメできそうなものをご紹介します。 部下を持ったら必ず読む「任せ方」の教科書「プレーイング・マネージャー」になってはいけない 60歳にしてライフネット生命を岩瀬大輔さんと創業し、現在もCEOの出口治明さんの著書。 プレイングマネージャーではなく、「任せる」マネージャーになるための考え方から実際の業務の振り方までが書かれています。 丸投げではなく権限と期待を明確に提示すること、適材適所の考え方など、実際の現場での経験が元になっているようです。 部下を持ったら必ず読む 「任せ方」の教科書 「プレーイング・マネージャー」になってはいけない (ノンフィクション単行本) 「ついていきたい」と思

こんにちは。デザイナーのハルエです。 今回は、知っているのと知らないのとでは作業時間に圧倒的な差がついてしまうPhotoshopの効率化機能マイベスト3を紹介させていただきます！ 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ ※2014年3月7日に公開された記事を再編集したものです。 その1：Vanishing Pointでハメコミ合成 みなさん、“Vanishing Point（ヴァニシングポイント）”機能をご存じでしょうか？ 機能の存在は知っていても、使ったことのない方が多いかと思います。 このVanishing Point

RWD対応のモーダルウィンドウを実装するスクリプト、Remodalのご紹介です。jQueryに依存しています。 RWDなWebサイトで使えるモーダルウィンドウ実装スクリプトです。 デバイスのモニタサイズに応じて適切なレイアウトを維持するモーダルウィンドウです。 スマフォの場合は全画面に表示されるのでフィンガーフレンドリーを考慮した設計と言えそうです。 <script src="http:////ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.remodal.min.js"></script>本体とスクリプトを読み込みます。 <div class="remodal" data-remodal-id="modal" data-remodal-options='{ "

どうも〜こんにちはぁ！　最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ

twitter facebook hatena google pocket 昨今あふれんばかりに登場する縦長なサイト。 独断と偏見で気になったものを8個選んでみました。 sponsors Bench -- Online Bookkeeping Services https://bench.co/ オーソドックスな感じなやつですね。 Tectonica Studios http://www.tectonica.co 王道系でイラストベース。下の方に動きも取り入れていて面白いです。 TOMOYAARTS http://www.tomoyaarts.com/ 細かく要素に効果を与えていて、大きくシーンが変わらないので落ち着いて見られます。 Études N°4 http://etudes-studio.com/store/ 画像がどん！その後は商品が画像サイズばらばらで登場してきます。 Pasc

こんにちは。エンジニアの鳥よしです。 エンジニアとして働いていると、企画や提案、見積もりの際に、ディレクターさんからエンジニア視点の助言を求められることが多々あります。 今回はこれまでの経験から、WEBサイト制作時に気を付けておきたいポイントをまとめてみました。 参考にしていただければ、社内のエンジニアからの支持率が上がること間違いなしです。 WEBディレクターさんに知ってほしいことを、以下7つにまとめました。 PCサイトでもスマホ・タブレットへの対応を検討してください PCサイトを構築する案件の場合、デバイスをどこまで対応させるかは要注意です。 PCだけでいいんじゃないかと思いがちですが、タブレットやスマホで閲覧するユーザーも当然いますので、対応はマストでしょう。 また、別にタブレット用、スマホ用サイトを用意するとしても、もし「PC版サイトを見る」ボタンを作る予定なら、やはりあらかじめ対

TOP  >  Design  >  スマートフォンに最適化したレイアウトを実現できる フリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」 スマートフォンが携帯電話の主流となったことで、webサイトはパソコンで見る際の状態ではなく、スマートフォン用のレイアウトで制作することが当たり前となってきています。しかし、同時に両方を構築するのに時間や予算がかけられない時もあるのではないでしょうか？そんな時に便利なフリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」を今回は紹介したいと思います。 （Big Picture | HTML5 UP） スマートフォンに最適化したレイアウトを実現できるHTMLテンプレートがまとめられています。 詳しくは以下 Type & Grids — Flat-

現在、窓の向こうは猛吹雪。春はまだまだの北国札幌から、フリーライターの孫田です。 今回は前回書いた記事「WebサイトやPR制作のための魅力的なキャッチコピーの作り方」を、もう少し具体的に、実践レベルに掘り下げてみようと思います。 前回同様プロユースの内容ではありません。初心者の方が自社のWebサイトやLP、プレスリリースやパンフ、チラシなど、PRのためのキャッチコピーやテキストを書くことになってしまったときにお役立てください。 1. 使命と目的を設定する PRのためのいいキャッチコピーやテキストの条件とは、「商品を売りたい」「企業の認知度をあげたい」など、その制作物の使命と目的を果たしていることです。 そのためには、制作に取りかかる前に、使命と目的をきっちり設定しなくてはいけません。 注意すべきは、「商品も売りたいし、企業のイメージアップもしたいし、新商品の情報も入れたい」など欲張りすぎな

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。