Zusammenbau:

Der Zusammenbau an sich ist, wie bei jedem gewöhnlichen Computer auch.Das Mainboard wird mit ein paar Schrauben im Gehäuse befestigt, der Arbeitsspeicher wird in den vorgesehenen Slot gesteckt. Dies funktioniert hier, wie bei einem Notebook, da es sich um einen So-Dimm Speicherriegel handelt. Anschließend noch die Festplatte und die Gehäusestecker an das Mainboard anschließen. Fertig.

Jedoch gabs es bei mir auch Probleme beim Zusammenbau. Ich hatte ein falsches Netzteil bestellt und der Ram Riegel hat komischerweise nicht funktioniert.

Für das Motherboard „D945GSEJT“ wird ein Netzteil mit 60Watt, 12V und 5A benötigt. Der Stecker muss einen Außendurchmesser von 5,5mm und einem Innendurchmesser von 2,5mm haben. Mein bestelltes Netzteil hatte lediglich einen Innendurchmesser von 1,5mm.

Zusätzlich habe ich einen anderen Arbeitsspeicher bestellt. Laut der Seite von “Intel” werden nur ganz bestimmte Speichermodule unterstützt.

Mit dem richtigen Netzteil und dem passenden Arbeitsspeicher hat dann auch alles problemlos funktioniert.

Bilder:

Klicken zum Vergrößen

Klicken zum Vergrößern

Klicken zum Vergrößern

Klicken zum Vergrößern

Stromverbrauch:

Die Frage aller Fragen. Habe ich mein Ziel von 20-30Watt erreicht?

Und ob!

Der Stromverbrauch im Idle-Zustand betragt sagenhafte 13Watt. Unter Volllast klettert der Verbrauch auf lediglich 20Watt.

Also Perfekt.

Im nächsten Teil geht es um die Auswahl und Installation des Betriebssystems und der Software.

Ähnliche Artikel:

1. PVR-Projekt – Die Hardwareauswahl
2. PVR-Projekt

Motherboard und CPU:

Ich habe mich für das passiv gekühlte Motherboard „D945GSEJT“ von Intel entschieden. Auf diesem Motherboard befindet sich ein integrierter Intel Atom Prozessor. Es handelt sich um den Intel Atom N270 mit einer Taktfrequenz von 1,6GHz. Dieser Prozessor kommt normalerweise in Notebooks zum Einsatz. Dadurch ist er auch besonders Stromsparend und eignet sich hervorragend für dieses Projekt.  Laut wikipedia soll der Stromverbrauch von CPU und Motherboard bei 8 Watt liegen. Durch die Mini-ITX Bauweise ist das Motherboard auch sehr klein gehalten. Eine weitere Besonderheit ist, dass ein 12Volt Anschluss vorhanden ist, an dem man ein Notebooknetzteil verwenden kann.

Preis: 86,90€

Ram:

Das Mainboard benötigt einen DDR2 So-Dimm Speicherriegel. Ich habe mich hier für eine Kapazität von 1GB entschieden.

Preis: 23,93€

Festplatte:

Auch die Festplatte soll möglichst wenig Strom verbrauchen und leise sein. Hier habe ich mich für die Festplatte „Samsung EcoGreen F2 (HD502HI)“ entschieden. Sie hat eine Kapazität von 500GB und durch die 5400 Umdrehungen ist sie auch leise und verbrauchsarm.

Preis: 42,63€

Gehäuse und Zubehör:

Da ein Mini-ITX Mainboard zum Einsatz kommt, soll auch ein Mini-ITX-Gehäuse verwendet werden. Zusätzlich werde ich einen 80mm-Lüfter von BeQuiet einbauen. Die Lüfter dieser Marke sind zwar etwas teurer, aber besonders leise. Als Netzteil werde ich ein gewöhnliches Notebooknetzteil mit 12V und 4A verwenden.

Preis: 69,76€

TV-Karte:

Das  wichtigste ist natürlich die TV-Karte. Ich habe mich für das Produkt „Win-TV Nova TD“ von Hauppauge entschieden. Dieses bietet die Dualtuner-Funktion. hat sehr gute Testbewertungen und soll von Linux Ubuntu unterstützt werden. Denn dieses Betriebssystem möchte ich bei meinem PVR einsetzen.

Preis: 54,45€

Gesamtpreis:

Mainboard: 86,90€

Ram: 23,93€

Festplatte: 42,63€

Gehäuse und Zubehör: 69,76€

Tv-Karte: 54,45€

Gesamtsumme: 277,67€

Im nächsten Teil geht es um die Montage der Teile.

Ähnliche Artikel:

1. PVR-Projekt – Zusammenbau und Stromverbrauch
2. PVR-Projekt
3. PVR

