Grafik & Design | Undolog.com

Pillolibri Mini-Bücher aus Photoshop zu Illustrator

Dienstag, 25. November 2008

David Vasta gedacht, dass viele Menschen versuchen oft sehr spezifischen Themen, und dann ein Buch zu lesen, kann zu anspruchsvoll. So ist die Idee der Entwicklung einer Reihe von Büchern extrem kompakte (10 bis 40 Seiten), die jetzt sowohl in Papierform, sowohl im Download (auf einem sehr niedrigen Preis).
Der Argumente sind immer sehr unterschiedlich, die ersten 5 Pillolibri widmet sich folgenden Themen:

Erstellen von 3D-Objekten mit Illustrator
Fotografie: die Grundlagen
Gestaltung einer Marke
Home Banking mit Bancoposta
VR-Bilder mit Cubic Converter

Ich Pillolibri zeichnen sich durch eine klare und direkte, und sind auf Lulu, in Farbe, innen: auf diese Weise, die Screenshots, sondern auch Fotos und Illustrationen zu dem Text, sind viel attraktiver!

Adobe AIR Skypemote Version: 1000 Download

Montag, 24. November 2008

jQuery: abgerundete Kanten auf die Bilder, um Überschneidungen

Donnerstag, 30. Oktober 2008

Aufgrund der unterschiedlichen Darstellung von den verschiedenen Browsern, die sich Microsoft Internet Explorer zu berücksichtigen, müssen wir immer auf Kunststücken für die Auswirkungen, die jetzt zu einem Standard. Die Multi-diskutiert abgerundeten Kanten sind ein klassisches Beispiel für die "Katastrophe" durch die vollständige Unfähigkeit, eine Norm für schwere Rendering von HTML / CSS. Es gibt viele Online-Lösungen, die es Ihnen ermöglichen, um die "Auswirkungen" (Auswirkungen dall'HTML Freistellung als abgerundeten Ecken, Schatteneffekte, Spiegelungen, etc. ...) mit Patches auf die Blätter von Stilen, spezielle Tricks mit dem Einsatz von div veredelt, Bibliotheken Javascript, die Verwendung von canvas etc. ...
Für rein Bildungseinrichtungen möchte ich erklären, weitere Technik (Cross-Browser), um die Kanten gerundet, um die Bilder:

Demo-und Source -

Lesen Sie weiter ... "

Adobe AIR-Version Skypemote

Dienstag, 30. September 2008

Dies ist die erste Version, die 0,8 (im Einklang mit der Online-Version), Skype Emotions-Editor - Skypemote - Version von Adobe AIR. Für die jetzt die Funktionen sind die medisime die Online-Version, mit dem Vorteil, dass eine Desktop-, dann auf Windows, Mac und Linux.
Vor der Installation, denken Sie daran, zu aktualisieren und / oder installiert das erste Mal, die Laufzeit von Adobe AIR, wenn Sie dies nicht bereits getan haben früher.

Herunterladen

Skypemote Luft können Sie sich von Google-Code.

Erstellen Sie ein Rohr durch Trennzeichen CSS

Dienstag, 9. September 2008

Oft finden Sie eine Reihe von Links Verteilte waagerecht, getrennt durch ein Pipe "|", die Bildzeichens dell'asticella vertikal. Außerdem, wenn man ein gutes Schreiben von HTML, werden Sie feststellen, dass diese Reihe von Links - offenbar horizontale - andere sind einfach Listen puntate UL oder OL Das Ergebnis ist, dass anstelle des Schreibens:

Plain Text

HTML:

<p>
> Link 1 </a> | <a href = "#2" > Link 2 </a> | <a href = "#n" > Link n </a> <a href = "#1"> Link 1 </ a> | <a href = "#2"> Link 2 </ a> | <a href = "#n"> Link n </ a>
</ P>

Es wäre besser zu verwenden:

Plain Text

HTML:

<ul>
> Link 1 </a> </li> <a href = "#1"> Link 1 </ a> </ li>
> Link 2 </a> </li> <a href = "#2"> Link 2 </ a> </ li>
> Link n </a> </li> <a href = "#n"> Link n </ a> </ li>
</ Ul>

Lesen Sie weiter ... "

Skypemote.com: Tell mit Emotionen

Dienstag, 26. August 2008

Öffnet - in der Beta-Phase - Skypemote.com, ein Projekt, geboren aus der Idee von mir und Nicola (flussodigitale.com), die vor einem einfachen Editor zum Erstellen von coolen Designs "Kleber" in Skype. Der Editor wurde in Adobe Flash CS3 und Zeit erlaubt, würde ich auch die Version - Desktop - Adobe AIR.
Wenn Sie Skype für Chats mit diesem Editor können Sie ganz sicher beeindrucken Sie Ihre Gesprächspartner. Wenn Sie diesen Dienst nützlich und Spaß, nicht zu vergessen, um mit Vorschlägen, Anregungen und - wenn Sie wollen - mit einer Spende!
Folgen Sie dem Projekt, denn es wird bald andere "freundliche" news.

Photoshop Tutorial: Techniken der Reflexion

Montag, 30. Juni 2008

Von der Apple Web 2.0 Bilder "spiegelt" überflutet haben Intrenet. Oft missbraucht, immer noch beeindruckend. Wissen, wie man gutes Geschäft ist nicht kompliziert und mit einem pizzoco Lust, können Sie es weniger "offensichtliche" und "Discount" ... Wenn Sie nicht verzichten kann.

Die Grundlagen von Reflex

Zunächst sehen wir, wie Sie ein Spiegelbild Grundlage. Die Technik für die Festlegung einer grundlegenden Reflexion, mindestens ein Lieblings-und ich ständig, ist eine einfache und schnelle Implementierung. Diese Methode erlaubt es, die größtmögliche Freiheit der anschließenden Änderungen und Transparenz erhalten, wenn Sie wollen, speichern Sie das Bild im PNG-24 mit Transparenz.

Lade Flash-Player ...

1. Wie immer offen Phosotoshop und laden Sie das Bild, das wir wollen, über eine spezielle Schicht
2. Duplizieren Sie die unsere Schicht (ziehen Sie die Ebene kopiert werden, um die ) Und nominiamolo "Schatten" oder "Reflex"
3. Aus dem Menü "Bearbeiten" wählen Sie "Konvertieren" / "Flip vertikalen"
4. Ziehen Sie die neue Ebene "Reflex" in der ursprünglichen Ebene und spostiamolo an der Basis der ursprünglichen Schicht
5. Wählen Sie die Ebene "Reflex" und halten Sie die ALT-Taste, fügen Sie eine Maske, indem Sie auf "Maske" in der Werkzeug-Fenster-Schicht, die Ebene "Reflex" soll verschwinden
6. Wählen Sie die Ebenenmaske in der "Reflex" aus und klicken Sie auf Füllung
7. ein Schatten aus schwarz auf weiß oder transparent:
8. Spur der Schatten aus der Mitte des ursprünglichen Schicht in der Mitte der Ebene "Reflex"

Lesen Sie weiter ... "

UPI auf Papier Restyling

Donnerstag, 26. Juni 2008

Normalerweise bin ich nicht, denn auch sie sind auf undolog Grafik & Design, ich bin verpflichtet, die Restyling Blog UPI auf dem Papier. Darüber hinaus Zeichnung von mir, wenn ich sehe, ein "Hand" gut ist stärker als ich! Mit dem neuen Layout, dann, Illustrationen der UPI sind sogar noch mehr Spaß.

Text Ersetzung Techniken in Flash

Mittwoch, 25. Juni 2008

Die Technik Text Ersetzung Ich bin heute ist in einigen Punkten, sehr interessant. Im Gegensatz zu klassischen Bild zu ersetzen durch CSS, diese Technik verwendet einen Flash-Film, um die Titel von unserer Seite. Obwohl es ein bisschen mehr, weil sie die Schaffung eines Flash-Films und die Verwendung von Javascript, um eine Reihe von Vorteilen nicht gleichgültig:

Pflegen Sie die "Zugänglichkeit der Website mit einer True-unaufdringlich-Javascript, damit die Crawler und Spinnen weiterhin, um zu sehen, die Seite so einfach und korrekte HTML
Es ist es nicht erforderlich, die Schaffung von Bildern für n Titel. Nur ein Film zu ersetzen alle Titel der Website, mit erheblichen Einsparungen bei den Downloads
Ermöglicht Ihnen die Erstellung einfacher Titel, aber mit Font normalerweise nicht auf dem Web
Der Text kann erbracht werden in HTML, dank der Eigenschaften von Flash
Der Text ist wählbar
Als Flash-Film können Sie Interaktivität und Animation aller Art

Beachten Sie auch, dass dieses Verfahren in der CSS sind praktisch nicht berücksichtigt!

Lesen Sie weiter ... "

PicLens in Flash mit Papervision3D 2,0: Teil II

Dienstag, 17. Juni 2008

Dieses Mal (siehe PicLens Flash mit Papervision3D 2,0) öffentlich-Code (PicLens.as), hatte ich zu überarbeiten einige Teile des Codes, damit die Angleichung der neuesten Version von Papervision3D 2,0 Great White, und ich machte einige Anpassungen und Ergänzungen. Ich habe diese Demo in eine Reihe von Knopf, Knöpfe, ändern einige Runtime-Parameter.

Simulation von Bewegung PicLens

Um Ansatz wie möglich auf die horizontale Bewegung von PicLens Original benutzte ich einen kleinen Weg, indem Sie eine "unsichtbare" DisplayObject3D Ziel für die Kamera:

Plain Text

Actionscript:

; __fooTarget = new DisplayObject3D ();
...
= __fooTarget; __bv. cameraAsCamera3D. target = __fooTarget;

In der Praxis werden die Zimmer immer Spitze der DisplayObject3D hinter der Reihe von immmagini. Wenn die Kamera bewegt (mit einer beschleunigten Bewegung / Inertial) haben auch DisplayObject3D folgt, aber mit einer leichten Verzögerung. Das hat mir erlaubt, die Wirkung von Bewegung glatt und sehr ähnlich zu erreichen, dass auf PicLens Original:

Plain Text

Actionscript:

+= ( ( __slider. Value - __bv. cameraAsCamera3D . x ) / 10 ) / 2 . 2 ; __bv. cameraAsCamera3D. x + = ((__slider. Preis - __bv. cameraAsCamera3D. x) / 10) / 2. 2;
__slider. Value - __fooTarget. x ) / 5 ) / 2 . 2 ; __fooTarget. x + = ((__slider. Preis - __fooTarget. x) / 5) / 2. 2;

Ich habe nicht alle Tween, sondern eine einfache und effiziente Funktion:

Plain Text

CODE:

/accelerazione ) /inerzia; Position + = ((posizionefinale - Position) / Beschleunigung) / Trägheit;

In der Demo können Sie einige Parameter: Fokus, Zoom und-ziele. Dies ist die Position der DisplayObject3D im Vergleich zu 99 Bildern! Durch die Veränderung dieser Position werden Sie feststellen, Änderungen in der Bewegung der Szene.
Zoom und Fokus sind Eigentum der Papervision3D.

Interaktion

Klicken Sie einfach auf die Bilder ...

Undolog.com

Pillolibri Mini-Bücher aus Photoshop zu Illustrator

Verwandte Post

Adobe AIR Skypemote Version: 1000 Download

Verwandte Post