テーマ:WEBデザイン

漫画の集中線効果のPhotoshopでの作り方

Photoshopで漫画の集中線効果の作り方 漫画の集中線のような効果をPhotoshopで作成してみます。 方法はいろいろありますが、とりあえず共通するのは背景を透過した縦の罫線をたくさん作り、角度を変更させることで表現できます。 【作り方1:とりあえず簡単で早く作成する方法】 1.画像の上に「新規塗りつぶ…
トラックバック:0
コメント:0

続きを読むread more

Photoshopアルファチャンネルについて

Adobe社の解説サイトを元に記事をまとめてみる。 A. アルファチャンネルとは アルファチャンネルとは、画像の特定領域に対し、...................................................として利用できる新規チャンネルのこと。 Photoshopでは新規画像の作成時、カラー情報…
トラックバック:0
コメント:0

続きを読むread more

PhotoshopCS5抽出フィルターについて

この文書では、Adobe Photoshop での抽出フィルター機能の追加インストールについて説明。 PhotoshopCS4以降では標準で抽出ツールがなくなっている。 そもそも抽出フィルターの機能を詳しく理解していなかった。 抽出フィルターを使用すると、レイヤー上の描画オブジェクトから簡単に背景を消去することができる。 …
トラックバック:0
コメント:0

続きを読むread more

レスポンシブデザインとは

レスポンシブWebデザイン(responsive web design)とは、Webデザインの手法を表す言葉の一つで..............を汎用的に対応させること。 近年では、Webサイトの閲覧環境がパソコンだけではなく、...............................なっているため、各種端末に合わせて単一…
トラックバック:0
コメント:0

続きを読むread more

Illustratorオブジェクトをランダムに配置と拡大縮小

Illustratorで同じような形状のオブジェクトをランダムに分布させたり大小の違いをランダムにいれて拡大縮小する方法です。 まず、対象のオブジェクトをすべて選択します。 メニューから........詳しくは、WebデザインのWEB制作システム..........数値を調整してランダムに配置されます。 ランダム具…
トラックバック:0
コメント:0

続きを読むread more

Illustratorシンボル作成と登録、保存方法

Illustratorでシンボルを作成して登録します。 まずはシンボルとして使用したい模様や形状を作成します。 作成したものを[ウィンドウ]-[シンボル]にドラッグ・ドロップします。 これでシンボルの新規作成が完了しました。 今度は作成したシンボルを保存します。 登録したシンボルグループを....続きは…
トラックバック:0
コメント:0

続きを読むread more

ヒラギノフォントなどのStd(スタンダード)とPro(プロ)の違い

ヒラギノ角ゴは普段何気なく使用することも多いのですが、末尾につくStnとProがあります。 以外に気にせず直観的にフォントを選択していましたが、Stn(スタンダード)とPro(プロ)の違いについてです。 千都フォントライブラリーサイトのよくある質問と回答集の記述によると、「StdフォントとはAdobe-Japan1-3の9,…
トラックバック:0
コメント:0

続きを読むread more

商業Webデザイナーとしてメインカラーに緑を選ばない方がよい理由

Webサイトデザインにおいて、メインカラーの選択はとても大切な場合が多いですが、その場合の配色の多くは、一部の業態のサイトを除いて、ブルーやオレンジなどの色が多かったりします。 理由はとても簡単で、物品を販売したりサービスの申し込み利用者を募る場合、購買意欲や精神的な高揚を促したり、ビジネスや商取引における信頼度を与えやすいためで…
トラックバック:0
コメント:0

続きを読むread more

Illustrator表示モード、プレビューモードとアウトラインモード

Illustratorのショートカットキーを打ち間違えたときにアートボードに配置されたイラスト素材が線だけになるアウトライン化されてしまいます。 これはIllustratorの表示モードのアウトラインモードで表示された場合です。 通常イラストレーターのドキュメントを開いて作業する場合は、プレビューモードという普段から一般…
トラックバック:0
コメント:0

