アニメ『葬送のフリーレン』のあの名シーンをパワポで再現してしまう猛者に驚きの声／緻密なシェイプで1コマずつスライドを制作してコマ送りという匠の技【やじうまの杜】

2024/06/19 50 users 葬送 やじうま パワポ 猛者 フリーレン

続きを読む

これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape

2024/05/08 136 users CSS HTML 形状 div img

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loa... 続きを読む

流線型のMacBook Airの時代に終止符〜フラットデザインに固定 - iPhone Mania

2024/03/05 9 users 流線型 終止符 パームレスト iPhone Mania モテ

MacBook Airと言えば、横から見たときにパームレストに向かって厚みが薄くなる流線型のシェイプが特徴的でした。しかし、新型のM3チップを搭載したMacBook Airでは、MacBook Proのようなフラットなデザインになっています。 このフラットデザインがMacBook Airで採用されたのは2022年のことです。M3チップを搭載したモデ... 続きを読む

counterNetのポーズをPhotoshop、クリスタなどシェイプを扱えるソフトで行う簡単な方法

2023/02/15 12 users 体裁 直線 グリスタ ブラシ 部位

概要 Blenderを使う方法など色々出てきましたが、どうやら最終的に部位分けされた色で体裁を保っていれば何でも良いようです。 なお背景は黒じゃないとダメみたいです。 つまり、シェイプとか拡縮・回転などかけても劣化しない形式で作れるソフトなら何でも良いわけですね。もしくは毎回直線ツールとかブラシで直線引い... 続きを読む

ブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ

2022/08/10 412 users テクスチャ グラデーション アイソメトリック 背景 SVG

WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む

Rubyオブジェクトの未来をつくる「シェイプ」とは（翻訳）｜TechRacho by BPS株式会社

2021/09/27 13 users Rubyオブジェクト 許諾 原著者 翻訳 概要

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: The Future Shape of Ruby Objects 原文公開日: 2021/09/10 原著者: Chris Seaton RubyKaigi Takeout 2021: The Future Shape of Ruby Objects by Chris Seaton - RubyKaigi Takeout 2021 日本語タイトルは内容に即したものにしました。本記事はRubyKaigi Tako... 続きを読む

10分でショートムービーが作成できる「InVideo」で映画のオープニングのような動画を作ってみた - ITnews

2020/02/24 8 users InVideo ITnews エディタ オープニング 映画

InVideo https://invideo.io/ InVideoの特徴 「InVideo」は、テンプレートを選んで、エディタや画像、シェイプなどを使って、簡単にオリジナルのショートムービーが作成できるソーシャルメディアプラットフォームです。 プロモーションビデオを作成してみる 無料プランでも、1500以上のテンプレートから選んで、動画を作... 続きを読む

これはまずい、Photoshopでもバージョンアップで表示が変わる！ | CS5

2019/12/02 15 users Photoshop レイヤー効果 境界線 CC2019 CS5

Photoshop 2020の新機能紹介では一切触れられていないのですが、内部的に変更があったようです。それが発覚したのがAdobeコミュニティの次の投稿など（原因が同じと思われる投稿が複数あります）です。 Photoshop CC2020とCC2019 で「シェイプの線」と「レイヤー効果：境界線」の表示プライオリティが違う 自分でも同じ... 続きを読む

日本の伝統や文化、四季の風物詩をピクトグラムで表現したアイコン素材 -日本の風習を伝える100のアイコン | コリス

2017/12/04 200 users コリス ピクトグラム psd 風習 風物詩

日本の伝統や文化、四季の風物詩をピクトグラムで表現したアイコン素材を紹介します。 配布中止になっていたのですが、今回当ブログで再配布することになりました。作者様に感謝です！ アイコンのフォーマットは、2種類。 .png（透過PNG） .psd（シェイプ） アイコンは日本人に馴染みのある日本の伝統や文化、四季の風物詩がシンプルにデザインされています。.psdのシェイプは、サイズやカラーを変更すること... 続きを読む

日本語にもしっかり対応してる！PhotoshopのPSDファイルをSketchファイルに変換する -PSD to Sketch | コリス

2017/07/18 39 users psd コリス Sketch Photoshop レイヤー

ツールを移行する時にネックになるのが、既存のファイルです。 Photoshopで作成したPSDファイルをSketchファイルに変換するオンラインサービスを紹介します。レイヤー、シェイプ、スマートオブジェクト、マスクなどにも対応しており、PSDで作成したファイルがSketchで利用できるようになります。 日本語フォントや日本語のレイヤー・ファイル名でも問題なく、またかなりのファイルサイズでも問題なく... 続きを読む

