ELLY'S HATENA BLOG

Webデザイナーellyのデザインとゆるふわな日常。

デザイン

暖かい橙色、せつない青色「食器と食パンとペン」さんのイラストが心に染みる

言葉とイラストには人を温かくしてくれる、ちからがあると思います。 私も最近はそんなちからに肖りながら、毎日ポツポツと生きているのですが、特に好きなイラストレーターさんがいて、その方のイラストを紹介したいと思います。

見ているだけでワクワクする!わたしの好きな、Web勉強会スライドデザイン5選

Webのお仕事を始めてから、私が楽しみにしているのが週末の勉強会ですw「今日どんなことが学べるんだろう...どんな人と会えるんだろう...なんかワクワク緊張するなぁ」なんて思いながら毎回参加させてもらっています。 今回、スライドを作る機会があったので…

Photoshopスペースキーで「手のひらツール」が効かない!

突然、スペースキーが効かなくて「手のひらツール」が効かなくて、cmd + スペースキー + 左クリックで拡大出来ない!って困ったことがあったのでメモしておきます。 こんなところに原因があったの?!って思ったので、是非困った時は試してみてください。

Photoshopのアクション&ドロップレットでファイルを一括処理する方法

画像のリサイズやちょっとした補正など、同じような作業を行うとき、1枚や数枚なら手動でも良いのですが、これが数十枚にわたると、とても面倒です。 そんなときPhotoshopの「ドロップレット」という機能を使って(作って?)自動化させて楽をしちゃいましょ…

Photoshopでスライスせずに「画像アセット生成」でラクチンに画像を書き出す方法

画像アセット生成とは、切り取りたい画像をいちいちスライスせず、レイヤーに「◯◯◯.jpg」など、レイヤー名+拡張子などを書くことにより、自動でかき出してくれる機能です。 スライスでも慣れていればこっちのほうが使い易いかもしれませんが、スライスずれで…

「Fontello」を使ってアイコンフォントを簡単につかうレシピ!

少し遅ればせながら、アイコンフォントを積極的に取り入れたいと思い、ラフで1枚画として見せるとき...実際コーディングしてブラウザ上で見せるとき...など一連の流れがよくわかっていなかったので、まとめてみました。

【Photoshop】スマートオブジェクトを素早く元データに戻すスクリプト「Expand SmartObject」

最近Photoshopのスクリプトがとても便利で、もっと他に便利な機能ないだろうかと探し回っております。 今回ご紹介するスクリプトは、ラフ画像作成あるあるだと思うので是非読んでみてくださいね。

【Photoshop】レイヤー名を一括変換するのに便利なスクリプト「layerRenamer」

Photoshopで画像を書き出す時、スライスせずにアセットを使って一括で画像を書き出すことができるようになり、とても便利になりました。 拡張子の「□□□.png」や、Retinaディスプレイ用に「200%□□□ .png」をレイヤー名につけると、一括でレイヤーに書いた通り…

WEBデザインやUIデザインの参考になるPinterestのボードまとめ

情報収集としてデザインを収集する場合、後から見直した時ビジュアルで、わかりやすいように整理しておきたいですよね。以前はEmberを使っていましたが、今はPinterestを使っています。 簡単にスクラップできるのはもちろん、スクラップした後に類似の画像が…

ELLY'S HATENA BLOG © 2016. All Rights Reserved.