Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)
-   -   Photoshop Vertikale und Horizontale Linie erstellen (https://www.photoshop-cafe.de/forum/showthread.php?t=23974)

Jyrki 31.01.17 19:19

Vertikale und Horizontale Linie erstellen
 
Hi,
bin absoluter Anfänger in Photoshop und habe ein bisschen gebastelt für meine Visualisierung meiner Tablet Fernbedienung. Ich hätte nun eine Frage zur Erstellung von vertikalen Linien die ich auf dem angehängten Bild Rot markiert habe. Wie bekomme ich diese Linien hin mit einem gleichen Abstand? Die Außenlinien habe ich mit dem Ebenen Stil Kontur hingekriegt.
Des weiteren hätte ich noch eine Frage zur Einfärbung von Icons im png Format. Habe es schon versucht mit Bild->Korrekturen->Farbton/Sättigung und mit Farbe ersetzen. Möchte aber gerne die Icons in einem bestimmten Hex Farbcode einfärben, das diese Korrekturen aber nicht zulassen.

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1485886264_Photohop_Linie_ziehen.JPG

Was mir noch einfällt das Thema mit meinen Buttons. Hat jemand eine Idee wie man diese Buttons noch schöner/verfeinern könnte? Dieser blaue Balken und Rand sollen in mehreren Farben dargestellt werden und zeigen später den Status in der Fernbedienung an und sollen so aussehen als würden sie leuchten.

https://www.photoshop-cafe.de/bildupload/pics/sonst/1485886464_Tranzparent_300x300_Hauptbutton.png
https://www.photoshop-cafe.de/bildupload/pics/sonst/1485886464_Tranzparent_300x300_Hauptbutton_andereBalken.png

Hier mal der Button wenn er, sagen wir mal kein Status hat. Was man hier nicht sieht der Button hat einen 1 Pixel Rand in einem Grau wie der mittlere Balken.

https://www.photoshop-cafe.de/bildupload/pics/sonst/1485886613_Tranzparent_300x300_Hauptbutton1.png

Wäre für eure Hilfe sehr dankbar.

VG
Stefan

gelöschter User 01.02.17 09:34

Dazu gibt es ein eigenes Werkzeug - den "Linienzeichner"

Es ist gut möglich, dass sich dieses etwas versteckt - einfach auf das kleine Dreieck des Buttons klicken und du siehst alle Werkzeuge dieser Werkzeuggruppe.

Die Einstellungen, wie Farbe oder Stärke(Dicke) sind zuerst gar nicht so wichtig.

Um deine Linie schnurgerade auszurichten, drücke während des Aufziehens die Shift Taste.

Im nachhinein kannst du deine Linie mit dem schwarzen Pfeil anwählen und oben in der Leiste alle Werte verändern.
(der schwarze Pfeil kann sicht hinter dem weissen Pfeil verstecken...)

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1485938037_linien.jpg

Jyrki 01.02.17 11:29

@haakenson
Super Danke. Dann wäre das mit der Linie mal erledigt. Hast du noch Vorschläge zu den anderen Punkten?

Wie kann ich am besten die Abstände der einzelnen Linien einstellen/kontrollieren? Also das praktisch die einzelnen Linien die gleichen Abstände haben.

dertarek 01.02.17 23:45

Menü -> Ebene -> Verteilen / Ausrichten. Vorraussetzung ist das jede Linie auf einer eigenen Ebene ist.

Jyrki 02.02.17 10:13

@dertarek
Danke für die Hilfe.

Jyrki 03.02.17 17:32

Zitat:

Im nachhinein kannst du deine Linie mit dem schwarzen Pfeil anwählen und oben in der Leiste alle Werte verändern.
(der schwarze Pfeil kann sicht hinter dem weissen Pfeil verstecken...)
Irgendwie kann ich mit dem schwarzen Pfeil nichts auswählen bzw. kann oben keine Werte wie länge und breite verändern.

Edit: Hab's rausgefunden. Habe beim Rechteckwerkzeug oben "Pixel" ausgewählt anstatt "Pfad"

Jyrki 06.02.17 03:59

Ich hätte mal wieder ein Problem. Wie kann ich diese Effekte am besten herstellen?

Bild 1: der rechte Balken
Bild 2: der leuchtbalken
Bild 3/4: die Vertiefung am Außenrand
Bild 4: diese Form

https://www.photoshop-cafe.de/bildupload/pics/sonst/1486349634_source-ipad-blank-default.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1486349634_source-ipad-blank-selected.pnghttps://www.photoshop-cafe.de/bildupload/pics/sonst/1486349634_round-blank-medium-default.png
https://www.photoshop-cafe.de/bildupload/pics/sonst/1486349917_runder_Button.JPG


Quelle:
http://getirule.com/support/download/
Wäre für Hilfe dankbar.

gelöschter User 06.02.17 10:36

Statt stundenlang selbst zu bauen kannst du ja auch kostenlose Ressourcen nutzen:
http://ui-cloud.com/free-ui-elements/

Jyrki 06.02.17 11:08

Danke, ich schaue mir mal die Seite an. Würde natürlich auch gerne was lernen dabei.

Edit: Wird schwer werden eine Sammlung zu finden das alles enthält, was ich benötige.

heikehk 06.02.17 17:41

Hallo Jyrki, wo kommen die Beispielsbilder her?


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:56 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,02090 Sekunden mit 8 Queries