フリーフォントで完成！ミニマルな無料ロゴテンプレート総まとめ（Photoshop / Illustrator 対応） - PhotoshopVIP

2017/03/07 55 users PhotoshopVIP ミニマルスタイル フリーフォント

ロゴデザイン制作に迷ったら確認したい、ミニマルスタイルのロゴ用テンプレート素材を集めました。文字とシンプルなシェイプで作成されたミニマルスタイルが中心で、どれもフリーフォントを使って編集できるものばかりです。 自由なサイズや色に変更することができ、どんなデザインとも合わせやすいのが特長。ロゴに黄金比を取り入れたり、グラフィックデザインで人気のブラシフォントを使ったモダンレトロ・スタイルなど、ロゴ制... 続きを読む

デジタルイラストを本格的なタッチで描ける！質感や空気感やディテールの表現がすごいPhotoshopのブラシ素材 -Fenris31 | コリス

2015/07/31 66 users テクスチャ Photoshop ペイント コリス 模様

さまざまなペイントやシェイプ、質感を生み出すテクスチャ、空や雲や煙や埃などの空気感、模様や飾りなどのディテール、デジタルイラストを本格的なタッチで描けるPhotoshopのブラシ素材を紹介します。 Fenris31 Br...記事の続きを読む 続きを読む

Clippy - Web上で画像の表示する形を自在に設定 MOONGIFT

2014/11/11 20 users Clippy 形状 CSS3 メイン画面 用意

画像をWebサイトに表示する際には、四角くか画像自体を起動する形に切り抜かないといけないとお思いでしょうか。実際にはCSS3を駆使することで元の画像は変えずに表示する形状を変えることができます。 とはいえそのような表示指定を手作業で行うのはとても面倒です。そこで使ってみたいのがClippyです。 Clippyの使い方 こちらがメイン画面です。画像と形を選ぶだけの簡単操作です。 シェイプは色々と用意... 続きを読む

Wolfram Alphaで「The Love Formula(愛の方程式)」をプロットした。 - YESかNOか半分か。

2014/08/13 7 users 方程式 Wolfram Alpha 前々 通称 数学

2014-08-14 Wolfram Alphaで「The Love Formula(愛の方程式)」をプロットした。 日常 数学 小ネタ 恋愛 はてなブログでもTeX記法が使えるということで、前々からブログで使ってみたいと思っていた。 さらに今回は、たまたま職場で美しいハートのシェイプのグラフを描く方程式― 通称：「The Love Formula」を目撃して、折角だからWolfram Alpha... 続きを読む

Photoshopのパスファインダーパネルを作りました（CS6／CC用） - saucer

2014/02/20 116 users saucer パスファインダー Photoshop パネル

意外と知られていないですが、PhotoshopでもIllustratorのパスファインダーのように、複数のシェイプを組み合わせて新しいシェイプを作成する機能があります（CS6以降）。でも、メニューとオプションバーを使って2回の操作を行わねばならず、Illustratorのようにワンクリックで実行することはできません。そこで、これらの処理をスクリプトにまとめ、実行しやすいようにパネルにしました。CS... 続きを読む

美しいソリッドなラインとかわいいベタ塗りの2種類が揃ってる無料のアイコン素材 -Pixeden | コリス

2013/11/24 88 users EPS ソリッド Pixeden コリス フォーマット

ビジネスサイトでも個人ブログでも無料で利用できる、ソリッドとベタ塗りの2種類が揃った高品質のアイコン素材を紹介します。 アイコンのアイテムは128種類、それぞれにソリッドとベタ塗りが揃っています。 ダウンロードできるアイコンのフォーマットは3種類、それぞれ30px, 60px用が用意されています。 .ai .eps .psd .psdはシェイプで作成されているので、サイズやカラーの変更も簡単です。... 続きを読む

Java技術最前線 - JavaFX 2ではじめる、GUI開発　第16回 パスとシェイプに関するトランジション：ITpro

2013/10/18 5 users ITpro トランジション つなぎ GUI開発 バス

前回に引き続き、今回もシェイプについて紹介していきます。 今回は、複数の要素から構成されるパスと、シェイプを対象としたトランジションについて紹介します。 javafx.scene.shape.Pathクラスで表されるパスは、現在の点から次の点までのつなぎを指定していくことで、複雑な形状を記述するシェイプです。 次の点までのつなぎを表すには、javafx.scene.shape.PathElemen... 続きを読む

