<b>REGISTER</b>

GFX-Sector - Fragen & Probleme


 
GFX-Sector » GFX-Area » Fragen & Probleme » [Frage] Rissiges Papier als Website-Hintergrund » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

Fragen & Probleme

Hier können Fragen rund um das Thema GFX und Photoshop gestellt werden. Probleme und Anfängerfragen sind hier auch willkommen.
Post New Thread Post Reply

Rissiges Papier als Website-Hintergrund

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

Mr.Blade Mr.Blade is a male
Filtertester


Avatar von Mr.Blade

Registration Date: 03.12.2010
Posts: 9
Program: Adobe Photoshop CS5, Adobe Dreamweaver CS5 (CSS)

Spacer
Rissiges Papier als Website-Hintergrund

Rissiges Papier als Website-Hintergrund

      

Moin!

Ist zwar sonst nicht meine Art, aber meine ersten Beiträge hier werden wohl hauptsächlich aus Fragen bestehen. ^^

Naja, zur Frage:

Ich habe eine kleine Grafik aus einer Vorlage zusammengebastelt. Diese würde ich gerne für eine Website verwenden. Genauer gesagt soll dieser Hintergrund für den Seiteninhalt ziemlich ähnlich folgendem Design sein:

http://www.blogging4novice.com/wp-conten.../06/papyrus.jpg

Also am Footer und Header stärker angerissen und an den Seiten jeweils leicht. Da so ein Seiteninhalt ja mal kürzer und mal länger ist, müsste ich die Grafik ja quasi in drei Teile einteilen: Kopf, Seiteninhalt und Footer. Der Seiteninhalt wiederholt sich dann auf der Y-Achse (nach unten).

Nur ...
1. Wie bekomme ich so schöne "Risse" in das Papier per Photoshop
2. Wie bastle ich die Grafiken so auseinander, dass diese drei Teile der Grafik stets zueinander passen (dynamischer Inhalt halt) ?

P.S
Hier übrigens die Textur. ^^
http://www.abload.de/img/seitenhintergrundd6ml.jpg

Grüße

This post has been edited 1 time(s), it was last edited by Mr.Blade: 04.12.2010 18:25.

Rissiges Papier als Website-Hintergrund 04.12.2010 18:25 Mr.Blade is offline Search for Posts by Mr.Blade

kaltfrei
Buntstiftmaler


Avatar von kaltfrei

Registration Date: 31.01.2010
Posts: 87

Spacer
      

Das geht mithilfe von patterns..
Tutorials dafür findest du sicher über google.
Die Risse wurden sicher mit dem Pen-Tool gemacht. Also Pfad dann Auswahl und dann entfernen. Verfeinern oder so könnte man es damit, das man z.B ein px darunter einen schwarzen strich macht, der die selbe Form hat.
Für das Pattern könnte das Tut helfen:
http://www.switchonthecode.com/tutorials...re-from-a-photo
Coden könntest du das wie du bereits gesagt hast.
Den Content machst du dynamisch und nimmst ein Bild als BG, dass sich halt auf der Y-Achse wiederholen lässt. Also der Anfang ist auf der selben Breite wie das Ende...

Rissiges Papier als Website-Hintergrund 04.12.2010 18:56 kaltfrei is offline Search for Posts by kaltfrei

Mr.Blade Mr.Blade is a male
Filtertester


Avatar von Mr.Blade

Registration Date: 03.12.2010
Posts: 9
Program: Adobe Photoshop CS5, Adobe Dreamweaver CS5 (CSS)

Thread Starter Thread Started by Mr.Blade
Spacer
      

Besten Dank für deine Hilfe. Habs hinbekommen. :danke:

Grüße

Rissiges Papier als Website-Hintergrund 04.12.2010 20:11 Mr.Blade is offline Search for Posts by Mr.Blade
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 04.12.2010 20:11  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » GFX-Area » Fragen & Probleme » [Frage] Rissiges Papier als Website-Hintergrund

Similar topics to Rissiges Papier als Website-Hintergrund
Thread
Irgendwann werden die Leute erkennen, dass meine Werke schlechter sind als sie dachten. (Forum: Signaturen/Avatare)
Erstes Design - Private Website (Forum: Designs)
[Frage] Wie entferne ich die schrift ohne den hintergrund zu beschädigen bei diesem bild (Forum: Fragen & Probleme)
therealsin Vs. Bluey D. (Forum: Abstimmungen)
Pulp fiction als Typo =) (Forum: Fun & Spam)