出力ネタでブログ書くのは久しぶりだなぁ！ブンブン！（腕をまわしながら） DTPの勉強会 特別編 「制作者のための『正しく刷れる』データ制作のポイント」を受けてきました。 EQUIOS、TrueflowといったRIPメーカーとしておなじみの大日本スクリーン。その、大日本スクリーンRIP開発担当の松久氏による『正しく刷れる』データ制作ポイント講座。 『正しく刷れる』と言う事で、セッション内では「なぜ、このデータが（RIPの処理を通すと）正しくでないのか」という話がかなりかなり詳しく説明されました。 私は一応出力側の人間なので（最近業務では出力から離れてるけど…）この辺りの話はよくわかる。松久氏の詳しい（やや内部的な）説明も「なるほどなるほど」と楽しく聞けたのだけど、普段まったく出力に縁のないデザイナーさんとかだとちょっと難しく感じるところもあったかなーと思った。（そういう話が聞けるという所があ
マルチデバイスに対応したWeb制作手法として急速に広まりつつある「レスポンシブWebデザイン」に、アドビが本気で取り組みを始めた。2月14日（米国現地時間）、同社のサブスクリプションサービス「Adobe Creative Cloud」ユーザー向けに、デザインツール「Adobe Edge Reflow」のプレビュー版を公開。合わせてDreamweaverの可変グリッド（Fluid Grid）デザイン機能もアップデートし、レスポンシブWebデザインのデザインから実装までをサポートする。 Edge Reflowは、レスポンシブWebデザインに特化したデザインツール。画面上に画像やテキストなどの要素を配置し、レイアウトを切り替える基準となるスクリーン幅（ブレイクポイント）ごとに要素の位置を調整したり、スタイルを変更したりできる。 CSS3によるスタイリングに対応しており、CSSを編集しながらリアル
米Adobe Systemsが3月29日、「目に見えないフォント」というOpenTypeフォント「Adobe Blank」をオープンソースで公開した。特殊な用途で非常に有用なフォントという。ライセンスはSIL Open Font License, Version 1.1。 Adobe Blankは、すべての文字が「目に見えず、空白にもならない」という特殊なフォント。Unicodeのコードポイントを全てカバーしており、特定用途のAdobe-Identity-0 ROSの一部として構築されている。すべてのUnicodeコードポイントを「スペースなし、マークなし」のグリフにマッピングするという。 Adobe Blankは「目的のフォントが描画される前に、OSやアプリケーションのデフォルトフォントで文字が描画されることを防ぐ」「Webフォントが実際にロードされていることを検出する」といった目的で利
Adobe Photoshop 1.0のソースコードがComputer History Museumで公開・無料でダウンロードすることが可能になりました。Photoshopは1987年に当時大学生であったトーマス・ノールさんが開発、AppleとAdobeに見せたところAdobeがライセンスを取得し、1990年にバージョン1.0が発売されました。現在から20年以上前に作られたソフトなのですが、そのバージョン1.0.1に使われた12万8000行に及ぶ179個のファイルを見ることができるようになっています。 Computer History Museum | @CHM : Adobe Photoshop Source Code https://computerhistory.org/blog/adobe-photoshop-source-code/ こちらが開発を行ったトーマス・ノールさん。Ph
Photoshopを使ってその結果は同じでも、人によっては作業方法が違い、そしてかかる時間も異なります。より多くの時間をクリエイティブに割くため、作業にかかる余計な時間を短縮する現場に役立つ神速シリーズ第一弾のテクニック本「神速Photoshop」を紹介します。 この本は初心者向けのPhotoshopの使い方などはありません。Photoshopで素材を作る、画像補正をする、ウェブのレイアウトを作成するなど、普段からPhotoshopを使用しているデザイナー向けの本です。 とは言っても、デザインメインではない僕でも理解でき、すぐに使えそうなテクニックが満載なので、一つずつ試していくだけで自然とスキルアップする予感がします。
Adobe Edge Animateは、HTML5／CSS3／JavaScriptの枠組みでアニメーションを作成できるツールです。Edge Animateの機能を使えば、表示サイズ（ブラウザやスクリーンのサイズ）に応じてコンテン内容が変化する、レスポンシブなアニメーションも手軽に作成できます。 1つのHTMLファイルで、表示サイズが異なる環境に対応する方法としては、大きく分けて2種類あります。 リキッドレイアウト…コンテンツ内の要素の位置やサイズを「％」単位で設定する方法 レスポンシブWebデザイン…表示サイズ（特にブラウザの横幅）をもとに、コンテンツ内の要素の配置や表示／非表示を切り替える方法 リキッドレイアウトでは表示サイズに応じてコンテンツの位置や大きさを微調整することで対応し、レスポンシブWebデザインでは表示するコンテンツ自体をダイナミックに変化させて対応します。Edge Ani
色ってそんなにセンスは関係ないですよ 「色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ」という記事があったので、思うところとかを含めて配色の方法についてまとめてみました。私の方ではもう少し具体的な配色の方法についてもまとめたいと思います。 いつもWebカラーセミナーで話すのは、配色に関する問題の8割は知識で解決するということです。「色彩のセンスがない」という人はそもそもその勉強をしたことがないという人が多く、勉強したことのある人は「色は難しい」と仰います。逆に数十年グラフィックデザインをやっていても、Webの配色としてはまったくできていないということも多々あります。これはセンスではなくWebでのセオリーがわかっていないということになります。 センスと知識や学習していないことを同列に扱うのはおかしいですね。 デザイナーで色の勉強をまったくしたことがないという人はやや問題がある
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2013年11月28日 Webサイト制作, 便利ツール 病院の待合室で何時間も待たされ、「暇だしWebサイトでも作ろっかなー」なんて思った事はありませんか？きっとあまりないと思いますが、今年にはいっていろいろあった私はそんな機会がたくさんあったので、いくつかのiPadアプリを使って作ってみました。作ったHTMLテンプレートは無料配布しています！そうです、アレ、iPadで作ったものだったのです。ふふ。 ↑私が10年以上利用している会計ソフト！ あると便利なスタイラスペン スタイラスペンはiPadなどのタブレットで使えるペンです。iPadを使ってお絵かきしたい人は持っているとなにかと便利。カナダのボクシングデーで$5位になっていたのでノリで買ったのがこのコ。ちょっとメーカーは覚えていないのですが、よくある無難なタイプの物ですね。書き心地は悪くないのですが、ペン先が太いので、細かい字や絵は書きづ
Fireworks CS6には、jQuery Mobileのテーマを作成する機能が追加されました。CS5／CS5.1向けに同様の機能を提供する拡張機能「Fireworks CSS3 Mobile Pack」がAdobe Labsにて提供されていますが、CS6では日本語化されているなどの違いがあります。 アイコンの変更 早速、jQuery Mobileのテーマを作成してみましょう。メニューから［コマンド］→［jQuery Mobileテーマ］→［新規テーマを作成］を選択すると、jQuery Mobileテーマ作成用の画面が表示されます。jQuery Mobileのデフォルトテーマには5つのスウォッチ（カラーバリエーションなもの）が用意されており、Fireworksでも初期状態では5つのスウォッチがページとして定義されています。さらに、スウォッチで共通に利用するアイコンなどを設定するページ、テ
海外の有名デザインブログ「Blog.Sppon Graphics」でIllustratorのチュートリアルビデオを紹介したエントリー「30 Illustrator Video Tutorials Every Designer Should See」がありましたのでご紹介します。 新しいアプリケーションを習得しようとしている場合、様々なメニューやツールを通して、その道のエキスパートがガイドしてくれるものほど良いものはありません。この記事は最も詳しく解説された30のAdobe Illsutratorのビデオチュートリアルとスクリーンキャストを集めた記事です。それぞれの特徴を生かした明快な解説と役立つテクニックは、あなたのIllsutratorのプロへの道の手助けとなるでしょう。 Digital Inking Demonstration & Tutorial How To Setup and D
高価なカメラがなくても、美しいスーパースロー映像は可能です。（動画）2011.12.02 13:00 福田ミホ プロっぽい動画を普通のカメラでも。 上の動画｢The Beauty of Mud｣では、泥のぬかるみではね上がる水しぶきがスーパースローモーションで映し出されています。通常、こうしたスーパースロー動画を撮影するには10万ドル（約776万円）くらいするハイスピードビデオカメラが必要ですが、この映像は760ドル（約5万9000円）のCanon 550D T2i（日本のEOS Kiss X4）で撮影されています。 普通のカメラで、なぜこのような美しいスーパースロー映像を作ることができたんでしょうか？ 秘密はTwixtorにあります。Twixtorは、Adobe Premiere ProやFinal Cut Proなどの動画編集ソフトのプラグインとして使い、映像の再生スピードを調整できる
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
プロトタイピングにおける手法の一つとして、Adobe 社が Preview 版として公開している Edge というソフトウェアを利用したプロトタイピングについて提案し、解説します。Edge の基本的な使い方からプロトタイプが出来上がるまでの手順を、iPhone アプリのサンプル「観光名所探索アプリ」の制作を通して紹介していきます。 対象読者 HTML+CSS+Javascript を使って Web ページを作成したことのある方 タイムライン Flash アニメーションを作成したことのある方 準備 Adobe Edge のインストール Google Chrome のインストール Edge とは Edge は「HTML5+CSS3+Javascript を使ったインタラクティブな Web コンテンツ」の作成支援ツールです。アニメーションやサウンド再生などを利用したインタラクティブな Web コ
FlashのアニメーションをHTML5に変換するツールとして、3月8日「Wallaby (ワラビー)」のプレビュー版がAdobe Labsにて公開されました。 Download Wallaby – Adobe Labs 結論から言うとブラウザ互換など懸念点がありますが、思った以上に変換精度が高いです。そして真っ先に感じたのは、WallabyによってHTML5出力が可能になったという点で、アドビが提供しているFlash ProfessionalはHTML5時代が万が一到来してもオーサリングツールとしてのポジションを保ち続けるだろうということです。 速報として「インストール方法と使い方」と「変換したデモ」を紹介してみます。以下詳細です。 インストール方法と使い方 ①まずはAdobe Labsからアプリケーションをダウンロードします。アプリケーションはAdobe AIR製ですので、事前に最新のA
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く