Sketch.appで画像や写真にマスクやグラデーションマスクをかける

sketch

画像や写真の切り抜きによく使うマスク(Mask)
PhotoshopやIllustratorを使ったことがある人にとってお馴染みのツールですが、使い方がPhotoshopやIllustratorに慣れているとちょっとややこしい。

普通にマスクをかけたつもりが他のオブジェクトが消えてしまったり、マスクをかけた画像がいつの間にか違うところに移動してしまったり。。

マスクはSketch上でデザインを作るのに重要な機能です。
ここではマスクのかけ方から、その注意点などについて詳しく解説していきます。

続きを読む

【初心者におすすめ】WordPress向けレンタルサーバ比較2017

エックスサーバー

Webサイトの運営で重要なものの一つが「レンタルサーバ」
安いものであれば月数百円から使うことができるものもあれば、数万円もするサーバもあります。
あまり安いものを選んでしまうと、サーバのスペックが足りずページの表示が遅かったり、サーバがダウンしやすいこともあります。

WordPressの使う場合、htmlファイルやCSSファイルとは別にデータベースが必要になってきます。レンタルサーバによってはデータベースが無いものもあります(安いプランは特に)
またデータベースを必要とするのでスペックもある程度重視する必要があります。さらに最近はセキュリティ面も重視されるようになってきていますので、その点も見過ごせません。

そこでWordpress向けのレンタルサーバを比較してみました。

続きを読む

Webデザイナー必見!Sketchの背景パターンのデザインで使えるサイト4選

Bg-patterns

SketchはUIデザイン作成に特化したアプリでMacのみで使用できます(2017年8月現在)
フォトショップのように写真加工は無く、イラストレーターのように多機能ではないけど、両者と比べて圧倒的に軽量で、各デバイスごとに書き出せるのが便利!そして(アドビと比べて)安価!

筆者は案件によってSketchとフォトショップを使い分けていますが、それぞれアプリに特徴があって、

「なんでこの機能はフォトショップに無いんだろう。。」

「Sketchのこの機能をもう少し使いやすくしてほしいなぁ。。」

といったことがよくあります。
続きを読む

固定ページごとに独自テンプレートを設定する方法

WordPress

WordPressの固定ページは通常のテンプレートとは別に、そのページ独自にテンプレートを作成・設定することが出来ます。

メリット

例えばこんな状況の時はメリットがあります。

  • 特定のページだけカラム数が異なる
  • 特定のページだけデザインを変えたい
  • phpを中に書きたい

などです。

続きを読む