Darmowy graficzny program do projektu strony

Darmowy graficzny program do projektu strony
TV
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 5 lat
  • Postów:68
0

Jest jakiś dobry progam w którym można zaprojektować stronę - zeby nie odbiegała jakością od zaprojektowanej w photoshopie?

W photoshopie umiem zaprojektować stronę (bo oglądałem kurs na lynda.com) ale nie mam oryginalnego photoshopa (który kosztuje trochę) - pytam bo chcę robić strony internetowe dla wielu klientów... In design podobno też jest dobry ale nie mam kasy teraz kupować tego.

Może jakoś tanio da się uzyskać photoshopa, usługa Creative Cloud kosztuje 36,89 €/mies. z VAT , może jakoś taniej da się tego photoshopa uzyskać?

edytowany 1x, ostatnio: The_Visitor
Trebuh
  • Rejestracja:ponad 10 lat
  • Ostatnio:około 4 lata
  • Lokalizacja:okolice Łodzi
1

Gimp jest często wymieniany jako darmowy zamiennik PS. Możesz kupić też licencję miesięczną dla PS.


GG: 10101100010110000100011101 (BIN)
"Nie wszystko napisane w internecie jest prawdą" - Józef Piłsudski.
dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:5 dni
  • Lokalizacja:Rzeszów
2

@Trebuh:
Gimp jest beznadziejny, każdy kto pracował z PS Ci to powie (z wyjątkiem fanbojów). A o subskrypcji OP pisał.

@The_Visitor: Na allegro są używane licencje (przepisują na Ciebie) starszych wersji - a do zwykłego webdesignu wystarczy spokojnie CS2 (nie wiem czy takie sprzedają CS4 na pewno) i raczej ficzerów typowo pod web Ci nie zabraknie (w przeciwieństwie do alternatyw, które nie potrafią poprawnie otworzyć nawet bardzo starych plików PSD).

Ja instalowałem wiele programów, ale do Photoshopa to jednak wszystkim alternatywom daleko.


Trebuh
IMO wojna Gimp vs PS jest taka sama jak Windows vs Linux. Więc nie ma co drążyć tematu ;p
Markness
@Trebuh to Ty chyba nigdy PS'a nie używałeś ;)
Trebuh
@Markness: Używałem, wolę jednak Gimpa - wystarcza mi.
czysteskarpety
czysteskarpety
Gimp był fajny w starszych wersjach, kiedyś odpaliłem nowszą i nie potrafiłem sie odnaleźć, rozpierducha straszna :D
Patryk27
Moderator
  • Rejestracja:ponad 17 lat
  • Ostatnio:ponad rok
  • Lokalizacja:Wrocław
  • Postów:13042
1

Photoshop to nie jest program stworzony do designowania stron.
Wykorzystaj coś przeznaczonego na ten cel.


Zobacz pozostałe 4 komentarze
Patryk27
@dzek69: brawo, brawo. A teraz przeczytaj pierwsze zdanie postu autora. Nie mówiąc o tym, że masz kijowe podejście - skoro autor nie ma narzuconego PS, po kija mu go wciskać "w imię zasad"?
dzek69
A jeszcze jak zaczniesz pisać jakieś interakcje z elementem, żeby go potem wyrzucić - to nie ma sensu. Serio, zaproponuj takie coś w profesjonalnym teamie, to się z traumy nie pozbierasz przez miesiąc :)
dzek69
Inna rzecz, że layouty są dziś tak proste. Moda na wiele kolorów, kształty, cienie i dodatki minęła, bo ludzie przyzwyczaili się do monitorów z więcej niż 16 kolorów i rozdzielczości "VGA". Można by było napisać tool imitujący większość tych podstawowych funkcji photoshopa, wliczając efekty warstw, maskowanie, przeciąganie - w efekcie miałbyś nieresponsywny szablon z mnóstwem nadmiarowego CSSu - ale byłby to podgląd - do posprzątania tego potem i wygenerowania szablonu z prawdziwego zdarzenia. To fakt. Sporo roboty, ale do zrobienia. Może by nawet zbił na tym fortunę? ;)
dzek69
@Patryk27: Ja nikomu nie "wciskam" PS. Ja tylko wyrażam swoje zdanie i zaznaczam, że bez PS będzie ciężko. Siedzę w branży i widzę jak to wygląda. Może jest gdzieś kółko zapaleńców Open-/alternatywnego software, którzy sobie działają bez PS - ale ja przez 7 lat się z tym nie spotkałem.
saviolaa
@Patryk27 nie ma narzuconego PS, ale doradzamy jednak wybór PS bo jest to wygodne narzędzie zarówno dla projektującego jak i dla docelowego klienta który będzie oczekiwał PSD. Sam autor napisał że potrafi stworzyć layout w PS więc po kija mu wciskać jakieś niszowe narzędzie z którego będzie miał mniej pożytku, a więcej problemów. Jak dla mnie to niech weźmie sobie triala zrobi pierwsze zlecenie i później ewentualnie kupi licencje
saviolaa
  • Rejestracja:ponad 9 lat
  • Ostatnio:4 miesiące
