An exploration of what's possible with CSS for Pokemon Cards, simeydotme (Simon Goellner)
![Pokémon Cards CSS Holographic Effect](https://cdn-ak-scissors.b.st-hatena.com/image/square/6016a019a20e42d733f0a299e3b3b87f2d17744d/height=288;version=1;width=512/https%3A%2F%2Fpoke-holo.simey.me%2Fthumb.png)
ロシア在住の写真レタッチ愛好家 Max Asabin は、彼の Photoshop のあるデザインテクニックで話題となっています。作品の多くは、複数の写真を組み合わせ、映画のような世界観を違和感なく表現しています。 切り抜いた写真を背景にうまく合成したあと、光をつかったエフェクトを重ねることでまるで1枚の写真のようにうまくフィットさせ、あっと驚く風景に仕上げます。作業風景をステップごとにまとめたGIFアニメーションと一緒にどうぞ。 写真合成していると言われなければ分からないほどリアルなものばかり。彼のその他の作品については、Facebook、Instagram、Twitter、DeviantArt などで随時公開されています。 2016年総まとめ!デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 やってみたかった表現をマスター!基礎力をつけるPhotoshopチュート
TOP 特集 3ds Max+After Effectsでつくるセル調エフェクトで、陥りがちなポイントとその解決方法 セル調のフルCG作品が増えてきた昨今、エフェクト制作においてもセル調エフェクトの制作テクニックに注目が集まっている。本稿では、「3DCGセル調エヘクト読本」の作者ハラタオルこと名倉晋作氏に、煙、炎、水といった 基本的なエフェクトをセル調でつくる場合に陥りやすいポイントとその解決法を解説してもらった。 ※本記事は月刊「CGWORLD + digital video」vol. 219(2016年11月号)からの転載となります TEXT_名倉晋作(ハラタオル) EDIT_小村仁美 / Hitomi Komura(CGWORLD)、山田桃子 / Momoko Yamada アニメ制作フローの特性に合致した3ds Maxでのエヘクト制作 はじめまして、ハラタオルと申します。普段はアニ
Today we’d like to share some WebGL experiments with you. The idea is to create a very realistic looking rain effect and put it in different scenarios. In this article, we’ll give an overview of the general tricks and techniques used to make this effect. Please note that the effect is highly experimental and might not work as expected in all browsers. Best viewed in Chrome. Getting Started If we w
AnimsitionA simple and easy jQuery plugin for CSS animated page transitions.Download on GitHub Tweet 58 different animations Fadefade-infade-outFade Demo Fade upfade-in-up-smfade-in-upfade-in-up-lgfade-out-up-smfade-out-upfade-out-up-lgFade Up Demo Fade downfade-in-down-smfade-in-downfade-in-down-lgfade-out-down-smfade-out-downfade-out-down-lgFade Down Demo Fade leftfade-in-left-smfade-in-leftfade
box-shadow ◀ ▶ From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou Tweet
TD Ameritrade Site redesign Lenovo Yoga Microsite Product launch microsite Thrivent Financial Site redesign, Brand refresh Wells Fargo Site redesign for a pitch CAT Visualisations Brand Strategy Thrivent Mutual Funds Site design Lenovo Yoga Media Campaign Banners / Media Assets CAT Product Configurator Site enhancement concept Beneful Site redesign CASE IH Site redesign for a pitch Athenahealth Si
3D物理演算ライブラリであるOimoPhysics、つい先日公開された3Dエフェクト作成ツールのAwayEffect、そしてそれらのライブラリを用いたFlashのStage3Dサンプルコンテンツを制作しましたのでご紹介します。 デモ1:「Shooting Blocks」を再生する高くつまれた箱に魔◯光殺砲みたいなビーム砲をあてて撃ち落とす、ゲームなどでありがちなサンプルコンテンツです。OimoPhysicsとAway3Dを連携した際に、どの程度パフォーマンスが出るのか知りたかったので作成してみました。よほど箱の数を増やさない限り(数万オブジェクト単位)、実用に耐えうるコンテンツができると思います。アトラクションコンテンツなどで使う機会があれば使ってみたいと考えています。 デモ2:「Rolling Ball」を再生するこちらは、物理演算エンジンのテストでよくあるボール転がし系のサンプルコンテ
Some inspiration for loading effects of grid items using CSS animations. Today we’d like to share some loading effects for grid items with you. The idea is to show items in a grid with an animation once they are in the viewport. The possibilities are infinite and we’d like to give you some inspiration. Some of the effects are from the awesome CSS3 scroll effects by Hakim El Hattab and the idea is
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Chardin.js - Simple and beautiful overlay instructions for your apps.
CSS演出小ネタ連投です。 【borde-radius】で作った丸型の要素に対し、マウスオーバーでコンテンツを回転させながら浮かび上がらせる方法です。 transformで拡大と回転言葉で説明するのはとっても難しい(けどやってることは全然難しくない)のでさっそくサンプルをご覧下さい。 HTML <p> <span>Shop</span> <a href="#">More info</a> </p> 【p】のなかに【span】と【a】が並んで内包されています。通常時は【span】のみ表示させておいてhoverで【a】を浮き上がらせてこよう、という構想。 p,span,a{ display:block; position:absolute; width:100px; height:100px; border-radius:50%; font-size:16px; text-align:cent
Último proyecto completado: Chimeneas Rofer & Rodi Proyecto actual en curso: Arteforo (versión en castellano abajo) After doing the CSS Paper Bird effect, I found out that by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a backgroun
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く