achtergrond afb. voor website passend maken..
16 november 2008 - 11:58   
geplaatst door: DNA
hallo,

voor de grafische jongens onder ons.
ik wil graag een achtergrond van een website van hout maken.
Hiervoor heb ik een hoge res. foto van een stuk hout klaar staan maak het probleem zit het in dat de breedte wel goed is maar de hoogte niet.
steeds als je naar onder gaat scrollen zie je de overgang van de afb. tussen de bovenkant en de onderkant van de afb.

is er iets waarmee ik dit kan oplossen?
ik dacht zelf aan een stuk uitsnijden en dan spiegelen..
??

Site is in CSS gemaakt.

Apple = Click, Boom, Amazing!
achtergrond afb. voor website passend maken..
17 november 2008 - 22:06    reactie #1
geplaatst door: bertvanderveen
De beste manier om dit te doen is om een Pattern te gebruiken die op de goede manier aansluit bij herhaalde plaatsing. Maar je kunt ook zelf in Photoshop eea oplossen door de aansluiting aan te passen. Oftwel: de onderkant van een plaatje moet perfect aansluiten bij de bovenkant van hetzelfde plaatje. Dat kun je met stempelen etc. rechtbreien.

In woorden is dat moeilijk uit te leggen. Google op pattern en tiling en je komt gegarandeerd op te goede plek.

Bert Vanderveen [...]
+++ Applegebruiker sinds 1989 (van System 6 via OSX naar macOS 15)
achtergrond afb. voor website passend maken..
17 november 2008 - 22:13    reactie #2
geplaatst door: jkolkman
misschien kun je de achtergrond niet mee laten scrollen:

background: url(back.jpg) no-repeat fixed  center;

zo zou die links-rechts gecentreerd (center) en niet scrollend (fixed) moeten zijn

succes, Joost Kolkman

achtergrond afb. voor website passend maken..
18 november 2008 - 12:41    reactie #3
geplaatst door: DNA
thanks.. ik ga eens google-en..

pattern & tiling

Apple = Click, Boom, Amazing!
achtergrond afb. voor website passend maken..
18 november 2008 - 17:30    reactie #4
geplaatst door: Godfather
De sleutel is Offset via Filters in PS en dan de 'lijn' wegpoetsen.

edit: Ok da's wel heel summier, ik bedoel te zeggen dat je middels Filters in Photoshop bij "Other" Offset kan gebruiken om dan die zichtbare lijn weg te poetsen zodat je een juiste 'pattern' kan maken die zichzelf mooi herhaalt, indien van toepassing.

(Bewerkt door Godfather om 17:31, 18-11-2008)

Mac Pro '08 - iPad 16GB - iPhone 6 - Next Gen MB Pro
achtergrond afb. voor website passend maken..
18 november 2008 - 20:55    reactie #5
geplaatst door: Soes
Er zijn ook hele leuk stylen te downloaden op de diverse sites.

Als je dan toch aan het googlen bent: Photoshop styles of Photoshop pattern

of klik eens hier: klik
Leuke wooden styles.

Houtpatronen: klik

(Bewerkt door Soes om 20:57, 18-11-2008)

freelance grafisch ontwerper/vormgever
achtergrond afb. voor website passend maken..
18 november 2008 - 21:30    reactie #6
geplaatst door: DNA
Soes,

Heel leuk maar das niet echt wat ik zoek.
Ik maak vaker een achtergrond van een hoge resolutie afbeeldingen..

Hierbij heb je dan een echte foto van een mooi stuk hout.

Apple = Click, Boom, Amazing!
achtergrond afb. voor website passend maken..
18 november 2008 - 21:45    reactie #7
geplaatst door: Soes
Dan zou ik denk ik gaan voor je eigen optie: spiegelen en eronder plakken, dan vervolgens herhalen...

Of, als dat echt niet lukt, ervoor kiezen het hout in een kleur te laten verlopen.
Ik weet niet hoeveel je tekort komt?

Zoals hier:

freelance grafisch ontwerper/vormgever
achtergrond afb. voor website passend maken..
18 november 2008 - 23:30    reactie #8
geplaatst door: bertvanderveen
Dat kun je doen in een variatie op het Patroon maken waar ik het eerder over had.

Open het bestand in PhotoShop. Maak je canvas twee keer zo hoog, met het originele beeld bovenin. Kopieer dat en plak het in de onderste (lege) helft. Bewerk nu de overgang tussen de twee plaatjes zodat je een vloeiend geheel krijgt. Dus met stempel, smeervinger etc.

Als dat er mooi uitziet wordt het even een beetje ingewikkeld:
1. Kopieer de bovenste helft van het onderste deel en plak die over het bovenste deel, bovenaan dus. Dan heb je dus een verbeterde bovenkant van het originele plaatje. Je kunt nu het onderste deel verwijderen (bijv. door je canvasmaat weer in de oorspronkelijke te wijzigen — wel opletten dat je enkel de onderste helft wegsnijdt) & houdt dus een plaatje over dat precies doet wat je wilt: naadloos op zichzelf aansluiten.

Hetzelfde principe gaat ook op voor horizontale aansluiting.

Bert Vanderveen [...]
+++ Applegebruiker sinds 1989 (van System 6 via OSX naar macOS 15)
achtergrond afb. voor website passend maken..
19 november 2008 - 09:21    reactie #9
geplaatst door: Godfather
Maar dat is dus precies hetzelfde als het filter "Offset" gebruiken zonder dat je hoeft te kopiëren, plakken en croppen.  :shakehands:
Mac Pro '08 - iPad 16GB - iPhone 6 - Next Gen MB Pro
achtergrond afb. voor website passend maken..
19 november 2008 - 09:22    reactie #10
geplaatst door: Soes
Ik heb me een rotje gezocht naar filter Offset, want ik wilde het ook eens proberen, maar ik kan het nergens vinden....
freelance grafisch ontwerper/vormgever
achtergrond afb. voor website passend maken..
19 november 2008 - 11:58    reactie #11
geplaatst door: DNA

Citaat
Soes om 9:22, 19-11-2008
Ik heb me een rotje gezocht naar filter Offset, want ik wilde het ook eens proberen, maar ik kan het nergens vinden....

Mmm, maar je gaat het toch niet gebruiken op je eigen site?
deze ziet er al goed uit en zou ik niet echt aanpassen..


Apple = Click, Boom, Amazing!
achtergrond afb. voor website passend maken..
19 november 2008 - 12:20    reactie #12
geplaatst door: Soes
Nee, maar misschien altijd handig als ik een website maak voor een klant.
Dank voor je compliment, trouwens.
freelance grafisch ontwerper/vormgever