続きを読むread more

Webデザイン力をアップする7つの習慣

コラム~あるWebデザイナーの寄稿~ 憧れのWebデザイナーになりたての頃、そうはいっても2、3年目の頃だが、いまひとつWebデザイン力が向上しないで悩んでいた。 本や雑誌を見たり、すでに出来上がっている素敵なWebサイトを見本や参考にして制作するWebデザインは、自分でもなかなか良くできたと思いきや、クライアントの手痛い返…
トラックバック:0
コメント:0

続きを読むread more

拡張子csh-ファイル拡張子

ダウンロードしたベクターフリー素材などの中に、拡張子がcshのファイルがありました。 拡張子cshのファイルは、様々な形状やデザインのデータが入っている、ペイントソフト・・・ 続きは ⇒ WEBデザインならWEB制作システム 
トラックバック:0
コメント:1

続きを読むread more

拡張子csh photoshop

Web上で公開されているフリーベクター素材などをダンロードして解凍した際(海外とくにアジアのフリー素材はウィルスが入っている場合が多いので注意)、aiやepsファイルなどともに拡張子がcshのファイルが入っていることがあります。 これは様々な形状やデザインのデータが入っている... 続きは WEBデザインのWEB制作システム
トラックバック:0
コメント:0

続きを読むread more

Photoshopブラシファイルの保存フォルダと追加方法

まずPhotoshopCS5でフォトショップ用ブラシ素材を追加します。 方法は簡単でブラシプリセットのウィンドウの右上からパネルメニューを開く。 メニューの中から「ブラシファイルの読み込み」を指定して、拡張子abrのファイルを読み込む。 編集などを一括して行う場合はパネルメニューのプリセットマネージャーから追加、削…
トラックバック:0
コメント:0

続きを読むread more

PNGファイルがFireworksで開けない

拡張子PNGファイルをFireworksで開こうとすると「ファイルが開けません 。ファイルタイプが不明です。」とダイアログが出て開けない。 一瞬、Fireworksのバージョンやファイルの破損などが予想されますが、 データの内容を確認してみます。 ここで早急にファイル破損などとしないで、他のアプリケーションをで開 …
トラックバック:0
コメント:0

続きを読むread more

PDFパスワードセキュリティでIllustratorで開けない

PDFファイルのセキュリティの設定で編集や変更ができないようにパスワード設定をしているデザインデータなどが送られて来た場合の対処法。 なぜかPDF化されたロゴマークなどのデザインデータが編集できないようにパスワードロックされているときがあります。Illustratorなどで開こうとすると、「ドキュメントはパスワードで保護さ…
トラックバック:0
コメント:0

続きを読むread more

Photoshopアンチエイリアス無効化

Photoshopでイメージの編集をする際に、通常の画像や文字であれば、画像補間方式アンチエイリアスが有効になっていないと、縮小拡大の際にイメージのジャギーが目立ち、見栄えがとてもよくないものになります。 しかし、たとえば、ドット絵やQRコードのようにアンチエイリアスのぼかしがあると、逆に困ってしまったりするわけですが…
トラックバック:0
コメント:0

続きを読むread more

PhotoshopCS4抽出フィルタインストール

画像の輪郭の切り出しやオブジェクトからの背景の切り出しなど、CS3までは抽出フィルがデフォルトで入っていましたが、 CS4からはプラグインとしてダウンロードしてから、フィルタファイルを組み入れないといけません。 髪の毛などの細かい切り出しや、曲線が複雑な画像を大雑把にトリミングするときは便利な抽出フィルタなので、 あら…
トラックバック:0
コメント:0

続きを読むread more

Photoshopで飛び出す3D風立体ロゴ作成

