20 hochwertige Vexel-Beispiele, 10 Vexel-Tutorials + Tipps & Tricks zum Selbstgestalten

12.03.14, 9:14

So entstehen kleine Kunstwerke

Vexel ist ein Fantasiewort und eine Mischung aus Vektor und Pixel. Es geht bei dieser Technik um den Anschein einer Vektorgrafik, die jedoch aus einem Pixelbild entstanden ist. So werden etwa Linien nachgezeichnet oder Effekte angewendet, um Farben zu reduzieren und diese flächiger wirken zu lassen.

teaser-vexel

Wir haben 20 inspirierende Beispiele für dich recherchiert und präsentieren 10 Vexel-Tutorials, um gleich loszulegen. Zumeist werden Porträts nachgezeichnet. Achte dabei besonders auf die Haare, die den typischen Vexel-Linien-Stil zeigen.

Temple

Designer: Cristiano Siqueira

Temple - Cristiano Siqueira
© Cristiano Siqueira

avril april kwiecien

Designer: m0nobody

avril april kwiecien - m0nobody
© m0nobody

Digital Portraits (Vexels)

Designer: Kristy Anne Ligones

Digital Portraits (Vexels) - Kristy Anne Ligones
© Kristy Anne Ligones

Thom Yorke the Android

Designer: Jed Cablao

Thom Yorke the Android - Jed Cablao
© Jed Cablao

Buffy: She’s like Madonna

Designer: Anne εїз

Buffy: She's like Madonna - Anne εїз
© Anne εїз

Icon.

Designer: Nestor Tulagan, Jr

Icon. - Nestor Tulagan, Jr
© Nestor Tulagan, Jr

Can You Guess? Answer

Designer: Ashley

Can You Guess? Answer - Ashley
© Ashley

Vintage Beauty

Designer: ThaiHa Nguyen

Vintage Beauty - ThaiHa Nguyen
© ThaiHa Nguyen

Old Vexel- Angelina Jolie

Designer: Ashley

Old Vexel- Angelina Jolie - Ashley
© Ashley

2008 Quarter 3

Designer: Meredith

2008 Quarter 3 - Meredith
© Meredith

 

Vexel-Kurztipp #1: Vorgefertigte Pinsel einsetzen

Ein sehr wichtiges Merkmal einer Vexel-Umsetzung sind die nachgezeichneten Haare. Von Hand ist das für den eher ungeübten digitalen Zeichner recht schwierig, aber es gibt Hilfe. So gibt es im Internet zahlreiche vorgefertigte Werkzeugspitzen zu entdecken. Auf brusheezy.com etwa gibt es einige passende Haar-Pinsel im Archiv.

brush1

 

Nach dem Download und dem Entpacken öffnest du die Werkzeugspitzen wie folgt in Photoshop: Aktiviere das Pinsel-Werkzeug und öffne in der Optionsleiste die Auswahl für Pinselvorgaben. Gehe da in der oberen, rechten Ecke auf das Zahnrad-Symbol und wähle aus der Liste Pinsel laden an. Suche die entsprechenden Pinsel aus und klicke sie doppelt an. Die Pinsel wurden der Liste hinzugefügt und können nun in deinen Vexel-Umsetzungen eingesetzt werden.

brush2

 

Gimme More Braaaainsss

Designer: Ronnie Howe

Gimme More Braaaainsss - Ronnie Howe
© Ronnie Howe

Lady Gaga

Designer: Ashley

Lady Gaga - Ashley
© Ashley

Lash

Designer: BeBeachy

Lash - BeBeachy
© BeBeachy

jessica alba

Designer: Harits Baladi

jessica alba - Hartis Baladi
© Harits Baladi

chocolate

Designer: Harits Baladi

chocolate - Hartis Baladi
© Harits Baladi

VEXELS.NET

Designer: vexels.net

VEXELS.NET - vexels.net
© vexels.net