Jedoch mit der Besonderheit, dass die Aufnahmen über das Internet programmierbar sein sollen. Damit die Aufnahmen auch jeder Zeit programmierbar sind, soll der PC immer laufen. Daher ist es wichtig, dass sich der Stromverbrauch in Grenzen hält. Ich plane mit einem Verbrauch von 20-30 Watt. Bei einem Strompreis von 21cent währen dass dann Stromkosten zwischen 36,79€ und 55,19€ pro Jahr. Eventuell lässt sich noch durch den Standbymodus in Verbindung mit Wake-On-Lan Strom sparen. Trotzdem sind die laufenden Kosten erträglich, wenn man sich überlegt wie viele Filme man aufnehmen kann, die man sich sonst hätte kaufen müssen.

Des Weiteren  soll der Computer weitere Serverdienste übernehmen. Er soll als „Network Attachemend Storage“ herhalten und als FTP-Server dienen, damit ich auf die Medien von überall zugreifen kann.

Im nächsten Teil der Serie geht es um die Hardwareauswahl.

Ähnliche Artikel:

1. PVR
2. PVR-Projekt – Die Hardwareauswahl
3. PVR-Projekt – Zusammenbau und Stromverbrauch

Klicken zum Vergrößern

Vorschau

Download

Ähnliche Artikel:

1. Sommer Template – Sommerliches Design für deine Website
2. Blumentemplate
3. Webdesign mit Gimp

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

„Filter – Verzerren – Wind“ mit folgenden Einstellungen

Klicken zum Vergrößern

„Filter – Weichzeichner – Gaußscher Weichzeichner“ mit einem Radius von 1 oder 2 Pixel

3. Feintuning:

„Filter – Abbilden – Nahtlos machen“, damit die Textur kachelbar wird

Farbanpassungen mit „Farben – Kurven“

Klicken zum Vergrößern

Fertig

Klicken zum Vergrößern

Ähnliche Artikel:

1. Texturen erstellen mit Gimp
2. Tattoos entfernen mit Gimp – Arbeiten mit dem Klonen-Werkzeug
3. Webdesign mit Gimp

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

Der Kopfbereich:

Nun wollen wir, wie versprochen, das Hintergrundbild für den Kopfbereich einfügen. Hierbei müsst ihr jedoch das Urheberrecht bedenken. Wenn ihr fremde Bilder benutzen wollt, dann musst ihr erst um Erlaubnis fragen. Alternativ könnt ihr auch Bilder aus einer Fotocommunity verwenden, wie ich es in diesem Fall getan habe. Trotzdem müsst ihr die Bildquelle angeben. Eine solche Community ist beispielsweise aboutpixel. Nachdem ihr euch für ein Bild entschieden habt, fügt ihr es an der vorgesehenen Stelle ein. Ich habe mich für das Bild von einer leckeren Pizza entschieden. Es soll ja die Seite einer Pizzeria werden. Für das Einfügen habe ich noch einen kleinen Trick. Wenn ihr das Bild auf eine neue Ebene einfügt und diese halbtransparent macht, dann könnt ihr das Bild leicht positionieren. Anschließend erstellt ihr eine Auswahl aus der darunter liegenden Ebene (die Ebene, die wir im vorigen Schritt für den Kopfbereich erstellt haben). Dies macht ihr mit einem Rechtsklick im Ebenemenü „Auswahl aus Alphakanal“. Anschließend könnt ihr mit „Auswahl – Invertieren“ und „Bearbeiten – Ausschneiden“ den überstehenden Teil abschneiden.

Soweit so gut.

Klicken zum Vergrößern

Die Farbwahl:

In diesem Schritt wollen wir uns um die farbliche Gestaltung der Seite kümmern. Ich verwende meistens die Grafik im Kopfbereich als farblichen Anhaltspunkt. So wird die Grafik gut integriert und es ergibt ein stimmiges Gesamtergebnis. Außerdem sollte man nicht zu viele verschiedene Farben verwenden. Dies wirkt unruhig. Alternativ kann man auch Farben mit Hilfe der Farbenlehre ermitteln. Genaueres hierzu könnt ihr in meinem Artikel „Farben – Die Qual der Wahl“ nachlesen. Ich verwende in diesem Tutorial jedoch das Hintergrundbild als farbliche Grundlage.

Klicken zum Vergrößern

Die braune Hintergrundfarbe basiert auf dem knusprigen Rand der Pizza. Für die Ermittlung der Farbe habe ich die Farbpipette mit einem Abtastradius von 3 Pixeln genommen. Die cremeweiße Farbe im mittleren Teil entspricht dem Käse auf der Pizza. Und der schwarze Rand beinhaltet die Farbe der Oliven. Wie ihr seht, wirkt es gleich harmonischer, als mit diesen bunten Farben.

