rechteckige Buttons erstellen

Any questions about Colibrico and the graphics
kalastaja
Posts: 1
Joined: 10 Nov 2016, 20:55

rechteckige Buttons erstellen

Postby kalastaja » 10 Nov 2016, 20:58

Hallo,
wie kann ich rechteckige Buttons erstellen? Ich finde bei den Vorlagen immer nur quadratische. Muss ich hierfür eine Vorlage als SVG erstellen oder kann ich so etwas auch mit Colibrico machen?

Danke und Gruß
Boris

User avatar
Colibrico
Site Admin
Posts: 51
Joined: 13 Sep 2016, 07:15

Re: rechteckige Buttons erstellen

Postby Colibrico » 10 Nov 2016, 21:54

Hallo Boris,

ein Rechteck kann man nicht erstellen. Man könnte mit der Clip Funktion einen Teil des Quadrates entfernen. Aber die saubere Lösung ist ein Rechtck, dass du als SVG importierst. Lege Breite oder Höhe auf 256 Px fest. Dann wird die Größe von Colibrico nicht verändert. Oder deaktiviere die Option "Größe und Position anpassen" im Exportfenster.

Erst in der näöchsten Version sollen auch unterschiedliche Breiten und Höhen unterstützt werden.
Ich nehme auch die Rechteckerstellung für die nächste Version auf.

Gruß Jürgen

Stefan71
Posts: 4
Joined: 21 Aug 2017, 21:23

Re: rechteckige Buttons erstellen

Postby Stefan71 » 23 Aug 2017, 11:53

Hallo,
ich komme nicht klar bei der Erstellung von rechteckigen Button. Ich dachte wenn ich einen quadratischen Button erstelle mit den Vorlagen und nachher beim Export die Größe verändere bzw. die Länge, würden die Button angepasst werden, es sind aber immer Teile abgeschnitten dargestellt/gespeichert.

Stefan71
Posts: 4
Joined: 21 Aug 2017, 21:23

Re: rechteckige Buttons erstellen

Postby Stefan71 » 23 Aug 2017, 11:59

...hab noch was vergessen. Kann man diesen äußeren transparenten Rahmen auch mit Colibrico herstellen? Das Design ist ja Rectangle_01.
Colibrico_House_Buttons.png
Colibrico_House_Buttons.png (39.59 KiB) Viewed 1432631 times

User avatar
Colibrico
Site Admin
Posts: 51
Joined: 13 Sep 2016, 07:15

Re: rechteckige Buttons erstellen

Postby Colibrico » 23 Aug 2017, 12:38

Hallo Stefan,

ja, das ist etwas umständlich. Eigentlich ist Colibrico für quadratische Icons ausgelegt.
Wenn ich eine Grafikbzw. die Grafikelemente entsprechend der Größenangaben skalieren würde, würden alle Elemente verzerrt werden.

1. Lösung:
Du verwendest die rechteckigen Formen als Hintergrund und aktivierst im Export die Checkbox Größe anpassen.
Wenn Du für die Größe dann z.B 256x256 auswählst, wird der Button in der Länge 256 gespeichert. In der höhe wird die Grafik nicht abgeschnitten, sondern deer transparente Teil entfernt.
Falls du ein entsprechendes Grafik Programm hast, kanst du auch einen SVG Hintergrund in passender Größe importieren.

Image
2. Lösung
Um rechteckige Buttons zu speichern, sollte nur ein einfacher Hintergrund verwendet werden.
Du wählst eine Rechteck Form aus. Die Grafikelemente und Text platzierst du unten und skalierst diese, da der obere Teil abgeschnitten wird.

Die Einstellungen kannst du als Vorlage speichern, damit du diese nicht noch einmal vornehmen musst.
Eine Grafik in der Vorlage kann dann ersetzt werden. ohne das mann alles nochmal einstellen muss.

Gruß Jürgen

Stefan71
Posts: 4
Joined: 21 Aug 2017, 21:23

Re: rechteckige Buttons erstellen

Postby Stefan71 » 23 Aug 2017, 12:50

Hallo Jürgen,
danke für die Antwort. Dann muss die Visualisierung halt mit quadratischen Buttons erstellt werden. :-)
Ansonsten ist ja dann nicht die Visualisierung einheitlich.

Kannst du mir noch sagen wie du das mit den Transparenten Rahmen gemacht hast?

User avatar
Colibrico
Site Admin
Posts: 51
Joined: 13 Sep 2016, 07:15

Re: rechteckige Buttons erstellen

Postby Colibrico » 23 Aug 2017, 12:55

Stefan71 wrote:
23 Aug 2017, 11:59
...hab noch was vergessen. Kann man diesen äußeren transparenten Rahmen auch mit Colibrico herstellen? Das Design ist ja Rectangle_01.
Colibrico_House_Buttons.png
Hallo Stefan,

dafür gibt es kein Design Element in Colibrico. Den äußeren Rand habe ich mit Illustrator erstellt.

Gruß Jürgen

Stefan71
Posts: 4
Joined: 21 Aug 2017, 21:23

Re: rechteckige Buttons erstellen

Postby Stefan71 » 28 Aug 2017, 10:10

Hallo Jürgen,
muss dich leider noch ein mal nerven :mrgreen: . Dieser Rahmen ist das einfach eine Kontur ohne Inhalt und mit einem Verlauf?

VG
Stefan

User avatar
Colibrico
Site Admin
Posts: 51
Joined: 13 Sep 2016, 07:15

Re: rechteckige Buttons erstellen

Postby Colibrico » 28 Aug 2017, 11:05

Hallo Stefan,

es ist eine Kontur mit einem Farbverlauf und diese hat einige Pixel Abstand zum Button.

Gruß
Jürgen


Who is online

Users browsing this forum: No registered users and 0 guests