0

@The_Visitor Zawsze możesz skorzystać z opcji trial, skoro twierdzisz że umiesz już zaprojektować w nim stronę to przez 30 dni triala zdążysz coś zarobić i wykupić już na zwykłej licencji (Photoshop+Lightroom kosztuje 12.29€, nie musisz wykupywać wszystkich usług skoro chcesz korzystać tylko z jednego narzędzia)

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:9 minut
  • Postów:8407
0

Pixelmator jest jeszcze tania alternatywa dla PS, ale w sumie wydaje mi sie przereklamowany (troche jak Gimp dla hipsterów), z drugiej strony podglad PSDków ma ciut lepszy z tego co pamietam(tj lepszy od gimpa)

Chociaz moim zdaniem stron internetowych (szczegolnie jesli maja byc responsywne oraz miec jakis bardziej dynamiczny interfejs), nie powinno sie projektowac w programach do rastrowej obrobki zdjęć. No bo jak? Zaprojektujesz sobie strone w PS ze ma miec szerokosc na 1024 piksele, a na komorce ten layout i tak ci sie rozjedzie ibedxie inaczej wygladac niz w PS. Nie te czasy.


edytowany 1x, ostatnio: LukeJL
dzek69
Przecież PS ma wektory.
_naf
Nie jest przypadkiem tak, że w Photoshopie wektorem może być tylko kształt, a wypełnienie jest zawsze rastrem?
dzek69
Nie wyobrażam sobie "wypełniania" wektorem :p A kształty można rysować jeden na drugim, można wycinać kształtem inny kształt itd.
_naf
Dobra, dobra wiesz o jakie wypełnienie chodzi :P Jeżeli wypełniasz ten kształt jednym kolorem może nie ma dużego problemu, ale przy gradiencie / teksturze wychodzą problemy ze skalowaniem ( pikseloza D; ).
dzek69
Eee ;) https://dl.dropboxusercontent.com/s/6hukxei5cxgfz1e/2015-08-04_20-22-07.mp4?dl=0 - można wszystko manipulować i zostaje jak jest. Jak zmianiasz rozmiar obrazu to wtedy grafika też się skaluje (co widać na video), ale nie jest to rasterowane (tj. mogę pomniejszyć i powiększyć z powrotem i mam 1:1 bez jak wcześniej straty jakości). Ale jakbyś zmienił obszar roboczy to wszystko zostaje. Wszystko jest moim zdaniem ok i zgodnie z oczekiwaniami podczas pracy ;)
_naf
  • Rejestracja:ponad 9 lat
  • Ostatnio:prawie 9 lat
  • Postów:87
0

Do projektowania stron całkiem dobry jest sketch, ale on pewnie nie wchodzi w grę bo kosztuje $99 i jest wersja tylko na maca.

PS2 od ponad roku można pobierać za darmo ze strony adobe (od czasu jak zamknęli serwery aktywacyjne pakietu CS2), przeczytaj w licencji czy dopuszczają komercyjny użytek. Alternatywne opcje to zakup używanego photoshopa cs5/6 (licencja box na to pozwala, nie?).

Tylko po co ta cała zabawa?

The_Visitor napisał(a):

W photoshopie umiem zaprojektować stronę (bo oglądałem kurs na lynda.com)

Ja oglądałem kiedyś na discovery megafabryki i nadal nie potrafię robić lamborghini... Twoje umiejętności ograniczają się do tego, że widziałeś jak to się robi? To raczej nie wystarczy :P
Jeżeli ma to być narzędzie pracy to 13 euro/miesiąc to żaden pieniądz.

Alternatywnie możesz się zapisać na studia, ze statusem studenta licencja na photoshopa powinna kosztować mniej.

edytowany 1x, ostatnio: _naf
dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:5 dni
  • Lokalizacja:Rzeszów
0
_naf napisał(a):

PS2 od ponad roku można pobierać za darmo ze strony adobe (od czasu jak zamknęli serwery aktywacyjne pakietu CS2), przeczytaj w licencji czy dopuszczają komercyjny użytek.