Photoshopで立体感のある3D風の飛び出すロゴを作成してみます。 3D風とはPhotoshopの3D描写機能を使用せずにおこないます。 方法は簡単で、 [1]対象のレイヤーを選択する。 [2]キーボードの「V」ボタンと.... WEBデザイン続きはこちら ⇒ web制作システム-Webデザイン
トラックバック:0
コメント:0

続きを読むread more

PhotoshopCS5ブラシ追加方法

PhotoshopCS5のブラシファイル.ABRを追加してみます。 拡張子ABRはPhotoshopブラシファイルの拡張子になります。 ■PhotoshopCS5ブラシ追加方法 1.Photoshopのメニュー[ウィンドウ]から[ブラシ]をクリック 2.ブラシウィンドウの右上の.... …
トラックバック:0
コメント:0

続きを読むread more

インデックスカラーへの変換とは

グレースケールもしくはRGB画像からインデックスカラーへの変換とは。 Photoshopでインデックスカラー変換をすると、対象の画像カラー数が最大で256色までカットされる。 変換によって、画像は色情報を削減することになり、ファイルサイズを軽くします。 カラーモードが8bit/チャンネルのグレースケールかRGBの画像か…
トラックバック:0
コメント:0

続きを読むread more

ディーター・ラムスの良いデザイン10ヵ条

iMacやiPod、iPhoneのデザインを担当したアップルのジョナサン・アイブも多くの影響を受けているといわれている、著名なドイツのインダストリアルデザイナー、ディーター・ラムスの良いデザインの10ヵ条。 『良いデザインは革新的である。』 『良いデザインは製品を便利にする。』 『良いデザインは美しい。』 『…
トラックバック:0
コメント:0

続きを読むread more

日本のデザインについて考える

今回は、WEBデザインではなく、『日本のデザイン』について考えてみました。 日本に氾濫するデザインは、ヨーロッパがほとんどで、アメリカなどを含めた欧米文化の影響がほとんどだと思ってます。 すべてとはいいませんが、日本でトップクラスのデザイナーや美術家は、ほとんどフランスとかを中心にしたカルチャー摂取をどこかの接点で行…
トラックバック:0
コメント:0

続きを読むread more

データファイルの圧縮方法とMac

WEB制作の現場では、異なるプラットフォームでのデータのやり取りが発生することがしばしばあり、グラフィック系のデータはApple社のMacで制作されることも多いが、実際のビジネス環境ではWindowsでデータ管理されることがほとんどです。 その際にファイル名の文字化けや、圧縮や解凍形式についての簡単な注意点をまとめてみまし…
トラックバック:0
コメント:0

続きを読むread more

上手なWEBデザイン方法とコツ

WEBデザインで見栄えがすばらしいとか、レイアウトが整っているとか、印象がとても良いホームページなどをがありますが、 それらのホームページのWEBデザインにはいくつかの特徴とコツがあります。 WEBデザインなどでは、まずコンテンツや検索エンジンなども配慮しなければならないため、ヴィジュアル重視とはいきにくいかもしれませんが、…
トラックバック:0
コメント:0

続きを読むread more

エディットリアルデザインとWEBデザインの比較考察

以前ほどではないでしょうが、最近でもWEBの市場はまだまだ活性化する余地はありそうです。 一方で深刻なのは、印刷や出版業界の産業です。廃刊する雑誌やコミックなども年々増えてきており、 もはや、ごく限られた出版物しか定期刊行が非常に厳しい状況でもあります。 さて、そんな中で印刷物などの出版を専門としていた誌面デザ…
トラックバック:0
コメント:0

続きを読むread more

写真をイラスト版画風Photoshop

ケシゴム版画師?のナンシー関氏が亡くなって久しいが、彼女が作成する版画ケシゴムは結構印象に残るものが多かった。 写真画像からPhotoshopCS4を使用して、ナンシー関さんの消しゴム版画調のイラスト画像を作成してみましょう。 通常の写真画像から、モノクロの版画タッチの画像へ加工します。 ①....…
トラックバック:0
コメント:0

続きを読むread more