作者別: 森島

【スマホアプリ】スプラッシュ画面デザイン集

スマートフォンアプリのスプラッシュ画面をデザイン機会があったので、参考にデザインを収集しました。 Pokémon GO […]

【photoshop】複雑な画像を毛先まで簡単に切り抜く方法

今回は、「選択とマスク」機能を使用した画像の切り抜きを紹介します。全体で10分程の作業です。 使用するのはこの画像。女の […]

【Illustrator】複数の要素のカラーを一括で変更するワザ

今日はアプリのモックアップなどを作成する時に便利なTipsを紹介します。 例えばこの状況で、headerの色やボタンの色 […]

【photoshop】トーンを合わせて写真を自然に合成する

今回はこちらのペンギンの写真に帽子をかぶせる合成をしてみましょう。 ペンギンの写真は青みのトーンが強く、女性の写真は赤み […]

【フリー素材】Web年賀状を送ろう!

2018年度、戌年のWeb年賀状を作成しました! 文章や住所を書き換えて、お手持ちのサーバへアップすれば、簡単にWeb年 […]

紙面デザイナーが、WEBやアプリをデザインする時に注意したいことまとめ

昨今、もう切っても切り離せないWEBやアプリ。私自身職業柄、デザイナーの知り合いが多く、良くWEBの注意点を質問されるこ […]

SVGとCSSを使って複雑な形のボタンのhoverを設定する

リンクやボタンにマウスオーバーの動きを設定する際、CSSアニメーションを利用するのもすっかりと一般的になりました。 ここ […]

HTMLに「role属性」を付与してWebアクセシビリティの向上を目指す

今日は、HTML5より正式に採用された「role属性」について書きたいと思います。 role属性とは role属性は、こ […]

キャッチコピーやデザインの説明に使えるワード集

日頃、キャッチコピーやデザインの説明を考える際に時間がかかりがちなので、時短のためにワード集を用意しました。この中からイ […]

【自作背景】星空をつくる

今回も自作背景を作っていきましょう。今日のテーマは「星空」。 手順 01.星を散らす 02.空の写真を調整・合成する 実 […]

【自作背景】photoshopで雲を描く

ここにこういう素材が欲しい…けれどちょうどよい素材が無い。そんな時は自分で素材を作ってしまいましょう。 今日はphoto […]

オブジェクトを生成する関数を作ろう CreatJS

その他の記事はこちら↓ トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1 […]

トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その2

前回の記事はこちら↓ トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1 […]

トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1

後学のためにトレンドのJSを調べていたのですが、 jQueryから入って、フロントエンドのアニメーション・マウスイベント […]

【SEO対策】itemtype、itempropの調べ方【schema.org】

————————&#82 […]

【SEO対策・schema.org】itemscope、itemtype、itempropの基本

————————&#82 […]

バナー・メインビジュアル デザイン集

今回はバナーとメインビジュアルを集めました。 個人的には、人物モデルの写真を組み合わせて作るデザインが気に入っています。 […]

jQueryしか使えないデザイナーが流行りのReact.jsでHello Worldしてみる。

React.jsの理屈は後回し。とりあえずコードを書いてみたい。jQueryが古いと言われているのらしいので「こう書けば […]

【jQuery】〇月×日△時になったら表示を切り替えたい

例えばキャンペーン応募受付が夜中の0時までなので、その時間ピッタリにリンクを削除して、終了のメッセージを出したい。しかし […]

WEBブラウザからプッシュ通知を送信 【Push.js】の使い方

2017年のトレンド予測で「ネイティブアプリが減少、WEBアプリケーションに移行が本格化」というものがありました。 確か […]

人物の写真を補正する

今回は人物のレタッチを紹介していきます。 使用するのはこちらの写真。 ヘアスタイルを修正 まず、看護師さんなので髪をまと […]

写真を美しく補正する

案件によっては、撮影などの機会がなく、担当の方が撮った写真を素材としてデザインをまとめるという状況も多々あります。 その […]

社会人のための三角関数復習[基本編]

前回書いた扇形状にアニメーションする記事、非常に残念な動きをしています。無念としか言いようがありません。 これを機におさ […]

svgで扇形を書きたかった。

勉強も兼ねて、円グラフのようにぐるっと描写するjsを書きたかったのですが、どうにもうまくいきませんでした。。 角度の計算 […]

GIFアニメは次世代へ!動くpng画像、apng形式の作り方

(動かない場合、firefoxまたはChromeで確認すると動きます。) 上記の画像はapng形式のアニメーション画像。 […]

1 2 3 11