2018年6月

1/2ページ

Photoshop よく使うショートカットキー

今回はPhotoshopのよく使うショートカットキーの紹介をしたいと思います。 ショートカットキーなんか覚えなくても、メニューバーから探せばいいじゃん!って思う方は読まない方がいいかも、、、でも、ショートカットを覚えると格段に作業効率はあがるので、ぜひ覚えて活用してみて下さい。 一つ注意点として、MacとWindowsでボタンの種類が違うので、間違わずに覚えるようにしてください。 1、1つ戻る M […]

人気モデルをImageMagickを使ってクロマキー処理する

今回は、ぱくたそさんで人気のちゃんねーをImageMagickを使ってクロマキー合成していきたいと思います。 ImageMagickは、大抵の大手レンタルサーバーなら、デフォルトで入っていますが、ローカル環境や自作サーバーで行う場合は、公式サイト等からできます。 1. 指定の色を置換する transparentオプションで指定の色を置換する方法です。クロマキ処理を行う場合の一般的な方法になります。 […]

Photoshopで切り抜き(境界線を調整機能を使って)

今回はPhotoshopを使って簡単に切り抜きをする方法を紹介したいと思います。 CS5から追加された「境界線を調整」機能を使用して綺麗に簡単に切り抜きをしていきたいと思います。 写真を用意する まずは切り抜きたい写真を用意します。 どんな写真でもいいのですが、自動選択ツールで選択をしていくので、背景がわかりやすい写真がおススメです。 自動選択ツールでざっくり選択範囲を指定する ツールボックスより […]

デザインをするときに使える7つの裏ワザ

  • 2018.06.18

この記事は、「7 Practical Tips for Cheating at Design」 をざっくりと要約したものです。意訳多く含まれています。きちんとしたもの読みたい場合は、原文を読んでください。 1. フォントサイズの代わりに文字の色や太さで階層分ける テキストのUIを設計するときに過ちがちなミスは、フォントサイズに頼りすぎて、階層のコントロールできていないことです。 「このテキストは重 […]

お詫びとPhotoshopの便利機能

お詫びと訂正 今回は皆さまにお詫びと訂正をしなくてはなりません。 前に書いたWebデザインサイズの記事で有名サイトを載せましたが、あのサイトの記事が2015年に更新されたものだったみたいで、みなさんに3年前の内容をお教えしていました、、、 なぜわかったかというと、会社の先輩が私の記事を見てくれたみたいで、訂正してくれました。 では実際には何pxが正解なのか? 正解はありません。でも、主流は1100 […]

ロゴデザインを無料で作るサイト

Webデザイナーをしています。 どうもナカノです。 今回はロゴです。様々な場面で目にすることが多いロゴですが、人の目に多く触れる機会が多いので、その分力を入れなくてはならない部分にもなります。理想通りのロゴを作成するにはクリエイターにお願いするのが一番だとは思うのですが、費用や時間がかかってしまいます。今回はそんな人の為に無料のロゴ作成サイトを紹介したいと思います。 flaming text ht […]

既存のソースを殆ど変えずにfile_get_contents()をcURLにする

PHPで外部ファイルを読み込むとき用に用意されている、file_get_contents関数ですが、一部の外部サイトを上手く読み込めなかったり、タイムアウトを指定していてもタイムアウトされなかったりとAPIなどのデータを取得するには向いていない関数です。 なので、file_get_contents関数よりも速くで、file_get_contents関数で上手く読み込めないサイトを読み込めたりできる […]

動きが面白いWebサイト

Webデザイナーをしています。 どうもナカノです。 会社のHPを一新させようということで社内の人と色々なサイトを見ていて、今のHPの動きの面白さに感動しました。皆さんにも知ってもらいたく、また、デザインや構築の際の参考にしていただけたらな、と思い、今回は動きが面白いWebサイトを紹介したいと思います。 1.魔法少女サイト https://magical-girl.site/ このサイトは動きがとに […]

PHPを書くときに使っているATOMのpackage5選

ぼくがPHPを書くときに使用しているATOMのpackage5選です。 packageはATOMを開いて「File -> Settings -> Install」からインストール可能です。 less-than-slash </と入力するだけで、HTMLの閉じタグを補完してくれるpackageです。 頭も使わずにただ、タン!タン!ターン!とタグが閉じれるので、楽しいしラクに閉じタグ […]

Webデザインサイズ

いつもデザインをする時にサイズをどうするか悩んでいる方多いのではないでしょうか? 私もそうなんですが、、、 どういうサイトにしたいか、どう見せたいか、などによっても変わってくると思うのですが、一番はユーザーのPCのディスプレイサイズだと思います。 では、まずはどんなディスプレイサイズがあるか調べてみましょう。 ディスプレイサイズ 規格 画面サイズ 名前 SVGA 800×600 Super Vid […]