Visual Basic Forum

ZiG · Überflieger Anmeldedatum: 16.04.2008 Beiträge: 421

Mini Icon tutorial

Index:

1. Einleitung
3. Bearbeiten, konvertieren
4. Einbauen, benutzen

1. Einleitung

Hallo vb-x'ler.
Ich werde hier versuchen euch das arbeiten mit Icons ein bisschen näher zu bringen.
Also wie ihr welche erstellt und einbindet in eure Programme.
Denn optisch nette Programme haben den großen Vorteil, dass potentielle Benutzer eher darauf
ansprechen als bei langweiligen grauen Programmen, was ja im Endeffekt unser Ziel ist.

Was benötigen wir also alles dazu.
Wir brauchen natürlich erstmal die passenden Icons.
Es ist garnicht so leicht die richtigen Icons für sein Programm zu finden und bei mir artet es
meistens in stundenlanger Sucherei aus.

Also geb ich euch hier mal ein paar Tipps.

Oft werden in verschiedenen Foren ganze Icon Pakete angeboten. Man muß sich nur bisschen umsehen.
Google stellt auch eine gute Methode dar, um erstmal Seiten zu finden, die Icons oder sogar ganze
Pakete davon anbieten.

Aber meine Lieblingsseite ist "http://icons.deviantart.com".
Man muß zwar viel suchen, aber es gibt auch ein sehr großes Angebot, dass durch die zahlreichen
Benutzer immer weiter wächst.

Andere Links wären z.B.:

http://www.vbarchiv.net/download/icons.php
http://www.drweb.de/weblog/weblog/?p=541
http://www.crystalxp.net/galerie/de.scat.1.html
http://sw-guide.de/webdesign-und-entwicklu...con-sammlungen/
http://iconkits.com/
http://iconfactory.com/freeware
http://www.iconarchive.com/
http://feedicons.com/
http://www.iconbuffet.com/
http://fasticon.com/freeware/
http://www.famfamfam.com/lab/icons/
http://www.dezinerfolio.com/2007/02/25/fre...ua-gloss-icons/
http://www.el73.be/drunkey-love/downloads/

Und damit ihr nicht jetzt dämlich rumsuchen müßt, hab ich euch mal ein Paket zusammen gestellt.

Download:
Part1: http://rapidshare.com/files/85028957/Icon_Paket.part1.rar
Part2: http://rapidshare.com/files/85038034/Icon_Paket.part2.rar
Gepackt 170MB. Ungefähr 9-10K Icons

So. Jetzt haben wir also erstmal einige Icons.
Als nächstes benötigen ihr ein Programm zum konvertieren, bearbeiten usw., da die meisten Icons
im PNG Format gespeichert sind.

Dazu benutze ich "Axialis IconWorkshop".
Ein wie ich finde sehr gutes Programm. Besonders da es uns die Möglichkeit bietet Icons mit
verschiedenen Formaten und Farbtiefen in einem zu erstellen.

Das benötigen wir, weil VB6 eigentlich nur Icons mit max. 24x24 Pixel und 256Bit Farbtiefe zulässt.
Ihr werdet beim einbinden eine Fehlermeldung erhalten bei größeren Icons.

Aber man kann wie gesagt Icons erstellen, in denen verschiedene Formate gespeichert sind.
Das hat den Vorteil, dass bei Ordneransichten und am Desktop die größeren Icons benutzt werden und
es somit viel schöner aussieht. (Braucht man bei Icons innerhalb des Programmes nicht)

Leider ist das Programm nicht kostenlos.
Aber eine Ablaufversion gibt es hier: http://www.zdnet.de/downloads/prg/9/2/en10124592-wc.html

Jetzt haben wir eigentlich alles was wir brauchen.

2. Bearbeiten, konvertieren

Nun sucht ihr euch ein Icon (vermutlich im png Format) aus und schiebt es einfach per Drag'n Drop
in Axialis Iconworkshop ein.

Dann macht ihr einen Rechtsklick auf das Bild wählt "Windows Icon von Auswahl erstellen..."

Hier stellen wir jetzt ein welche Formate wir wollen.

48x48 ist für Ordneransichten.
32x32 müßte am Desktop zum Einsatz kommen.
24x24 oder 16x16 wird im Programm in der oberen Leiste angezeit. Ihr könnt zu Sicherheit beide nehmen,
müßt aber nicht.

Man hätte übrigens auch die Möglichkeit verschiedene Icons zu benutzen. So dass, am Desktop ein anderes
zu sehen ist, als in einem Ordner.

Nun sieht man in der linken Leiste die verschiedenen Formate aufgelistet.

Hier habt ihr noch die Möglichkeit welche zu entfernen oder zu bearbeiten.
Wenn ihr zufrieden seit, dann könnt ihr nun euer Icon speichern.

Das ist jetzt ein Icon, dass ihr bei den Eigenschaften eurer Formen einbinden könnt.
Für Icons im Programm selbst, solltet ihr welche mit nur einem Format erstellen.
Meistens wird das 16x16*256 sein, da größere zu viel Platz einnehmen.
Für so kleine Icons eignen sich nur recht simpel gehaltene Bilder.

4. Einbauen, benutzen

Das es bei der Form die Eigenschaft "Icon" gibt, wisst ihr ja hoffentlich.
Aber ich möchte euch hier noch in paar Beispielen zeigen, wie ihr Icons beim ListView, TreeView, CoolXPMenu usw. benutzt.

ListView:
Beim erstellen eines Eintrages einfach hinzufügen. (Normal 16x16)
Dazu sollte man dem ListView aber zuerst sagen, mit welchem Imagelist es zusammenarbeiten soll.

ZiuX · « Moderator » Anmeldedatum: 02.05.2008 Beiträge: 160

Ich wollte mal dazu posten, dass
IcoFx
auch ein sehr schönes Programm ist, um Icons zu bearbeiten oder eigene zu erstellen und im Gegensatz zu Axilialis Freeware ist.

lg ZiuX`
_________________
ziux[ät]jabber.ccc.de
Z1uX.cn