X-LABO: Haxe: 角のない 1px の外枠線を描く Photoshop CC 拡張パネル PixelOutline を公開
この記事のURL http://www.dango-itimi.com/blog/archives/2015/001230.html 角のない 1px の外枠線を描く Photoshop CC 拡張パネル PixelOutline を公開しました。Haxe で制作を行っています。 https://github.com/siratama/PixelOutline ドット絵制作を行っていると、図に対し 1px の角のない外枠線を引く場面がちょくちょく出てきます。範囲選択ツールなどを用いる事で 1px 外枠線を引く事は可能ですが、微妙に手順が面倒なため、今回の拡張機能を制作しました。 先日公開した PaletteChange よりも内容はとてもシンプルなので、ソースコードも見やすくなっていると思います。Haxe での拡張パネル制作に興味のある方は github の方をご確認ください。 注意点 A
拡大してもキレイなドット絵を作成する | Photoshop養成ギプス
【Photoshop講座】「ドット絵」とは、パソコン上で使われるゲームキャラクターやアイコンなどを表す絵です。ドットの集合体で構成されているのが特徴で、小さいものでは、16 × 16 ピクセルという限られたマス目だけで表現されています。 優れたドット絵の手法をデザインに取り入れたいと思うことも多く、そのときに困ることは、特定の倍率以外で拡大すると形が崩れてしまうことです。あの懐かしい「スーパーマリオブラザーズ」を題材に、どんなサイズに拡大しても劣化しないドット絵を作成しましょう。 ピクセルグリッドにスナップさせてパスを描く！ Photoshop で扱う画像の最小値は「1」pixel、つまり、ドット絵を構成する点の「1 ドット」です。ドット絵を描くには、この詳細なピクセルグリッドのマス目に沿って、正確に配置する必要があります。 [環境設定] ダイアログの [ベクトルツールと変形をピクセルグリ
ドット絵ができるまで - tikeda's blog
アイコンなどを作る時はよく、ドット絵をデザインの手法として使うのですが、これまで、とてもたくさんのドット絵を描いてきてテクニックをあれこれ身につけてきました。はてな社内でも、どうやって描いてるの？みたいな事を時々聞かれます。試しにはてなマップで地図に表示される「写真」アイコンをWinkを使って再現してみました。（実際の物はもっとディテールに手をいれてますが。）意外と時間がかかってしまい、1300フレーム6MBにもなりましたが、個人的にも客観的に見れて面白かったです。 ドット絵ができるまで ドット絵1つでも小さい領域ながらテイストや雰囲気を考えながら作る事ができ、非常に奥の深い手法だと思います。 追記 下書き：http://d.hatena.ne.jp/tikeda/20050715/1121441586
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