2008 Quarter 3

Designer: Meredith

2008 Quarter 3 - Meredith
© Meredith

Once in a while……

Designer: Chealse Vo

Once in a while...... - Chealse Vo
© Chealse Vo

The Principles of Lust

Designer: neda

The Principles of Lust - neda
© neda

Kate

Designer: davidnanchin

Kate - davidnanchin
© davidnanchin

Vexel-Kurztipp #2: Farben reduzieren

Ein sehr einfacher Weg, um Farben in einem Bild flächiger wirken zu lassen, führt über das Menü und Bild > Korrekturen > Tontrennung. Stufenweise kannst du da bestimmen, wie viele Farben erhalten bleiben sollen. So kommt es zu zusammengefasste Farbfelder und zu dem Effekt, dass ein Porträt eher wie eine Vektorgrafik wirkt.

flaeche1

 

Sleeping Beauty

Designer: rizaldy catapang

Sleeping Beauty - rizaldy catapang
© rizaldy catapang

 

Lehrreiche Vexel-Tutorials

Die folgenden zehn Webfunde präsentieren dir einige der schönsten Anleitungen zum Thema Vexel. So lernst du etwa Haare zu zeichnen, Flächen zu bilden und Farben zu reduzieren.

 

Vexel Tutorial – Hair

Designer: VAngelLJ

Vexel Tutorial - Hair - VAngelLJ
© VAngelLJ

Create a Basic Vexel Image

Designer: Alvaro Guzman

Create a Basic Vexel Image - Alvaro Guzman
© Alvaro Guzman

Vexelling Hair

Designer: Ilaria

Vexelling Hair - Ilaria
© Ilaria

Create a Complete Vexel Image Using Photoshop

Designer: Emil Agarunov

Create a Complete Vexel Image Using Photoshop - Emil Agarunov
© Emil Agarunov

Something Red Walkthrough

Designer: Jessica Finson

Something Red Walkthrough - Jessica Finson
© Jessica Finson

Photoshop Vexel Demo

Designer: Jeanine Browning

Photoshop Vexel Demo - Jeanine Browning
© Jeanine Browning

Create a Flowing Vexel Illustration in Photoshop

Designer: Jose D. Rodriguez Cadena

Create a Flowing Vexel Illustration in Photoshop - Jose D. Rodriguez Cadena
© Jose D. Rodriguez Cadena

WALKTHROUGH Part I, Too Bright to See

Designer: Amanda Redmond

WALKTHROUGH Part I, Too Bright to See - Amanda Redmond
© Amanda Redmond

fast and easy vexel tutorial

Designer: Ronald Indria

fast and easy vexel tutorial - Ronald Indria
© Ronald Indria

Tutorial Vexel de tin tan

Designer: elroyguerrero

Tutorial Vexel de tin tan - elroyguerrero
© elroyguerrero

Vexelling the Lips: A Tutorial

Designer: VAngelLJ

Vexelling the Lips: A Tutorial - VAngelLJ
© VAngelLJ

Vexel-Kurztipp #3: Farben reduzieren II

Eine Alternative zur Korrektur Tontrennung ist der Filter > Kunstfilter > Farbpapier-Collage. Bestimme zunächst die Anzahl der Stufen von 2 bis 8, stelle dann den Abstraktionsgrad ein (nicht zu hoch) und steuere die Details über die Umsetzungsgenauigkeit. Natürlich wurden hier bei beiden Farbreduzierungen die Filter etwas extremer eingesetzt, um den Effekt deutlich vorzustellen. Für ein echtes Vexel-Bild sind natürlich noch einige weitere Schritte nötig, wie in den ausführlichen Vexel-Tutorials zu sehen.

flaeche2

Kommentar hinzufügen

Mit der Nutzung dieses Formulars erklärst du dich mit der Speicherung und Verarbeitung deiner Daten durch diese Website einverstanden.