CSS Nite LP34:Webデザインで使うPhotoshop

2014年4月19日(土)御茶ノ水ソラシティカンファレンスセンターで開催 http://cssnite.jp/lp/lp34/
3
前へ 1 2 3 ・・ 10 次へ
CSS Nite @cssnite

無線LANですが「CSSNITE_A」が使えるようになりました。 #cssnite_lp34

2014-04-19 14:47:33
ふっちー @Fuchie

喋りながらデモやるって、やっぱり大変なんだね。紙切りの人はやっぱりすごいんだなぁ。(感動するポイントが違う) #cssnite_lp34

2014-04-19 14:47:34
tsumomah @tsumomah

option押しながらだとマスク追加が逆になるのもはじめてしりました。。。 #cssnite_lp34

2014-04-19 14:48:14
CSS Nite @cssnite

無線LAN、「sola city Hall East」も使えます。パスワードは「solacity01」です。 #cssnite_lp34

2014-04-19 14:48:22
CSS Nite @cssnite

黒葛原「マスキングテープ(紙っぽくちょっと透けているテープ)の作り方。シェイプで長方形を作り、多角形選択ツールで選択範囲をざっくり作ってマスクをかけ、テープの端っこ感を出す。」 #cssnite_lp34

2014-04-19 14:48:29
Hisako/しおりん @hisara_

黒葛原さんはパターン好き。私も良く使います〜。使い回しがきくのが特に。 #cssnite_lp34

2014-04-19 14:55:07
CSS Nite @cssnite

黒葛原「ちょっと焼けた感じの紙の作り方。長方形のシェイプを作り、パターンオーバーレイから紙っぽいパターンを選択し、不透明度を少し下げておく。カラーオーバーレイで色を選択。レイヤーマスクを追加して、がさっとしたブラシを選択し、外側をちょっとずつ削る。」 #cssnite_lp34

2014-04-19 14:57:05
tsumomah @tsumomah

今日はデザイナーさんが多そう。 #cssnite_lp34

2014-04-19 14:57:30
CSS Nite @cssnite

黒葛原「ドロップシャドウを距離0でかけ、シャドウ(内側)をかけて、さらに古ぼけた感じを出す」 #cssnite_lp34

2014-04-19 14:58:20
CSS Nite @cssnite

黒葛原「レインボーの帯も、グラデーションオーバーレイで作れば、長方形シェイプで作らなくても良い」 #cssnite_lp34

2014-04-19 14:59:13
あかつき@おばな @akatsuki_obana

いろんな効果、機能を組み合わせて使う。基本のようだけど、意外と使ってないデフォルトやプリセットをフル活用する。「見落としている機能はないですか?」#cssnite_lp34

2014-04-19 14:59:24
ハマリオ a.k.a 夜更かし/wonderboy @hamario619

レイヤースタイルって何に使っていいかわからなかったけど、こういう応用の仕方で色んな表現ができるんだなぁ #cssnite_lp34

2014-04-19 14:59:35
てっちゃん ⊿ @oremega

グラデーションでレインボー線つくるけど、簡単なやり方ないのかな?地味に面倒なんだよね。#cssnite_lp34

2014-04-19 14:59:47
CSS Nite @cssnite

黒葛原「いろんな効果、機能を掛け合わせてみよう。グラデーションだからグラデーション、ドロップシャドウだからドロップシャドウという本来の使い方だけではなく、「ありえない」使い方をしてみよう。」 #cssnite_lp34

2014-04-19 15:00:24
CSS Nite @cssnite

セッション1「レイヤースタイルを使いたおす!よく目にする、あの表現を作ってみよう」 黒葛原さん、ありがとうございました! #cssnite_lp34

2014-04-19 15:04:16

試してみた!便利なPhotoshop有料プラグイン/庄崎 大祐(Stocker.jp)

CSS Nite @cssnite

セッション2 庄崎大祐さんで「試してみた!便利な Photoshop 有料プラグイン」スタート! #cssnite_lp34

2014-04-19 15:04:44
CSS Nite @cssnite

庄崎「Photoshop には Web 制作用のプラグインが豊富にある。気になるけど買ったことのない有料プラグインを実際に買って試してみた。あわせて無料で同じことができるか。」 #cssnite_lp34

2014-04-19 15:06:37
CSS Nite @cssnite

庄崎「ご紹介するのは、SVG 書き出し系、CSS 書き出し系、Web デザインカンプ系。」 #cssnite_lp34

2014-04-19 15:07:06
CSS Nite @cssnite

Zeick は SVG 形式で書き出してくれるプラグイン。注意点は Photoshop CC のみであることと、イラストレーターからペーストしたスマートオブジェクトには非対応であること。 #cssnite_lp34

2014-04-19 15:09:51
CSS Nite @cssnite

庄崎「Photoshop CC の「画像アセット」機能を活用し、SVG を書き出す方法もある。ただし、Photoshop CC 14.2 以降かつ generator.json が必要。」 #cssnite_lp34

2014-04-19 15:14:53
あかつき@おばな @akatsuki_obana

svgをアップしてWebフォントにまとめる。#cssnite_lp34

2014-04-19 15:15:58
CSS Nite @cssnite

Export your vector layers from PS to SVG(無料) http://t.co/UqhdignKBF #cssnite_lp34

2014-04-19 15:16:09
Hisako/しおりん @hisara_

画像アセットはPhotoshop 14.1からついた機能だけど、庄崎さんの紹介してくれたSVG書き出しテクニックは、14.2からっていってたね?まあ、アップデートして今の最新版なら使えるってことたね! #cssnite_lp34

2014-04-19 15:17:22
前へ 1 2 3 ・・ 10 次へ