News, Gratis-Downloads & Tutorials

Wer flexibel sein will, muss auch die Größe der Kindelemente unabhängig von der konkreten Breite oder Höhe angeben können. Zum Glück gibt es das flex-basis-Property, womit man genau dies erreichen kann. Ändert man die flex-direction, wird so aus einer Breite eine Höhe und umgekehrt. 

Um wie viel soll ein Element wachsen, wenn mehr Platz vorhanden ist, als die flex-basis vorgibt? Dies lässt sich mit flex-grow gezielt einstellen.

Kindelemente können nicht nur schrumpfen, wenn weniger Platz vorhanden ist, sondern auch vom Container umgebrochen werden. Wie man dies mit flex-wrap kontrolliert, zeige ich in diesem Video.

flex-direction und flex-wrap lassen sich kombiniert in der Eigenschaft flex-flow angeben. Das macht sogar Sinn, wenn man nur flex-direction setzen will, da flex-flow kürzer ist. ;-)

Eine Aufgabe zu flex-wrap.

Abstand muss manchmal sein, um es dem menschlichen Auge nicht unnötig zu ungemütlich zu machen. Zum Glück gibt es mit gap eine CSS-Eigenschaft, die genau dies bei den Kindelementen eines Flex-Containers bewerkstelligt.

Ordnung muss sein, besonders bei Web-Oberflächen, denn diese sollen ja gut bedienbar sein. Die Reihenfolge muss manchmal auch individuell festgelegt werden, ohne Elemente im DOM zu bewegen. Dafür ist die CSS-Eigenschaft order sehr gut geeignet, mit der man die sichtbare Reihenfolge der Elemente einfach ändern kann.

Sommerzeit – Kaffeezeit! Gestalte eine Kaffeekarte, die mit ihrem Hellblau und den schwungvollen Wellenelementen an Schwimmbad, Freiluft und Sonne satt erinnert. Mithilfe der Tabellen vermittelst du klar und anschaulich, welche Kaffeevarianten in welcher Größe zum Angebot stehen. Die Icons zeigen auf, ob es sich dabei um eine gemütliche Tasse Kaffee oder aber einen fix mitgenommenen Coffee-to-go handelt. Eine Kaffeekarte, die sich auch bestens für Cafés in Schwimmbädern und Fitnesscentern oder generell für den Bereich Wellness eignet.

Die Vorlage steht dir zur Bearbeitung in Word, InDesign, Photoshop, Affinity Publisher und Affinity Photo zur Verfügung. Das A4-Format kannst du beibehalten oder du druckst die Kaffeekarte, wenn gewünscht, in A5 aus. Für jedes Programm erhältst du außerdem Layouts im US Letter-Format. Zudem hast du sämtliche Freiheiten, die Vorlage anzupassen: Tausche Texte, Preisangaben und die Fotos, ändere die Farbigkeit, verschiebe bzw. entferne Designelemente oder füge eigene hinzu. Das Ergebnis stellst oder legst du ausgedruckt auf die Tische oder du wandelst es als PDF um und bietest die individualisierte Kaffeekarte zum Download an.

Dieser kostenlose Download beinhaltet nur die Dateien für . Die Dateien für andere Programme stehen auf TutKit.com zur Verfügung.

Feinschliff für deine Rohdiamanten: Verwende die Presets rund um das Thema Sommer, um aus deinen Bildern, Fotos oder Composings den exakt passenden Look hervorzuzaubern. So einfach funktioniert es: Öffne dein Bild in Camera Raw (oder Lightroom) und wähle das dich und die Betrachter deiner Werke überzeugende Preset. Von der Farbtemperatur über die Belichtung bis zur Sättigung wird damit direkt eingestellt, was du ansonsten mühsam selbst justieren müsstest. 

• 5 Camera Raw-Presets für kreative Looks & Styles in deinen Fotos, Bildern & Composings
• Bestens geeignet für Motive aus dem Bereich Sommer
• Presets als XMP-Dateien für Camera Raw (Photoshop ab CS6, After Effects, Bridge)
• Ebenfalls als LRTEMPLATE-Dateien für Adobe Lightroom ab 4.0 

In diesem Video zeige ich dir einen einfachen Sommer-Sonnen-Farblook in Photoshop mit der „Selektiven Farbkorrektur“.

Diese Photoshop-Aktion gibt deinen Bildern einen wunderbaren Frühlings-Look. Enthalten sind fünf Einzelaktionen für schöne Frühlingsvariationen. Als Zusatz enthält der Download noch drei Texturen, einen Photoshop-Pinsel und ein Verlaufsset. Ein zugehöriges Video-Training zeigt dir, wie du optimale Ergebnisse erhältst.

Frühlingserwachen! Einfach herunterladen, einfügen und Größe anpassen – schon gestaltest du deine Osterzeit mit wunderschön illustrierten Frühlingsblumen aus. Die zehn Illustrationen stehen dir einmal mit und einmal ohne Kontur zur Verfügung. Die PNG-Dateien kannst du in gängigen Grafik-, Layout- und Bildbearbeitungsprogrammen verwenden. So erstellst du im Handumdrehen zum Beispiel österliche Grußkarten und Geschenkanhänger.

Jetzt können sich deine Videos ganz einfach warm anziehen oder eiskalt verpacken lassen! Lege eine dieser 20 Video-Lookup-Tables (LUTs) auf und erzeuge sommerlich oder winterlich anmutende Retro-Effekte. Die LUT-Dateien stehen dir im softwarekompatiblen CUBE-Format zur Verfügung, sodass du sie in Programmen wie Premiere Pro CC, After Effects CC und Vegas Pro anwenden kannst. Als Bonus erhältst du eine Projektdatei für After Effects CC. Warme Farben für deine Videos? Ein cooler Look für deine Clips? Mit diesen LUTs wird Color Grading zum Kinderspiel!

Diese 4 Handlettering-Vorlagen bringen Schwung in deine nächsten Marketingaktionen! Die vektorbasierten Schriftzüge kannst du in Größe und Farbe ohne Qualitätsverlust frei anpassen. So eignen sie sich bestens für Banner im Web ebenso wie für gedruckte Werbeplakate. Neben den Vektordateien für Programme wie Adobe Illustrator und Affinity Designer stehen dir außerdem PNG-Dateien für gängige Bildbearbeitungs- und Layoutprogramme zur Verfügung. Dieser Download enthält die Schriftzüge „Herbst Sale“, „Sommer Sale“, „Frühling Sale“ und „Winter Sale“.