Artikel-Schlagworte: „Gimp“

Pizza Webdesign

Sonntag, 17. Januar 2010

In dem Tutorial “Webdesign mit Gimp” habe ich euch gezeigt, wie man ein Webdesign mit Gimp erstellt. Nun möchte ich euch, das fertig umgesetzte Design, zum Download anbieten. Ihr könnt es gerne für private Zwecke verwenden oder umändern. Lediglich der Link im Fußbereich muss erhalten bleiben.

Klicken zum Vergrößern

Vorschau

Download

Gebürstete Metalltexturen mit Gimp

Sonntag, 10. Januar 2010

Ein Leser hat sich ein Tutorial über gebürstete Metalltexturen gewünscht. Hier ist es ;-) . Da die grundsätzlichen Schritte aus meinem vorherigen Tutorial – „Texturen erstellen mit Gimp“ – bereits bekannt sind, ist dieses Tutorial in Stichwortform verfasst.

1. Bild erstellen:

- Bild mit der Größe 512*512 Pixel erstellen

- mit einem grauen Farbton füllen

2. Filter:

„Filter – Rauschen – HSV-Rauchen“ mit folgenden Einstellungen

Klicken zum Vergrößern

(weiterlesen…)

Webdesign mit Gimp

Sonntag, 3. Januar 2010

In diesem Artikel möchte ich euch zeigen, wie man mit Hilfe von Gimp ein schönes Design für eine Homepage erstellen kann. Hierzu verwenden wir, als fiktives Beispiel, die Homepage einer Pizzeria. Dieses Tutorial behandelt den gestalterischen Teil. Die Umsetzung in html und css würde den Rahmen sprengen. Hierzu werde ich jedoch weiterführende Links auflisten.

Das Grundgerüst:

Unsere Seite soll später auf vielen Computern gut dargestellt werden können. Daher müssen wir uns ein wenig nach der breiten Masse richten. Die am weitesten verwendete Bildschirmauflösung ist 1024*768 Pixel. Also darf unsere Seite nicht breiter, als 1024 Pixel sein. Durch den Scrollbalken des Browser verringert sich die Breite noch etwas. Für unsere Seite nehmen wir eine Breite von 960 Pixel. Diese 960 Pixel sind mittlerweile eine Art inoffizieller Standart geworden.

Nun aber zur Umsetzung. Wir erstellen ein neues Dokument mit einer Abmessung von 1024*768 Pixel. Anschließend erstellen wir eine neue Ebene mit 960*700 Pixel und zentrieren diese innerhalb des Dokuments. Auf einer weiteren Ebene erstellen wir nun den Kopfbereich der Seite. In diesen wollen wir später eine Grafik einbinden. Wir geben ihm die Breite von 960 Pixeln und eine Höhe von 200 Pixel. Anschließend sollte es wie in nachfolgendem Bild aussehen. Die Farben spielen jedoch keine Rolle. Sie dienen im Moment nur der Übersichtlichkeit.

Klicken zum Vergrößern

(weiterlesen…)

Texturen erstellen mit Gimp

Samstag, 31. Oktober 2009

Heute möchte ich euch zeigen, wie man Texturen in Gimp erzeugt.
Texturen sind eine Art Tapete, die man auf Objekte legt. Ein Beispiel dafür sind Computerspiele. Alle Objekte im Spiel werden mit Texturen belegt. Die Modelle bestehen aus einem Gitternetz, auf das dann die Texturen gelegt werden.
Man unterscheidet zwischen kachelbaren und nicht kachelbaren Texturen. Kachelbare Txturen sind Texturen, die nahtlos an einander angefügt werden können. Solche Texturen werden für gleichmäßige Flächen verwendet. Zum Beispiel der Fußboden oder die Häuserfassaden im Computerspiel.

Doch Texturen werden nicht nur in Computerspielen verwendet. Auch in der Bildbearbeitung oder im Webdesign finden sie Anwendung. Oft um den Hintergrund des Bildes, beziehungsweise der Website, gleichmäßig zu gestalten.

Textur erstellen:

Wir werden nun eine kachelbare Fliesentextur erstellen. Dazu erstellen wir ein neues Bild mit der Größe von 512*512 Pixel. Kachelbare Texturen sind meistens quadratisch und haben die Abmessung von einer zweier Potenz (z.B. 2,4,8,16,32,64,128,256,512,1024……). Daher die 512*512 Pixel. Dieser Ebene verpassen wir einen grauen Hintergrund. Diese Farbe soll später die Fugen zwischen den Fließen darstellen. Ich habe mich für die Farbe #8e8c88 entschieden.
Anschließend wählen wir folgenden Filter: „Filter – Künstlerisch – Leinwand“. Dort wählen wir eine Tiefe von 1 und belassen den Rest bei den Voreinstellungen.
Nachfolgend verwenden wir den Gaußschen Weichzeichner „Filter – Weichzeichner – Gaußscher Weichzeichner“ mit einem Radius von 3 Pixel.
Nun fügen wir eine neue Ebene, mit der Größe von 508*508 Pixel, ein und ordnen sie in der Mitte des Bildes an. Dieser ebene verpassen wir dann einen leichten Beigeton. Zum Beispiel die Farbe #f3e4bf. Diese Ebene stellt später unsere Fließe dar.

textur1

Klicken zum Vergrößern

(weiterlesen…)

Tattoos entfernen mit Gimp – Arbeiten mit dem Klonen-Werkzeug

Sonntag, 13. September 2009

Tattoos sind typische Jugendsünden. Auf vielen Fotos können sie störend wirken und man möchte sie am liebsten los werden. Anstatt einer teuren und schmerzhaften Laseroperation, nehmen wir Gimp. Absolut schmerzfrei ;-) . Es ist jedoch mit einem gewissen Aufwand verbunden.
Anhand dieses Beispiels möchte ich auch die Benutzung des Klonen-Werkzeuges erläutern.

Tattoo entfernen

Das Tattoo, von diesem jungen Mann, wollen wir nun mithilfe von Gimp entfernen.

tattoo1

Klicken zum Vergrößern

(weiterlesen…)

Cooles 3D-Wallpaper mit Gimp

Sonntag, 6. September 2009

Heute möchte ich euch zeigen, wie man folgendes 3D-Wallpaper erzeugt.

wallpaper_turorial

Klicken zum Vergrößern

Zuerst legen wir eine neue Datei in der Gewünschten Größe an. In meinem Fall sind es 1280*1024 Pixel. Anschließend füllen wir den Hintergrund mit einer dunklen Farbe.
Auf einer neuen Ebene erstellen wir nun einen senkrechten Streifen. Am besten nehmen wir eine Farbe, die einen guten Kontrast zur Hintergrundfarbe hat.

(weiterlesen…)