iPhone.design » 日本の風習を伝える100のアイコン − 完全版

2013/10/17 92 users 風習 コリスさん 需要 多少なり 配布

『日本の風習を伝える100のアイコン』プロジェクトの完成版です。 日本固有の風習を伝えるもので、多少なりともアイコンとしての需要がありそうなものを、今まで4回に渡って配布してきました。 今回はその完成版です。 100個揃った完成版をもって5回目の配布に換えさせていただきます。 また、完成にあたってシェイプを含むpsd及びaiデータの販売を開始しました。 $5.00で販売のところを、コリスさんとのタ... 続きを読む

Photoshop CC（14.1.2）の「属性」パネルでシェイプのサイズや位置を変更する方法 | Stocker.jp / diary

2013/10/10 32 users Stocker.jp 長方形 diary 属性 パネル

Webデザイン Photoshop CC（14.1.2）の「属性」パネルでシェイプのサイズや位置を変更する方法 Top diary Thursday, October 10th, 2013 Photoshop CC では、長方形などのシェイプを作成した際に「属性」パネルでシェイプのサイズや位置を変更することができるようになりました。 これでWebデザインカンプ制作がやりやすくなる！と思ったのですが... 続きを読む

ミニマルでフラットがかわいい全300種のアイコン素材、PSDもAIもフォントも揃ってます -Metrize Icons | コリス

2013/04/08 213 users コリス psd ミニマル TTF フォント

商用でも無料で利用できる、ミニマルでサークル状のフラットなデザインがかわいい全300種のアイコン素材を紹介します。 Metrize Icons ダウンロードできるアイコンのフォーマットは、これ以上ないくらいに揃ってます！ PSD (各アイコンはシェイプ） SVG (512 x 512) EPS AI PDF Web Font (ttf, eot, woff) さらに、次のアップデートではpngとc... 続きを読む

Photoshopのシェイプでできること。

2013/03/19 606 users Photoshop Illustrator ダブルクリック

PhotoshopをWebデザイン制作として使ってると、シェイプを使って図形を描く事って結構多い気がします。拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、Illustratorでも使い回せる、そんなシェイプの機能や特長について、個人的なまとめです。2013.3.19. Tue Photoshop, シェイプ, チュートリアル, テクニック PhotoshopをWebデザイン制... 続きを読む

四角の画像を一瞬で角丸にしてしまうMacアプリ「Kakumaru Punch」が鬼便利。 | 和洋風KAI

2012/12/17 22 users Photoshop 和洋風KAI レイヤー 一瞬 Macアプリ

今まで、四角の画像を角丸にするって結構大変でした。 僕の場合、Photoshopで加工してましたが、「コピーを作って → 画像を統合して → シェイプで角丸のレイヤーつくって → 選択範囲を取得して → 統合した画像をその選択範囲で切り取る」という、大変めんどうなことをしていました。全行程5分くらいかかってたかも・・・。 しかし、今回ご紹介する「Kakumaru Punch」を使えば1秒、一瞬で美... 続きを読む

PhotoshopでWebデザイン作成のステップアップに役立つエントリーまとめ - NAVER まとめ

2012/11/28 507 users NAVER Photoshop ブラシ ツールパネル パターン

これからPhotoshopでWebデザインを始めたいなーと思っている初心さん向けの、Photoshopのツールパネルについてのまとめです。ツールパネルの他、ブラシやパターン、シェイプの整理方法、スタイルを使った簡単Webデザインもご紹介します。 続きを読む

iPhoneの充電ができるカードタイプのUSBケーブル「ChargeCard」 - Touch Lab - タッチ ラボ

2012/07/19 10 users iPhone ChargeCard USBケーブル ケーブル

バッテリー容量が心細いiPhoneを使うユーザーにとって、USB-Dockケーブルは文字通り「生命線」ですが、必要なときにかぎって手元に無かったりするものです。この「ChargeCard for iPhone」は、iPhoneの充電用ケーブルをカード型にすることで携帯性を向上。財布などにしまっておけば、ケーブルが無くて充電できないという事態を防ぐことができるという製品です。乾電池のようなシェイプの... 続きを読む

PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」:phpspot開発日誌

2012/07/02 319 users Photoshop phpspot開発日誌 CSS3Ps

CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーショ... 続きを読む