Tags

閉じる

Category

閉じる

Search

Search

閉じる

( ・ω・)⊃ “ tips “ の検索結果

細かすぎて伝わらないアンチエイリアスの話

細かすぎて伝わらないアンチエイリアスの話

はじめまして、デザイナーの越後です。
webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く
画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。

そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、
少しマニアックなphotoshopでのフォント調整についてお話したいと思います。

ps-anti-aliasing.png

続きを読む

40秒以内シリーズ。(仮)

こんにちは。ククリよりジュジュ派のせきねです。

突然ですがみなさん、
「そこにあったと思った魔法陣がなかった」
「いまこの場に魔法陣があれば!」
「魔法陣にしてから5cmも伸びました!」
なんてことありませんか?

今回はそんな悩みを解消する、
"Photoshopのツールとキーの複合技で素早く&お手軽に魔法陣っぽい模様を描く方法"を紹介します。
「40秒以内に魔法陣を描かないとヒドイ目にあう...」というような時に役立ちますよ( ^ω^)9

続きを読む

イラレ素材がフォトショでガビル

イラレで描いたイラストをフォトショップにもってくることってありますよね

ペーストするとき「スマートオブジェクト」、「ピクセル」、「パス」でなら問題ないですが、

「シェイプレイヤー」でペーストする場合 容注意!!

a.jpg

 

運が悪いとせっかく綺麗なイラストがガビガビになってしまいます!

uma_2.jpg

続きを読む

Photoshopの秋 run 時短の秋 runrunrun

ひぶたポケモンが進化しておおひぶたポケモンて。セキネです。
みなさんショートカットは好きですか?ぼくはどっちかというと好きです。
そこで、今回は王道ショートカットではなく、知っておくと実は使えるflair/知っていても使うまでいかないcool/ボタン押した方が早いじゃないかdashというようなちょっとB級臭のするショートカットや小ネタを紹介します。ちなみにB級かそうでないかは独断と偏見で選んでます。そのへんよろしくお願いします。
目指せ、カンバス以外非表示系男子。

※Macキーボードでの記載となります。Windowsの方はCommand→Ctrl/option→altへと脳内変換をお願いします。
※OSやバージョン違いによって差異があるかもしれません。

続きを読む

マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´)

カヤックでは、デザイナーもHTMLコーディングをしてくれています。
(いつもありがとうございます!)

そんなワケで、本格的にHTMLコーディングはしないけど、
ちょこっとしたページなら組みますっていうデザイナー向けの、
「コレだけ読めばすぐできる」シリーズを始めました。

第一回は「携帯コーディング」についてです。

携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、
最低限の内容であれば覚えることも少ないですし、
一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ!

続きを読む

グラデーションメッシュを使いたい!

 

どうもこんにちは!

カヤック意匠部新米イラストレーターのウシキです!

今回はwebデザインではほぼほぼ使うシチュエーションのないillustratorのこの機能!

グラデーションメッ〜シュ!!!をご紹介したいと思います!

illustratorではかなり初期のバージョンからあるのに全然つかわないなぁって人もいらっしゃるのではないでしょうか!

Photoshopでできちゃうからいらないんじゃない?

印刷向きでweb向きではないんじゃない?

って思いがちですが、

ってその通りですが、

意外と使い方覚えちゃえば凄く簡単に早く便利にwebにも印刷にも対応できちゃう綺麗なオブジェクトがつくれちゃう!

それがグラデーションメッ〜シュです!


使い方にはいくつかコツが必要です!実際にグラデーションメッシュで描いたイラストを用いて説明していきます!

続きを読む

いつも元気な @barimi です。

先日行われました、ADOBE CREATIVE SUITE 5 Web Premium 発売記念セミナーの資料「マルチで行こう!」の資料を公開しました。

Dreamweaverのビュー機能を中心に、PCサイトをマルチプラットフォーム化するプロセスをまとめております。

続きを読む

つくったデザインをwindowsで見ていると想定してプレビューするとき、フォントをどうしますか?
フォントのアンチエイリアスをきらなくてはいけません。

簡単な方法は、フォントにラスタライズをかけ、その際にアンチエイリアスを切る事でできますが、フォントデータにビットマップデータが含まれていないとキレイに表示されません。

