Leafletで地図に画像を重ねる
重ねて表示 表示結果 コード <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Leafletで地図に画像を重ねる|U-知能デバイス研究所</title> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" /> <script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"></script> <script> function init() { // 画像の設定 var image_url = "img/i083.jpg"; var bounds = L.latLngBounds( [36.980, 136.59], [36.645, 137.31],
QGIS初心者向け入門マニュアル 実践「災害データ」を地図で分析してみよう｜NHK取材ノート
分析を身につけるには実際に「手を動かす」ことが一番の近道です。 分析ソフトと自治体のオープンデータを使った分析の進め方をとことん詳しく、マニュアル風にご説明します。やってみたいけど難しそう、わからない！という方の参考になればうれしいです。 （※あくまでもイメージをつかむためのものですので、詳しくはネットや参考書など他の情報もご覧ください） 今回のゴール 地震による津波で浸水が想定されている区域に、子どもが通う施設がどのくらいあるのか。公開データから分析、可視化する。 以前、私が分析に携わったこの記事では、津波によって浸水が想定されている区域に、高齢者施設がどのくらいあるかを調べました。 このときのデータは、県や自治体などから取材で提供を受けたものがベースになっていました。そのままオープンにすることはできないので、今回は高齢者と同じく避難に手助けが必要な、「子どもの施設」に津波のリスクがある
Photoshopで一手間加えるとこんなに違う！思い通りのかっこいいノイズを加えたグラデーションやテクスチャの作り方
Photoshopにはノイズを加えるために、フィルタ「ノイズ」があります。しかし、そのまま適用するだけでは思った通りのノイズを作成することができないかもしれません。 一手間加えて、思い通りのかっこいいノイズを加えたグラデーションやテクスチャの作り方を紹介します。 How to create noisy by Stefan 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ノイズを加えたグラデーション その1: モノクロ2階調のシェードとグラデーション その2: ノイズを伴った、リソグラフのようなグラデーション その3: メゾティントでノイズを作成 ノイズを加えたグラデーション InstagramとBehanceにアップロードした私の作品は人気が上昇するにつれ、数多くのメッセージとそれをどのように作るのか質問を受けました。 これはR
Plesk – パブリックアーカイブからPlesk Onyxを インストールしよう | さくらのナレッジ
2017年5月11日に、「さくらのクラウド」でPlesk Onyx Web Pro Editionインストール済みのパブリックアーカイブの提供が開始されました。CentOS7上にプレインストールされたPleskがサクッと立ち上がり、もうPleskライセンスを外部から購入してくる必要はありません。 本記事では、Plesk OnyxサポートのCentOS7を「さくらのクラウド」に立ち上げる手順をご紹介します。本プランの概要については、”さくらのクラウドニュース Pleskプラン” をご確認ください。そして、次回以降の記事では、立ち上げたサーバ上のPleskにおいて、所定のドメイン名を持つWeb、及び、Mailサービスを稼働させる手順をご紹介します。 ところで、６月30日迄に「さくらのクラウド」でPlesk Onyxサーバを立ち上げると、先着２０名様に限り、Pleskオリジナル！モバイルポーチ
Photoshopを使った簡単で素敵なテクニック！螺旋状に伸びる丸い空間を描くチュートリアル -Round Things
螺旋状に伸びる幻想的な雰囲気の空間。 これを描くにはものすごいテクニックが必要でしょ、と思った人は安心してください。Photoshopの標準機能を使うだけで思ってたよりかなり簡単に作成できます。 アートワーク: (Round Things) - Stronger... 素材選びやディテールはあれですが、螺旋状の空間を作成するのは驚くほど簡単です。 Step 1は画像を用意し、正方形にリサイズします。 下記は、4,000x4,000pxの画像を使用しています。
60L DESIGN / sixty-el design
時計の文字盤の目盛りを角度入力で正確に打ち、時計を描くチュートリアルです。 それ以外の説明は大幅省略で厳密に描いてもいませんのでご了承下さい。 まずは『表示＞グリッドを表示』『表示＞グリッドにスナップ』にチェックを入れ、グリッド基準で描いていきましょう。 グリッドの間隔が気に入らなかったら、『環境設定＞ガイド・グリッド』で調整しましょう。ここでは20mmの10分割にしていますので、グリッドは2mm単位でひかれてます。 太いグリッドの交差する箇所を中心として、真円を描きます。中心となる部分で『optionを押しながらドラッグ（winならAltを押しながら）』すると、中心から半径をドラッグする事で円を描けます。 実際はshiftも押しながらになると思います（shiftは楕円でなく真円に固定して描ける） 同じようにやや小さめの円を描き、２つの円を選択した状態で複合パスにします。 塗りに色を指定す
Create dynamic futuristic user HUD interface with VectorScribe in Adobe Illustrator
Create dynamic futuristic user HUD interface with VectorScribe in Adobe Illustrator by Iaroslav Lazunov | Mar 15, 2016 In today's lesson we will look at the techniques of creating a futuristic interface. This interface theme is very popular in graphic design nowadays, and it is very easy and comfortable to create it using the Dynamic Shapes Tool found in VectorScribe plug-in. Step 1 To begin crea
最近の気になるデザインテクニックが身につくPhotoshopのチュートリアルのまとめ
打ち出し画像やポスターの印象的なグラフィック、フローラルを組み合わせるタイポグラフィ、Duotoneのグラデーション、幾何学的な形状を使ったデザインなど、最近の気になるデザインテクニックが身につくPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくり作成してみたいですね。 How To Create a Colorful Fluoro Duotone Photo Effect 画像の彩度に合わせてDuotoneのグラデーション マップに置き換えて、繊細なディテールを表現します。さらにハーフトーンのテクスチャを重ねることで、レトロ風に。
Photoshop: Mosaic Pattern - Robert's Productions | Post Production Tips
Quick Tip: Global FX Mute in Premiere Pro | Click Here to Grab this Month's Envato Freebies Today, we’ll be taking a look at creating this neat little Mosaic Pattern like what you see below. This effect will look great when creating backgrounds or even text patterns. Video Written Tutorial I’m going to start off by creating a new document. File > New with a name of “Mosaic Pattern” and a size of 1
20 New Photo Editing Tutorials to Take Your Photography to the Next Level
PhotoshopTutorials 20 New Photo Editing Tutorials to Take Your Photography to the Next Level Nancy YoungApril 28, 20154 Comments07k You know how powerful Photoshop may be in terms of photo editing, so almost each photo can be turned into a real masterpiece. You need just to know how to do that. Following Photoshop tutorials is a great way to learn new post-processing techniques. Below you’ll find
How To Create a Realistic Chalk Lettering Effect
This post was originally published in 2015 The tips and techniques explained may be outdated. Last week I posted a showcase of stunning chalk lettering designs, which gave me the inspiration to create some chalk typography myself. Unfortunately I neither have the talent or a chalkboard to produce authentic hand made chalk typography murals, but I’ve come up with a technique that designers can use
Photoshopで美しい背景をつくる！グラデーションやブラーの効果的な使い方が学べるチュートリアルのまとめ
美しいぼけやブラーを描いたり、写真の背景に目立つようテキストを磨りガラスに載せたり、モザイクやラインを使って幾何学状にしたり、美しい背景をつくるPhotoshopのチュートリアルを紹介します。 各チュートリアルは30分くらいで出来るものなので、ぜひお試しあれ。
デザイン背景などに利用できる パターンチュートリアル11種「11 Pattern Tutorials For Your Next Designs」
TOP > Design > デザイン背景などに利用できる パターンチュートリアル11種「11 Pattern Tutorials For Your Next Designs」 背景素材として活躍してくれるパターン。すでに完成されているものはもちろん便利ですが、時には自分で作ったものを使用したい時もあるのではないでしょうか？今回はそんな時に参考にしたい、パターンチュートリアル11種「11 Pattern Tutorials For Your Next Designs」を紹介したいと思います。 How to Create a Bright Geometric Circle Pattern in Adobe Illustrator – Tuts+ Design & Illustration Tutorial 11種類のパターンを作成できる手法が、分かりやすく紹介されています。気になった
Photoshopで写真に雨を降らせる加工方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部デザイナーの佐藤タカアキ（@sato_tkaaki）です。 最近隣の席のまゆが時折「ふふっ。ふふふふふ」と一人で呟いているのを見て底知れない闇を感じずにはいられません。 ところで皆さんは、闇と雨の関連性については知っていますか？ ここでいう闇とは心の闇のことで、人は雨を見ると心の闇をさらけ出すことに躊躇しなくなるらしいです。（たしかに雨の日のTwitterは皆いつもと違う気がする・・・） また、映画やドラマでも雨に降られるシーンは悲しみを表現していることが多いですよね。 そんなこんなで、今回はPhotoshopを使って簡単に雨を降らせる加工方法をご紹介したいと思います。 せっかくの機会なので、人物モデルに「水もしたたるいい男」を用意しました。 それではいってみましょう。 写真を読み込む まずは雨を降らせる前に、人物や背景などの下準備から始めていきましょう。 Pho
さまざまなテイストのテキストチュートリアルをまとめた「New Text Effects Tutorials 2015」
TOP > Design > さまざまなテイストのテキストチュートリアルをまとめた「New Text Effects Tutorials 2015」 テキストをただ平打したり並べて配置するだけでなく、グラフィカルな加工を施すことでよりデザインが魅力的に見えてくることも。そんな中今回紹介するのは、さまざまなテイストのテキストチュートリアルをまとめた「New Text Effects Tutorials 2015」です。 Create 3D Star Light Text Effect in Photoshop – PSD Vault テキストを、リアルかつデザイン的に表現できるチュートリアルが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Create a Hatched Drop Shadow Text Effect in Illu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Design Booth - Your Home For The World Wide Web
How to Create Your Own Product Mockup Box in Photoshop - Photoshop Tutorials
http://libregraphicsworld.org/blog/entry/drawing-mac-like-clock-in-inkscape
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