Nie dopuszczają, niekomercyjny użytek też nie jest dozwolony. To, że ktoś wypuszcza installer nie oznacza, że ktoś rozdaje oprogramowanie za darmo. Głupie jest to, że na plotkę, że niby za darmo nabrał się prawie każdy - dziennikarze, zwykli ludzie, właściciele firm (którzy jak stado baranów instalowali nielegalnie sobie te Photoshopy, w sumie nawet jak niepotrzebowali, ale zanim "się Adobe rozmyśli"). I nikt nie przeczytał licencji i do dziś widzę, że informacja nie jest naprostowana.

_naf napisał(a):

Alternatywne opcje to zakup używanego photoshopa cs5/6 (licencja box na to pozwala, nie?).

Pozwala z tego co wiem - wyżej pisałem o CS4, który jest już relatywnie tani.

_naf napisał(a):
The_Visitor napisał(a):

W photoshopie umiem zaprojektować stronę (bo oglądałem kurs na lynda.com)

Ja oglądałem kiedyś na discovery megafabryki i nadal nie potrafię robić lamborghini... Twoje umiejętności ograniczają się do tego, że widziałeś jak to się robi? To raczej nie wystarczy :P

Możliwe, że nauka na piracie, ale teraz ma DG i nie pasuje mieć piratów na kompie. Wstyd się przyznać, ale też parę płatnych programów poznałem za dzieciaka jeszcze - z piratów, ale nigdy nie wykorzystałem tych programów komercyjnie.


Wizjonero
  • Rejestracja:ponad 10 lat
  • Ostatnio:około 2 miesiące
  • Postów:41
0

Wlasnie zastanawialem sie nad kupnem Sketch - pobowaliscie? jakie macie zdanie?

_naf
masz do pobrania wersje trial na ich stronie, zobacz sam czy Ci pasuje.
0

Chociaz moim zdaniem stron internetowych (szczegolnie jesli maja byc responsywne oraz miec jakis bardziej dynamiczny interfejs), nie powinno sie projektowac w programach do rastrowej obrobki zdjęć. No bo jak? Zaprojektujesz sobie strone w PS ze ma miec szerokosc na 1024 piksele, a na komorce ten layout i tak ci sie rozjedzie ibedxie inaczej wygladac niz w PS. Nie te czasy.

Nie mogę się z tym zgodzić, ponieważ tak na prawdę można zaprojektować wersję desktopową i na podstawie jej bazować, oczywiście pisząc stronę mobile first. Dla upartego można jeszcze dorobić wersje mobilne jak to ma wyglądać przy różnych rozdzielczościach, ale nie jest to konieczne, tak mi się przynajmniej wydaje. Projektowanie w PS jest jak najbardziej potrzebne choć niewymagane i kwestia, że strona jest responsywna nie ma znaczenia.

TV
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 5 lat
  • Postów:68
0
dzek69 napisał(a):

Możliwe, że nauka na piracie, ale teraz ma DG i nie pasuje mieć piratów na kompie. Wstyd się przyznać, ale też parę płatnych programów poznałem za dzieciaka jeszcze - z piratów, ale nigdy nie wykorzystałem tych programów komercyjnie.

Dokładnie, oglądałem kurs na lynda.com to był eufemizm, uczyłem się na piracie wraz z kursem lynda.com i potem sam zrobiłem autorską stronę na piracie (bez publikacji) - to miałem na myśli przez "oglądałem kurs na lynda.com", już słyszę za oknem syreny...jedzie policja adobe ;)

ziomek123 napisał(a):

Chociaz moim zdaniem stron internetowych (szczegolnie jesli maja byc responsywne oraz miec jakis bardziej dynamiczny interfejs), nie powinno sie projektowac w programach do rastrowej obrobki zdjęć. No bo jak? Zaprojektujesz sobie strone w PS ze ma miec szerokosc na 1024 piksele, a na komorce ten layout i tak ci sie rozjedzie ibedxie inaczej wygladac niz w PS. Nie te czasy.

Nie mozna miec responsywnych projektow w Photoshop, ale można w Photoshop stworzyć 4 różne wersje jednej strony w 4 oddzielnych projektach z tzw. breaking points:

  1. mała 480px i poniżej
  2. średnia 481px/592px
  3. duza 593px/1279px
  4. wersja desktopowa - 1280 + px
_naf napisał(a):

Jeżeli ma to być narzędzie pracy to 13 euro/miesiąc to żaden pieniądz.

13 euro/miesiąc płaci się w wypadku wybrania "Plan roczny z opłatą miesięczną" trzeba by w regulaminie zobaczyć co oznacza ten "Plan roczny z opłatą miesięczną" czy mozna zrezygnowac po np: 2 miesiącach czy nie, podejrzewam że nie. Tym bardziej że w opcji "Pojedyncza aplikacja" jest "plan miesięczny" który kosztuje 36,89 euro.

edytowany 10x, ostatnio: The_Visitor
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)