Die Navigation:

Für die Navigation erstellen wir eine neue Ebene mit der Breite von 960 Pixel und einer Höhe von 50 Pixel. Diese positionieren wir, mit einem kleinen Abstand, unterhalb des Bildes und füllen sie mit einem Farbverlauf. Auch hier verwende ich wieder Farben aus dem Bild. Wieder benutze ich den knusprigen Rand als Basis. In die freie Lücke fügen wir nun eine schwarze Trennlinie ein. Hierzu benutzen wir wieder die Olivenfarbe. Anschließend kopieren wir die Ebene und fügen sie unterhalb wieder ein.

Klicken zum Vergrößern

Nun folgt der Text und ein Hover-Effekt. Unter dem Hover-Effekt versteht man die Veränderung einer Grafik, wenn sich der Mauszeiger darauf befindet. Diesen Effekt kennt ihr sicherlich von anderen Internetseiten. Zuerst erstellen wir den Text. Der genaue Wortlaut spielt keine Rolle. Er dient erstmal nur zur Gestaltung. Der genaue Text wird später bei der Programmierung erstellt. Empfehlenswert ist aber ein etwas größerer und kräftigerer Text. Die Navigation soll ja schließlich, als solche erkennbar sein. Gerne könnt ihr auch noch senkrechte Trennstriche zwischen den einzelnen Kategorien einfügen. Anschließend erstellen wir hinter einer Kategorie eine neue Ebene und erstellen einen weiteren Farbverlauf. Hierfür habe ich etwas hellere Farben, als auf dem ursprünglichen Verlauf, ausgewählt.

Klicken zum Vergrößern

Fußbereich und Text:

Zu guter letzt folgen der Fußbereich und der Text. Für den Fußbereich erstellen wir eine neue Ebene und füllen sie mit dem dunklen Farbton aus der Navigation. Anschließend fügen wir den Text ein. An dieser Stelle steht für gewöhnliche ein Link zum Impressum oder zum Kontaktformular. Auch in dem Textbereich folgt nun der Text. Hier verwende ich einen typischen Platzhaltertext. Diesen kann man sich unter www.loremipsum.de generieren. Für den Text verwende ich den Schwarzton, den wir zuvor für den Rahmen verwendet haben.

Fertig!

Klicken zum Vergrößern

Links zu html und css:

Hier möchte ich euch zwei Seiten an die Hand geben, mit denen ihr in der Lage seid eure Seite zu programmieren.

http://de.selfhtml.org/

http://www.html-seminar.de/

Fazit:

Natürlich ist dies nur ein Beispiel für eine Website. Ihr könnt alle möglichen Bilder, Stimmungen und Farben in eure Seite einbringen. Achtet aber darauf, dass eure Seite harmonisch wirkt und ihr einen Stil beibehaltet.

Nun wünsch ich euch einen guten Appetitt……. Quatsch. Viel Spaß beim Nachbauen natürlich

Für alle, die keinen Lust zum nachbauen haben, werde ich das Design in den nächsten Tagen in der Kategorie „Download“ anbieten.

Ähnliche Artikel:

1. Colorkeybilder mit Gimp erstellen
2. Cooles 3D-Wallpaper mit Gimp
3. Gebürstete Metalltexturen mit Gimp

Doch dies ist nicht die einzige Neuerung. Einige Sendungen können nun auch in HD aufgenommen werde. Diese haben dann ein Seitenverhältnis von 1280*720 bis 1920*1080.
Natürlich können auch nur die Sender in HD aufgenommen werden, die auch in HD ausstrahlen. Dies sind vor allem die öffentlich rechtlichen Sender.

Die Bedienung des onlinetvrecorders habe ich bereits in einem vorherigen Tutorial beschrieben.

Ähnliche Artikel:

1. onlinetvrecorder Teil 2 (update)
2. onlinetvrecorder Teil 1
3. onlinetvrecorder Teil 2

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.

Klicken zum Vergrößern

Im Moment sieht die Fließe noch ein bisschen langweilig aus. Daher wollen wir ihr ein paar Unregelmäßigkeiten verpassen. Dazu wählen wir den RGB-Rauschfilter „Filter – Rauschen – RGB-Rauschen“.
Ich habe dann die folgenden Einstellungen vorgenommen:

Klicken zum Vergrößern

Anschließend benutzen wir wieder den Gaußschen Weichzeichner. Diesmal allerdings mit einem Radius von 10 Pixel.
Nun wollen wir der Fließe noch die typische Abrundung an den Seiten verpassen. Dazu wählen wir den Filter „Filter – Dekoration – Rand abschrägen“. Eine Dicke von 10 Pixel ist optimal.
Danach fügen wir beide Ebenen zusammen. Dies geht mit einem Rechtsklick auf die obere Ebene im Ebenenmenü und „Nach unten vereinen“.