ラスタライズでアンチエイリアスを切る以外の方法でビットマップフォントに近づける事ができないか、実験してみました!

続きを読む

[図:age嬢メイクの完成サンプル]

メイクはベースが肝心!

1)肌の赤みや影を消して、陶器のような肌に。

スタンプツールで肌を丁寧に補正&トーンカーブでコントラストをあげ、
美白効果を演出します。

[図:チュートリアルStep1]

2)髪色を明るく

[クイック選択ツール]などを使い、髪の毛の部分を選択します。
その際[選択範囲]→[選択範囲の拡張]で少し大きめに選択、
コピーしてレイヤーを複製します。

複製したレイヤーを [カラーレベル:60 30 -50]、 [モード:比較(明)]に設定します。

[図:チュートリアルStep2]

3)髪にツヤをつける

ペンツールでツヤを出したい範囲を囲み、
選択範囲を作成(レイヤーサムネイルをctrl押しながらクリック)します。

選択範囲をぼかして(ここでは3px)、
トーンカーブでコントラストをつけ、[モード:輝度]に設定します。

参考:Creating shining hair

[図:チュートリアルStep3]

次はいよいよアイメイクです!

続きを読む

こんにちはhashimotoです。

僕はwebデザインをするときはイラストレーターを使っています。これから不定期でイラレでwebデザインをする人のためにいろいろと実験をしていこうと思います。

オブジェクトに影をつける。

つかみの第1回目はオブジェクトに影をつける、についてです。

続きを読む

MacでPhotoshopブラシをプレビューする方法


ども Shiiho です。

最近Photoshopのブラシ集めにはまっております。
ヨーロピアンの飾りの枠とかPhotoshopのブラシで結構出回っているんですよね
自分はフォルダ階層を深くするのが嫌なので一つのフォルダにまとめてブラシファイルを保存しています。一応、グルーピングできるようにファイル名の頭に
決められた名前をつけています。

abstract_hogehoge1.abr
abstract_hogehoge2.abr

みたいな感じです。

でもこうするとファイルが増えてくるとどれがどのブラシか分からない・・・
そこでPhotoshopブラシをプレビューできる方法はないかなと探してたらありました。


Photoshopブラシ(.abrファイル)をクイックルックするプラグインBrushViewQL

tips_090206_furukawa_1.jpg

画像を見れば分かりますが、abrファイルに含まれているブラシを
全てプレビューしてくれるんです。便利すぎる(`・ω・´)

ダウンロードは以下のサイトから
http://brushviewer.sourceforge.net/

WindowsではABRviewerというソフトを使えばプレビューが可能になるそうです。
僕の環境ではダウンロードサイトにつながらないため確認できず・・・

Safari3に開発メニューがついてた件

SafariでもFirebugみたいなソフト無いかなー

と思って調べていたら、Safari3にFirebugのような機能がついた開発メニューが存在していました。
(Windows版Safari3にもあるようです。)

あれ、そんなのないじゃん?って一瞬思いましたが、
この機能を使うには設定をしなければいけないようです。

設定方法
Safariの環境設定を開く

詳細タブ

メニューバーに開発メニューを表示

上記の設定で"開発"というメニューが表示されるようになります。
思ったより多機能でまだ使いこなせていませんが、かなり便利な機能だと思いました。

Flashの上にプルダウンメニューを表示する

Flashのエリアより上にCSS等で組んだプルダウンメニューを表示させるには
z-indexを指定するだけではダメなようです。

objectタグの中にパラメーターを追加し
Flashのエリアよりプルダウンメニューのz-indexの値を多く
設定してやることにより実装が可能でした。

追加するパラメーターは以下の通り
<object>〜</object>の中に以下のパラメーターを追加
<param name="wmode" value="transparent" />

SWFObject を使用している場合は以下の通り

so.addParam("wmode", "transparent");
と上記のパラメーターを追加します。

Firefoxの便利な使い方

こんにちは、Shiihoです。
ただデザインをしてるだけがデザイナーの仕事ではありません。
時には、ネットを駆使した情報収集能力も必要になってきますよね?
ということで、今回は普段使用しているFirefoxのショートカットについて
紹介したいと思います。(なかには、そんなもん知ってるよって方もいるとは思いますが・・・)

続きを読む

警告とメッセージ