『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
プログラミングの基礎であるhtmlを勉強していると、必ず出てくる言葉がcss。 現代のwebサービスにおいて、htmlとcssはいわば兄弟のようなもので切っても切れない関係と言えるでしょう。 では、cssとはいったいどういうものなのでしょうか。 簡単に言うと、Webページの文字の色や大きさ、背景、配置といった見た目を設定する言語の一種です。 静的ページも動的ページも見た目の部分の多くはこのcssで制御されています。 もしcssを詳しく学ぶなら、独学もいいですがプログラミングスクールがおすすめです。費用は当然かかりますが、アドバイスがもらえることと、学習スケジュールが管理されるので、強制的に頑張れる仕組みが作れるのもメリットと言えるでしょう。 The post cssとは?使い方と学び方の基礎まとめ first appeared on プログラミング学習の窓口.
こんにちは。マラガの海の贈り物SEKOです。 フラッシュを使えばサイトはダイナミックな動きを実現しますが、今回はフラッシュでなくてもJavascriptで凄い動きのサイトを集めてみました。 是非参考にしてください。 Javascriptを使った、凄い動きのサイト10選! MoMA MoMA 円が時系列で表現されております。クリックするとグリンっとまわる動きは気持ちがいいです。ただサイト自体がけっこう重いですね。。 DUB FIRE DUB FIRE マウスを右や左に動かすとサイト全体が動きます。広がりがあり、操っている感もあり、こちらも操作が気持ちいいサイトです。 Volkswogen Volkswogen メインスライドの動きが綺麗です。スクロールで車を操作する年表ページやフォトギャラリーにも楽しい動きが沢山含まれています。 Secret Study Secret Study DUB F
現代のビジネスでは、自社商品やサービスの利用を促進するために、専用のアプリを開発して、ユーザーがより利用しやすい環境を作ることが1つのキーポイントになっている。昨今では、特に携帯電話やスマートフォン、タブレット端末を使う人が増加したため、より“モバイル”に力を入れるのは必然なことだろう。 とはいえ、コーディングの知識がない人にとって、いきなりモバイルサイトを構築しようとするのは敷居が高いもの。そこで活躍しそうなプラットフォームが「AppSeed」である。これは、何クリックかするだけの手間だけで、手書きで描いたデザインをそのまま電子データに変換し、モバイルアプリのプロトタイプを作成できる画期的なツール。 「AppSeed」を使って、手書きデザインを写真に撮影すると、スケッチの画像データを認識して、それぞれの部分を“個別の要素”として認識する。それらの抽出された“個別の要素”は、クリックして選
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか?」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います! ↑私が10年以上利用している会計ソフト! 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。(模写したデザインを自分のオリジナルで活かせない) もし模写するときはどう
1877年の日本の英単語表に対する海外の反応 イラストに味があって好きです。 インパクトがあるので、覚えやすそうだ。 1877年の日本の英単語表 ※クリックで拡大できます ■海外の反応 ・130年以上も経ってるのにカタカナの発音はそんなに変わってないのはすごいね ・↑何個かは昔のほう良かったのもあるよ。 例えばChickenは「チキン」じゃなくて「チッケン」だったり。 ・↑チキンは南部の発音に近いな。まあ、だれも南部が好きって人はいないんだけどな。 ・Azaleaの読みを諦めた感が好きです。 ・シャンプーをする人?かつてはこういう仕事があったの? ・↑シャンプーイングという言葉は19世紀ではアロマティックオイルを使ったマッサージなどに対しても使われてたよ。 ・この単語表はいいね。Gaotが特に好きだ。 ・↑タイプミスしちゃったか・・・ ・この蜂はとにかく凄そうだぞ ・NOVAのいくつかの教
「あなたは感覚派デザイナー?それとも理論派デザイナー?」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ! 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles(デザインの要素と原則)」や「Gestalt principles(ゲシュタルト原則)と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね(遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
最近Photoshopをゲットしたライターのしゅーへいです。 LIGデザイナー陣のデザイン技術をチラチラ見ながら、Photoshopの勉強をしております。ちなみに打倒、王さんです。 今回の記事は、手描きのイラストをデジタルデータ化する方法です。 必要な物は「スキャナ」と「Photoshop」です。今から紹介する方法は、線画でも利用可能なので覚えておいて損はないです。 ストーリー 家にあった中二病ノートに2012年4月に書いたイラストというか文字がありました。なんか「イイナ・・・。」とか思ったので、このイラストをデジタル化しようと思います。 スキャンする まずはスキャナを使ってスキャンします。 320dpiのTIF形式でスキャンしました。綺麗にスキャンできるならJPEGでも良いと思います。 Photoshopでの作業 次に、Photoshopでの作業に移ります。 余計な部分の除去 そのままス
インターネット上で「検索してはいけないワード」として有名な、愛生会病院のホームページが閉鎖されることがわかった。 愛生会病院のホームページは、少なくとも1998年ごろには開設されていたと見られている。病院のホームページというイメージとは真逆の特徴的なカラーリングなどから、衝撃的だとして「愛生会病院」という言葉を「ネットでは(ショックが大きいので)検索してはいけない」と揶揄されるまでになった。実際、トップページの多くは動画GIFを利用したビビットなデザインとなっており、以前は「太陽に吠えろ」のBGMが流れるなど、およそ病院の公式ホームページとは思えない内容だったという。 愛生会病院のホームページを制作した院長の息子にあたるジャズバンドBlu-Swingのドラマー、宮本”ブータン”知聡氏がツイッターで、このサイトを閉鎖することをつぶやいたことから判明。14日未明につぶやかれた内容はツイッターで
2013年5月9日 Webデザイン, インスピレーション, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか?ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう!デザインの参考になるWebサイトやグラフィック・アートもまとめているので、オリジナルポリゴンアートに挑戦してみてください! ↑私が10年以上利用している会計ソフト! 「triangulator」でポリゴン風イラストを作成 ポリゴンは通常は3D系のソフトで作りますが、PhotoshopやIllustratorでも作ることができます。ただ、それではかなり時間がかかってしまうので、写真をサクッとローポリイラストに変換できる「triangulator」を使用します。こちらの動画をご覧頂け
北海道 (7) 青森 (4) 秋田 (3) 岩手 (1) 山形 (5) 宮城 (4) 福島 (5) 茨城 (1) 群馬 (4) 栃木 (2) 埼玉 (8) 東京 (51) 千葉 (10) 神奈川 (27) 山梨 (3) 長野 (3) 静岡 (6) 新潟 (1) 富山 (3) 石川 (5) 福井 (4) 愛知 (9) 岐阜 (5) 三重 (4) 滋賀 (4) 京都 (12) 大阪 (25) 奈良 (2) 和歌山 (3) 兵庫 (14) 徳島 (3) 香川 (2) 愛媛 (7) 高知 (1) 岡山 (3) 広島 (4) 鳥取 (1) 島根 (1) 山口 (2) 福岡 (21) 長崎 (5) 佐賀 (1) 大分 (2) 熊本 (2) 宮崎 (1) 鹿児島 (3) 沖縄 (5) 海外 (1)
ウェブや印刷のカラーセオリー、ウェブやロゴで人気のカラー、カラーがもつ意味や心理的にどのような影響を与えるか、女子・男子っぽい配色など、カラーの勉強に役立つインフォグラフィックを紹介します。 各リンク先に、保存用の大きいインフォグラフィックがあります。
旧ソビエト連邦時代にSFチックな建築物が多く建てられたのですが、そのほとんどは旧ソビエト連邦の解体に伴い、未完成のまま現在に至ります。荒々しさのあるブルータリズムやロシア構成主義と呼ばれるこの建築方式は1950年代に旧ソ連を中心に見られるようになり、機能主義の原点に回帰することを目指した建築方式なのですが、そんな共産主義を象徴するかのような巨大かつ奇抜な形をした建物たちをThe Awlがまとめています。 The Sublime Sci-Fi Buildings That Communism Built | The Awl http://www.theawl.com/2012/12/the-sublime-sci-fi-buildings-that-communism-built ◆01:The Druzhba sanatorium 1986年にリゾート施設として建てられた「The Druz
あきまんPLAMAX「GODZ ORDER」神翼騎士団 @akiman7 イラストレーターのあきまんです。スト2、∀ガンダムのキャラ、Gセルフやコードギアスのロボデザイン、スターオーシャンアナムネシス、最近ではマックスファクトリーさんと「GODZ ORDER」という美少女プラモデルの企画を立ち上げました!akiman@big.or.jp 良いお仕事は常に募集中です〜☺️ fantia.jp/fanclubs/19791 まとめ あきまん本人が語る!スト2のドット開発とイラストについて(追記) 元カプコンの重鎮・あきまんこと安田朗氏が語る キャラクター制作とイラストだけがもてはやされる現状についての発言まとめです 2013年2月10日22時更新 本記事投稿後の反響を追加しました 2013年2月11日続編をまとめました http://togetter.com/li/454035 2013年2
182 名前:名無しさん必死だな :2013/02/12(火) 22:16:59.62 ID:r5BK9rZ10 政治家ゾンビ胸像フィギュア 小沢・鳩山・菅・輿石をゾンビ化 http://blog.livedoor.jp/geek/archives/51382818.html ※関連記事 【画像あり】雪ミク、2013年度デザインが決定! グッスマ「…(これ、ねんどろいど化できるの?)」 【声優】杉田智和さんのフィギュア棚wwwwwwwwwwwwwwww 【画像あり】伊豆大島で「ドール撮影」の写真をうpしてみる 「集めても自分で掃除をしない」夫が趣味で収集したフィギュアを勝手に捨てた妻に非難相次ぐ 【衝撃】3Dプリンターやばすぎる フィギュア業界全滅か 続きを読む
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く