GuideGuide czyli narzędzie, które ułatwia mi photoshopowe życie

Odkąd do kodowania stron używam Foundation zawsze natrafiam na jeden problem podczas projektowania w programie graficznym – Grid, czyli układ kolumn. W frameworku tym polega on na tym, że korzystamy z 12 kolumnowego silnika. 12 kolumn stanowi 100% szerokości projektu. Używając odpowiednich klas dzielimy / łączymy te kolumny tworząc szersze lub węższe kolumny.

Jakiś czas temu przygotowałam sobie wyjściowy plik PSD z układem 12 kolumn, na szerokość layoutu 960 px, przestrzenią między tymi kolumnami równą 20 px. Ale jak wiadomo szerokość stron może być różna. I tu z pomocą przyszedł mi bardzo fajny plugin do Photoshopa. Dzięki niemu tamten plik PSD mógł trafić do kosza, a przygotowywanie siatki, na podstawie której projektuję cały layout, stało się bardzo szybkie i przyjemne.

Plugin ten nazywa się GuideGuide. Dzięki niemu można tworzyć dowolne układy. Na dowolną szerokość projektu, dowolną szerokość pojedynczej kolumny i dowolną ilość kolumn. Jest bardzo uniwersalny.

Instalacja przebiega bardzo szybko. Wystarczy pobrać plugin z wyżej podanej strony. Odpalić Adobe Extension Manager. Z górnego menu wybrać Instaluj. Chwilę po wskazaniu pliku jest on już zainstalowany w odpowiednim programie Adobe. Wystarczy teraz tylko zrestartować Adobe Photoshop.

GuideGuide znajdziemy w zakładce Window — Extensions — GuideGuide.

A tak wygląda na żywo po zastosowaniu poniższego układu:

Cieszę się, że ktoś udostępnił ten plugin, jest bardzo przydatny do mniejszych i większych rzeczy gdzie musimy zachować równe odstępy. Polecam! 🙂

Cześć, używam plików Cookies

Używam informacji zapisanych za pomocą cookies i podobnych technologii m.in. w celach statystycznych oraz w celu dostosowania strony do użytkowników. W programie służącym do obsługi internetu można zmienić ustawienia dotyczące cookies. Korzystanie z mojej strony bez zmiany ustawień dotyczących cookies oznacza, że będą one zapisane w pamięci urządzenia.

Ok, rozumiem Zobacz więcej