Witam
Jak najlepiej jest wykonać stronę WWW z szablonu w .psd? Nie miałem styczności nigdy z robieniami z stron na podstawie pliku .psd Zwykle to był tylko zarys czy szkic i wiedziałem jak strona ma mniej więcej wyglądać.
Ja wykonuje w sposób trochę na oko i strona nie wychodzi mi 1:1
Czy jest jakieś narzędzie do tego?
jak masz poprawnie wykonany psd z warstwami to możesz je wyeksportować do plików jpg/png, info o kolorach i fontach powinieneś mieć zawarte w projekcie, jeśli nie to szukasz klikając prawym na warstwie i edytuj, tam masz info szczegółowe
czysteskarpety napisał(a):
jak masz poprawnie wykonany psd z warstwami to możesz je wyeksportować do plików jpg/png, info o kolorach i fontach powinieneś mieć zawarte w projekcie, jeśli nie to szukasz klikając prawym na warstwie i edytuj, tam masz info szczegółowe
Tak to robie, eksportuje pliki do png z tym że mam problem z rozmiarem strony oraz poszczególnych elementów na stronie oraz dokładnego miejsca w którym się znajdują. Strona ma być w RWD więc trudno mi uzyskać by było 1:1 z tym co mam w .psd
Navbar jest na górze strony ale na 100% nie jest w tym samym miejscu co w pliku .psd, tak samo odległości pomiędzy elementami w nim nie są identyczne bo nie wiem w jaki sposób zmierzyć to wszystko i przełożyć na stronę HTML.
Jest taka fajna wtyczka do chroma - pixelperfect. Ładujesz jpg i wyświetla Ci się przeźroczysty obrazek na stronie, tak że widzisz to co masz zrobione i na tym przeźroczysty jpg ze stronką - wiesz wtedy o ile, w którą stronę i co przesunąć.
takie rzeczy jak info o rozdziałce, wersji mobile, powinieneś mieć zawarte w projekcie, jak nie ma to albo grafik lub firma bidna, albo to zlej i rób na wyczucie
czysteskarpety napisał(a):
takie rzeczy jak info o rozdziałce, wersji mobile, powinieneś mieć zawarte w projekcie, jak nie ma to albo grafik lub firma bidna, albo to zlej i rób na wyczucie
niestety bywa też tak, że szczegółów warstw nie ma, a strona współpracująca (w której jest i grafik od psdka) ma mikroskop w oku
Jak ja kiedyś zaczynałem to korzystałem z Tutoriali z youtube :)