Na grx.pl wrzuciłem kolejny szablon, tym razem dla branży IT – zapraszam do oglądania (a chociaż do zerknięcia):
<autoreklama>
</autoreklama>
 |
 |
 |
 |
Wpisy otagowane ‘grafika’
Szablon www: Network
sobota, 28 Styczeń 2012Synestezja
niedziela, 20 Listopad 2011Na szybko, taka ciekawostka, w sumie trochę graficzna, a więc w pewien naciągany sposób korespondująca z tematyką bloga:
Synestezja - to zjawisko odczuwania jednym zmysłem tego, co odbieramy innym zmysłem. Czyli na przykład smakowanie kolorów, słyszenie zapachów itp. Do tej pory myślałem, że to ciekawostka dotycząca tylko osób z taką właśnie przypadłością. Ale okazuje się, że u „standardowych” ludzi, też może działać. Dobrym i poniekąd oczywistym przykładem jest powiązanie zmysłów smaku i powonienia (można posmakować zapachu i powąchać smak), ale znalazłem inne, lepsze zjawisko, które u mnie działa:
Bo patrząc na poniższą animację, naprawdę „słyszę” ten filmik, mimo że to animgif, zatem jest na 100% niemy. Słyszę ciche, ale wyraźne „bum” gdy ziemia w animacji się trzęsie. Niesamowite. Też to macie? Jeśli tak, to doświadczanie właśnie synestezji.
[godzina później] Znalazłem kolejny obrazek, który słyszę. Poniżej. Wy też słyszycie „Pszszsz” ?
Znaki do kopiuj/wklej – copypastecharacter.com
piątek, 4 Listopad 2011
Gdy projektujesz jakieś dziełko w Photoshopie, czasami przydałby się piktogram/prosta grafika, która zwiększy smaczek całego projektu. Wiesz że taka grafika/kształt jest gdzieś w klawiaturze – wystarczy jedynie znać kombinację klawiszy… otóż nie :) – bo wystarczy znać stronę copypastecharacter.com, na której zebrano wszystkie nietypowe znaki tego rodzaju, gotowe do użycia po skopiowaniu. Rzecz prosta i przydatna :)
Tagxedo – kreatywna grafika w kilka chwil
czwartek, 27 Październik 2011
Nie lubię Silverlighta i dlatego jeszcze nigdy nie pisałem o żadnych narzędziach z wykorzystaniem tej technologii. Myślę że Microsoft wyskoczył jak Filip z konopii, tworząc i rozwijając klon Flasha w momencie, gdy flash odchodzi w zapomnienie.
Jednak teraz zrobię wyjątek i zaprezentuję webaplikację stworzoną w tej właśnie technologii. Nie jest to jakieś niezbędne narzędzie, ale może być przydatne dla wszelkich grafików/projektantów w momentach, kiedy po prostu nie ma pomysłów na coś kreatywnego.
Chcę pokazać Wam Tagexedo – webaplikację, którą pokazał mi Kumpel/Klient Grzesiek (pozdro!).
Co ta pchełka potrafi? Otóż automatycznie tworzy ładne grafiki, używając odpowiednio ułożonych słów pobranych z jakiegoś źródła (np. z pliku, kanału Twittera, strony internetowej itp.). Wyniki są bardzo efektowne i zaciekawiające – na pewno przyciągną niejeden wzrok, gdy użyć ich w jakiejś publicznej publikacji. Warto zainstalować Silverlighta chociażby po to, żeby się tym cackiem pobawić.
Naprawianie poruszonych zdjęć
środa, 12 Październik 2011Król w branży, aby się utrzymać, musi co rusz zadziwiać Świat nowymi/nowatorskimi cechami – tak, żeby każdy czuł respekt i nikt go nie zdetronizował. Dokładnie tak „zachowuje się” Adobe Photoshop – Od kilku wersji daje nam niedostępne nigdzie indziej narzędzia, wręcz „magicznie” wykonujące zadania, czasem wydawałoby się – niewykonywalne. Tajemnica leży w zaawansowanych algorytmach obliczeniowych, na które można sobie pozwolić przy dzisiejszych mocach obliczeniowych.
Nowa wersja Photoshopa będzie zawierała bardzo przydatną funkcję – naprawianie poruszonych zdjęć. Jak widać na poniższej prezentacji – działa to bardzo dobrze. Algorytm nie wyostrzy nieostrej fotki (to chyba nawet teoretycznie niemożliwe), ale zdecydowanie poprawi jakość zdjęcia poruszonego. Magia. :)
Silk – zabawka, czy generator grafiki?
poniedziałek, 13 Czerwiec 2011
Wpadłem ostatnio na webaplikację „Silk”, dzięki której można kilkoma kliknięciami i pociągnięciami myszy wygenerować efektowną, kolorową grafikę. Grafika „rysuje się” w ciekawy sposób, podczas której istnieje możliwość sterowania wiatrem (shift+ruchy myszką) a efekt możemy zapisać. Można też powtórzyć animację. Zabawa przednia, przynajmniej na kilka minut. Lubię takie interaktywne dema, pokazują one moc komputerów i Internetu jako narzędzi.
Jednak zastanawiam się, czy grafik wygenerowanych za pomocą „Silka” nie użyć przy projektowaniu stron. A jak wygląda sprawa praw autorskich? Co prawda pierwszą kreskę narysowałem ja, ale resztę wykonał algorytm, który zaprojektował twórca narzędzia. Tak czy owak – rzecz ciekawa przynajmniej do obejrzenia.
Rewelacyjny generator gradientów CSS
sobota, 11 Czerwiec 2011
Jak wiadomo, tworzenie zaawansowanych gradientów „z palca” nie jest łatwe. Dlatego szukałem dobrego generatora. I w końcu znalazłem czego szukałem.
Webnarzędzie do generowania różnorakich gradientów kolorystycznych dla elementów CSS3, ze wszystkimi przydatnymi opcjami i bajerami. Intuicyjne, łatwe w obsłudze, szybkie i skuteczne. Oparte na rozwiązaniach GUI znanych z programów graficznych. Generujące w czasie rzeczywistym kod CSS kompatybilny ze wszystkimi nowoczesnymi przeglądarkami. Umiejące także importować gradient z kodu CSS, a nawet z obrazka. No i posiadające zbiór predefiniowanych gradientów – rewelacja. Są tam także gradienty z efektem szkła, odbić, gładkie delikatne przejścia kolorystyczne (trudne do uzyskania i „wyczucia”) itp. cuda. Można także zapisać swoje gradienty.
Zdecydowanie przyda się każdemu tworzącemu nowoczesne strony WWW.
Ale o czym mowa? O narzędziu Ultimate CSS Gradient Generator. Polecam.
Nietypowe kształty w CSS
piątek, 10 Czerwiec 2011
Nowa generacja języka CSS daje nam bardzo dużo możliwości – między innymi generowanie różnych kształtów boksów za pomocą jedynie kodu CSS. Możliwości jest naprawdę wiele – od prostokątów, rombów, równoległoboków, poprzez koła, elipsy, różnorakie trójkąty, wielokąty, gwiazdy, do kształtu kropli, symbolu nieskończoności lub innych (nawet wymyślnych) kształtów.
Dzięki tym (i innym nowym) możliwościom nowego CSS (i HTML5) – tworzenie stron staje się bardziej programowaniem niż projektowaniem. Ale to temat na inny wpis :)
Wracając do tematu: Jak na razie znalazłem dwa miejsca gdzie opisane są przykłady tworzenia nietypowych kształtów. Jedno z nich to odpowiednia sekcja niezawodnego kursu HTML i CSS Pawła Wimmera. Drugie źródło, o nieco innej formie i podejściu – to The Shapes of CSS – Wpis na stronie css-tricks.com. Treść obu tych źródeł każdy szanujący się webmajster powinien sobie przyswoić w stopniu znacznym. ;)
Wyostrzanie obrazków w PHP
środa, 11 Maj 2011
Gdy za pomocą biblioteki graficznej GD, skalujemy w PHP obrazek w dół – staje się on po prostu nieostry. Jeśli dodać do tego kompresję JPG (która często dla miniaturek ustawiana jest na sporą wartość) – mamy mdłą miniaturkę, niezachęcającą do kliknięcia w nią tak jak powinna zachęcać. Czy jest na to sposób? Owszem – wystarczy przed zapisaniem miniaturki wyostrzyć ją. Początkowo chciałem taki skrypt sam napisać, ale przerosło mnie to. Zatem, po kilkudziesięciu minutach googlowania – znalazłem działające rozwiązanie, tutaj: adamhopkinson.co.uk/blog/2010/08/26/sharpen-an-image-using-php-and-gd
A na bloga wklejam, bo może komuś oprócz mnie też się przyda… Jeśli znasz podobne rozwiązania/tricki, śmiało daj znać w komentarzu.
(Obrazek zapożyczony z docelowego linku)
12 ładnych (?) szablonów
wtorek, 12 Kwiecień 2011Na moim blogu dawno nie prezentowałem moich dziełek. Co prawda przewijają się po lewej, ale ktoś mógłby przegapić, więc nadrabiam – poniżej przedstawiam kilkanaście stosunkowo nowych projektów mojego autorstwa, które mi się najbardziej podobają. Co sądzicie?
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Po więcej – zapraszam na GRX.pl.
BTW – zapraszam też do zapisania się do newslettera na GRX.pl - http://www.grx.pl/newsletter.php – dzięki temu będziesz otrzymywać informacje o każdym nowym szablonie.
Favikony świata
poniedziałek, 1 Listopad 2010
Ciekawostka webmasterska – na podstawie danych z Alexy stworzono „mapę” przedstawiającą popularność światowych serwisów internetowych miarą powiększenia ich faviconek. Fajna rzecz. A tu można browsować i wyszukiwać :)
Kolorowe kombinacje
wtorek, 15 Czerwiec 2010
Nie lejąc wody: colorcombos.com to jeden z serwisów zajmujących się schematami kolorystycznymi stron www i publikacji. Posiada bazę schematów, tester kolorów i kikla innych opcji, ale dla mnie najważniejszą jest możliwość „ściągnięcia” schematu kolorystycznego dowolnej strony poprzez podanie jej adresu URL. Nie wiem, jak to działa, ale działa i jest fajne i przydatne. :)
SmushIt
czwartek, 10 Czerwiec 2010
O bezstratnym zmniejszeniu rozmiarów plików grafiki w formacie PNG pisałem już kiedyś, we wpisie „Jak zmniejszyć PNG„. Do optymalizacji wielkościowej plików JPG używam świetnej pchełki offline „jpegoptim”
Okazuje się, że istnieje narzędzie, optymalizujące w taki bezstratny sposób każdą grafikę. Mowa o SmushIt – jest to intuicyjna, prosta mini-web-aplikacja, zmniejszająca rozmiar plików graficznych „podanych” poprzez upload lub wskazanie adresu URL. Tak zoptymalizowany plik można oczywiście ściągnąć na dysk. Szybko, łatwo, bezboleśnie, dla wszelkich webowych rodzajów grafik.
Darmowe kształty
poniedziałek, 25 Styczeń 2010
Gratka dla grafików: Na stronie all-silhouettes.com autor zebrał pokaźny zbiór wektorowych kształtów, pogrupowanych tematycznie.I tak są tu kleksy, florale, ikony, seksowne panienki, płomienie i wiele, wiele innych. A wszystko za darmo i w niezłej jakości, gotowe do użycia. Nic tylko ściągać i używać.
Aha – najważniejsze: Licencja pozwala na używanie tych grafik także w projektach komercyjnych!
Tworzenie czarno-białej wersji strony www
czwartek, 21 Styczeń 2010
Pewien Klient, któremu wykonałem dosyć złożoną szatę graficzną i szablon portalu www (ponad 2000 linii kodu CSS, około 200 pilków graficznych) zlecił mi wykonanie jej wersji w odcieniach szarości. Czarno-białe miało być wszystko – od kolorów zdefiniowanych w CSS, poprzez grafiki, a kończywszy na favikonce.
Początkowo szukałem w Internecie webaplikacji, która by to wszystko (albo prawie wszystko) zrobiła za mnie automatycznie. Może źle szukałem, może za krótko, ale – nie znalazłem. Znalazłem jedynie webaplikację GrayBit, która rzeczywiście przekształca stronę na pozbawioną kolorów, ale 1) działa strasznie wolno, 2) robi to dla celów podglądu, a nie użycia w dodatkowej wersji strony 3) pobieranie przekształconych przez to narzędzie plików jest bardzo utrudnione.
Mimo to postanowiłem z tej aplikacji skorzystać i udało się – po zabawie z pobieraniem wielu plików, zmianie adresów w pobranych plikach CSS i HTML udało mi się w ciągu kilkunastu minut stworzyć wersję szarą portalu (cz-b pliki JPG ze względu na stratę jakości stworzyłem od nowa). Jednak wciąż nie mogę uwierzyć że w Internecie nie istnieje webaplikacja robiąca to szybko, łatwo i przyjemnie. Marzeneim jest narzędzie pobierające pakiet zip z szablonem i „wypluwające” taki sam pakiet, tyle że z plikami i definicjami kolorów przekształconymi w odcienie szarości.
Jeśli znasz taką aplikację – daj znać w komentarzach. Zapewne nie tylko ja będę Ci wtedy wdzięczny.
Jak zmniejszyć PNG?
niedziela, 18 Październik 2009
Czy da się zmniejszyć wielkość pliku PNG? Szczerze przyznam że moja wiedza do dzisiaj wykluczała taką możliwość. Dzisiaj u RAFiego znalazłem link do webnarzędzia PunyPNG. Oferuje ono bezstratną kompresję plików JPG, GIF i … PNG właśnie. Sposób działania jest prosty: Aplikacja oblicza, który format będzie najekenomiczniejszy dla danej grafiki, a następnie bezstratnie kompresuje wybraną grafikę. Z moich trestów wynika że można zmniejszyć wielkość grafiki na średnio-przeładowaną graficznie stronę o 30-40%. Warto więc skorzystać.Estetyczne ładowanie
piątek, 3 Kwiecień 2009
Prawie dwa lata temu prezentowałem stronę AjaxLoad, na której stworzyć można było „profesjonalną” animację typu „please wait”.
Dziś u RAFiego znalazłem link do podobnego serwisu, jednak tam jest inny – wg mnie obszerniejszy i lepszy – wybór animacji. Najbardziej smakowite są animacje 3D, które można stosować chociażby w LightBoxie, czy innych *boxach.
Pozwoliłem sobie obok stworzyć małą mozaikę z typów animacji oferowanych właśnie przez Preloaders.net, aby lepiej Was zachęcić – wizualnie. :).
Nowa metoda kolorowania zdjęć B&W
niedziela, 16 Grudzień 2007
Nie tak dawno pisałem o nowatorskiej metodzie skalowania zdjęć z zachowaniem szczegółów, a dziś wpadłem na stronę opisującą kolejny nowatorski algorytm, który może być używany do obróbki grafiki, a konkretniej – do szybkiego i dokładnego kolorowania czarno-białych zdjęć i filmów video.Jak to zwykle w takich przypadkach bywa, całość opiera się na bardzo prostym pomyśle – „rozmalowywania” barw ręcznie zaznaczonych linią lub plamą w obszarze ograniczonym załamaniami kontrastu czarno-białego obrazu.
Metoda jest prosta, łatwa i szybka. Na opisującej ją stronie znajdziemy sporo przykładów zastosowania – zarówno na zdjęciach jak i filmach, oraz źródła algorytmu dla MATLABa. Cóż – Świat idzie do przodu, a z nim technologie, także te dotyczące obróbki obrazu.
Pracuj szybciej w Photoshopie
wtorek, 30 Październik 2007W tym wpisie zestawiono 53 przydatne tricki przyśpieszające i ułatwiające pracę w Photoshopie. Wiele z nich już wcześniej znałem, ale o kilkunastu dość istotnych nie miałem pojęcia. Warto się tego nauczyć.
Image Reflection Generator
wtorek, 23 Październik 2007
Reflection Maker to nic innego, jak łatwa, prosta, intuicyjna, przyjazna i przejrzysta w działaniu i obsłudze aplikacja on-line służąca do tworzenia łebdwazerowego efektu odbicia obrazka. Przydatne dla nie-grafików, lub dla grafików leniwych :)Grafikę wejściową możemy pociągnąć z Sieci, możemy też wysłać plik z dysku. Podajemy jeszcze wielkość odbicia, kolor tła i – voila :) Wynik dostajemy w JPGu (szkoda że nie w PNGu z alfą, ale darowanemu koniowi…).
Flaszka.pl
GRX.pl
Metry Kwadratowe
Obrazky.pl
Polski Portal Amigowy
Retuszer.pl
RevolWEB
Rozgłos
WielkaBrytania.org
Chakier
Oszczędzanie
Perfection Or Vanity
Poradnik Internauty
Shrew
Widelec