Klicken zum Vergrößern

Jetzt verstärken wir den 3D-Effekt noch etwas. Dies geht mit einer Bumpmap. „Filter – Abbilden – Bump-Map“. Wir können alles bei den Voreinstellungen belassen. Wählen zusätzlich aber noch „Bumpmap kacheln“.

Klicken zum vergrößern

Und fertig ist unsere Textur. Wenn ihr euch eure Textur gekachelt ansehen wollt, dann könnt ihr dies, wie folgt, machen. „Filter – Abbilden – Kleine Kacheln“. Dort wählt ihr dann, wie oft die Fließe nebeneinander dargestellt werden soll.

Klicken zum vergrößern

Ähnliche Artikel:

1. Gebürstete Metalltexturen mit Gimp
2. Colorkeybilder mit Gimp erstellen
3. Cooles 3D-Wallpaper mit Gimp

Tattoo entfernen

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

Klicken zum Vergrößern

Wir wählen das Klonen-Werkzeug (der Stempel in der Werkzeugleiste). Das Werkzeug macht nichts anderes, als einen Bereich auszuwählen, diesen zu kopieren und an einer anderen Stelle wieder einzufügen.
Wir wählen einen relativ kleinen Pinsel und fügen ein Zittern hinzu. Durch den kleinen Pinsel und das Zittern wird jeweils nur ein sehr kleiner und wechselnder Bereich kopiert. Dadurch wird die unterschiedliche Hautstruktur gut nachempfunden.
Ich nehme einen 5er Pinsel und ein Zittern von 1. Anschließend wählt ihr mit gedrückter Strg-Taste den Ursprungsbereich. Nach dem loslassen der Strg-Taste könnt ihr mit der Retusche beginnen.

Klicken zum Vergrößern

Wichtig ist aber, dass ihr den Ursprungsbereich oft wechselt, weil die Haut nicht überall gleichmäßig ist. Je feiner der Pinsel ist und je öfter ihr die Position wechselt, umso besser wird es.

Gaußscher Weichzeichner

Doch auch eine schlampige Arbeit lässt sich noch retten. Dazu wählt ihr den Bereich, wo das Tattoo war, mit dem Lasso-Werkzeug aus und wählt dann „Filter – Weichnzeichnen – Gaußscher Weichzeichner“. Dort stellt ihr dann einen Wert von ca. 15 ein. Und schon ist die Haut viel gleichmäßiger und das Tattoo ist weg.

Klicken zum Vergrößern

Der Gaußsche Weichzeichner eignet auch sehr gut, um Falten oder andere Hautunreinheiten zu retuschieren.

Weitere Anwendungsmöglichkeiten für das Klonen-Werkzeug:

Das Klonen-Werkzeug eignet sich auch für viele andere Retuschieraufgaben, wie Pickel entfernen etc. Es lassen sich aber auch Bereiche kopieren. So lässt sich ein zweites Muttermal einfügen oder das Tattoo kopieren.

Ähnliche Artikel:

1. Eigene Pinsel mit Gimp
2. GIMP-Schneller Arbeiten mit Shortcuts
3. Gebürstete Metalltexturen mit Gimp

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.

Klicken zum Vergrößern

Nun erstellen wir eine neue Ebene, die genau die Größe des Balkens hat. Am besten macht ihr es mit einem Rechtsklick auf die Ebene und wählt „Auswahl aus Alphakanal“.
Diese Ebene füllen wir mit einem Farbverlauf von Schwarz nach Weiß. Dabei muss Schwarz an der späteren Außenkante sein.

Klicken zum Vergrößern

Danach kopieren wir die beiden Ebenen und fügen sie rechts daneben ein. Anschließend spiegeln wir die Ebene, sodass ein Bi-Linearer Farbverlauf entsteht. Alternativ kann man auch gleich den Bi-Linearen Verlauf erstellen. Bei meinen Tests waren die Ergebnisse aber nicht so gut.

Klicken zum Vergrößern

Anschließend vereinen wir die beiden Verlaufsebenen und wählen bei Modus „Multiplikation“ aus. Nun haben wir einen schönen 3D-Effekt.
Dieser lässt sich nun nach belieben anpassen, sodass am Ende ein schönes Wallpaper entsteht.

Klicken zum Vergrößern

Für die Faulen unter euch, habe ich hier noch den Downloadlink für mein Wallpaper

Download

Ähnliche Artikel:

1. Colorkeybilder mit Gimp erstellen
2. Texturen erstellen mit Gimp
3. Eigene Pinsel mit Gimp