<autoreklama>
Rewolucyjne Witryny Internetowe tani CMS szablony dla stron www retusz zdjec
</autoreklama>

Wpisy otagowane ‘grafika’

CAIR – Nowa metoda skalowania zdjęć

poniedziałek, 8 Październik 2007

Content Aware Image Resizing Rzecz jest na tyle ciekawa, że postanowiłem o tym napisać u siebie, mimo że w wielu miejscach Sieci (szczególnie tych dla grafików i fotografów) aż o tym huczy.

Chodzi o tzw. Content Aware Image Resizing (CAIR, czasem zwaną też „Liquid Rescale”), metodę skalowania zdjęć opracowaną przez izraelskich naukowców. Pisząc językiem laika – Metoda ta zmniejszając rozmiary zdjęcia stara się zachować duże rozmiary ważnych elementów tegoż zdjęcia. Trudno to opisać, a łatwiej zobaczyć, więc popatrzcie teraz na obrazek po lewej. Duży obrazek to źródło, obrazek w górnym prawym rogu jest przeskalowany tradycyjnie, a ilustracja w prawym dolnym rogu – za pomocą CAIR. Niezłe, co?

Pobawić się tą technologią można za pomocą aplikacji pod adresem swieskowski.net/carve (podłożyć można własne zdjęcia), natomiast wykorzystać ją w praktyce np. za pomocą darmowego programu graficznego GIMP, stosując plugin Liquid Rescale.

Wyszukiwarka ikon

czwartek, 21 Czerwiec 2007
Jak wiadomo, dobra ikonka jest czasem bardziej niż potrzebna, nie tylko w designie.
Iconlet Oto Iconlet, wyszukiwarka ikon. Możemy wyszukiwać ikonki po nazwie, rozmiarze (w pikselach), formacie oraz licencji (przydatne gdy potrzebujemy czegoś freeware). Mimo że wyszukiwarka (jeśli wierzyć licznikowi) oferuje prawie 50 tysięcy ikon, czasem trzeba wpisać jeden z kilku angielskich synonimów aby odnaleźć interesującą graficzkę.

My Cool Button

wtorek, 29 Maj 2007

My Cool Button Na Wykopie co prawda ten link nie został doceniony (czytaj: nie wszedł na stronę główną), ale uważam że tutaj powinien zagościć. A mamy do czynienia z on-line’owym generatorem cukierkowych przycisków w stylu web2.0. Rzecz dość fajna: ustala się kolory, rozmiary, czcionkę, można wstawić swoją ikonkę… brakuje jednak pozycjonowania elementów (szczególnie pionowe centrowanie nie jest dobrze rozwiązane) oraz automatycznego odświeżania wyniku… no ale narzędzie jest przydatne, chociażby do generowania pustych buttonów, na które potem naniesiemy grafikę „ręcznie”.

Stripe Generator (2.0 Beta, oczywiście ;))

piątek, 27 Kwiecień 2007
Stripes Jak wiadomo, na tym blogu zbieram linki do wszelakich narzędzi webmasterskich. Nie mogłem więc pominąć jednego z moich ostatnich wykopów i nie zamieścić linka do aplikacji Stripe Generator. Stronka służy do generowania prawie-w-real-time pasków spotykanych często u góry teł witryn internetowych. Co prawda programik jest trochę ograniczony (aby odświeżyć podgląd – trzeba weń kliknąć, możliwe są tylko ułożenia pasków co 45° oraz wysokość maksymalna do 200px), ale używalność i pożyteczność jest dobra – oszczędza się trochę czasu w Photoshopie…

Button Maker

czwartek, 18 Styczeń 2007

Button Maker W Sieci modne są mikro-buttony tego typu. Co prawda można usiąść do ulubionego programu graficznego i stworzyć taki (a nawet animowany) w kilka chwil, ale jeśli ktoś nie ma czasu lub umiejętności, może skorzystać z tego generatora.

Bluesfear Worm

sobota, 13 Styczeń 2007

Pod tym adresem jest ciekawa rzecz :) – Jeden okropnie długi obrazek, sklejony z kilkudziesięciu mniejszych, stworzonych przez różnych autorów, z tym że każdy następny obrazek jest powiązany z poprzednim, więc tworzy się taka taśma ilustracji wtopionych jedna w drugą… Nazwałbym to cybernetycznym graffiti :) Jeśli czujesz się na siłach, możesz sam(a) dorysować kolejny kawałek. (UWAGA, kliknięcie na link powoduje otwarcie dokumentu z wieloma obrazkami, co u niektórych może „zamulić” system).
Takie nowatorskie eksperymenty bardzo mi się podobają :)
Bluesfear Ten wpis bardzo długo leżał w draftsach. Całkowicie o nim zapomniałem :) A jako że trochę się postarzał (i jako że obiecałem sobie wzbogacać wpisy o ilustracje), postanowiłem zrobić screenshota tej strony (w momencie robienia screena szerokość łączna tej grafiki wynosiła prawie 33000px!). Wynik widać powyżej, hyhy :)

PageFlip

czwartek, 11 Styczeń 2007

PageFlip 2.2 Flashowe rozwiązanie (link na obrazku obok) świetne do prezentacji np. katalogu produktów. Symuluje książkę – kartki przewraca się prawie tak naturalnie jak w prawdziwej książce. Na kartkach mogą być animacje lub nawet aplikacje (w ActionScript) lub strony WWW, a same kartki mogą byc przezroczyste. No i można je wyrywać :) Najlepsze jednak jest to że ta prezentacja ma status openSource!
I niech mi ktoś jeszcze powie że flash nie jest efektowny.

Ukryj dane w obrazku JPG

środa, 29 Listopad 2006

Piotr Jaczewski na swoim blogu opisał ciekawy sposób na ukrycie jakichkolwiek danych w pliku obrazka JPG. To działa :)

Wrocław moją planetą

piątek, 24 Listopad 2006

Wrocław moją planetąTak nazwałbym ten ciekawy obrazek sklejony ze zdjęć wykonanych przez Karola Fijałkowskiego. Jest w mojej opinii genialny, technika jego utworzenia powaliła mnie na kolana (choć gdzieś już znalazłem podobne panoramki 3D, przez co praca Fijałkowskiego taka nowatorska już nie jest). Dziękuję Żylecie za linka do wrocławskiej planetki-rynku :)

Kilka(dziesiąt?) podstawowych rad dla młodych photoshopistów :)

wtorek, 24 Październik 2006

Ten wpis jest ze specjalną dedykacją dla Bartka :)

Siedzę w Photoshopie już kilka lat, oto czego się nauczyłem:

  1. Każdy projekt/pomysł zaczynaj od szkicu ołówkiem na kartce, z dala od kompa.
  2. Co jakiś czas, nawet po nikłych zmianach, zapisuj projekt (lub korzystaj z autozapisu).
  3. Nie zadowalaj się pierwszym osiągniętym efektem zbliżonym do zamierzanego: zrób go na co najmniej trzy sposoby i zdecyduj którego użyć.
  4. Zawsze pracuj na jak największej ilości warstw.
  5. Nigdy nie „scalaj” warstw bez potrzeby.
  6. Jeśli masz do wyboru jedną z dwóch warstw, wybierz słuszną, a drugiej nie kasuj, tylko ukryj.
  7. Nazywaj warstwy (z sensem) zaraz po utworzeniu (to samo dla gradientów, tekstur itp.).
  8. Organizuj warstwy: pakuj do folderów (nazywaj foldery!), unieruchamiaj i łącz między sobą, podobnym nadawaj nazwy z podobnymi przedrostkami.
  9. Poświęcaj projektom dużo czasu.
  10. Nigdy nie rób jednego projektu tylko w jeden dzień. Pozwól mu pożyć trochę i rozwinąć się w Twojej wyobraźni, bez komputera.
  11. Gdy tworzysz layout witryny, zawsze miej na uwadze charakterystyczne cechy budowy witryny i wykorzystuj je (budowa blokowa, powtarzalność tekstur, możliwości typograficzne, gradienty).
  12. Używaj jak najwięcej swoich własnych palet, tekstur, symboli itp.
  13. Nie bój się eksperymentować, nie żałuj eksperymentom czasu.
  14. Naucz się podstawowych zasad fotografii i stosuj je przy projektowaniu stron.
  15. W miarę możliwości staraj się połączyć techniki tradycyjne z cyfrowymi (np. tryb pracy typu szkic-skan-photoshop).
  16. Nigdy nie kasuj z dysku nawet najbardziej nieudanych prac.
  17. Co jakiś czas archiwizuj wszystkie swoje prace na trwałym nośniku.
  18. Nie bój się pokazywać ludziom nawet nieudanych prac. Chwal się.
  19. Wzoruj się, ale nie popełniaj plagiatu.
  20. Otwarcie przyjmuj każdą krytykę, nawet tą „niekonstruktywną”. Każdą krytykę przeanalizuj i przemyśl
  21. Plagiaty swoich dzieł tęp z całą stanowczością.
  22. Staraj się wyrobić rozpoznawalny i niepowtarzalny przez innych, własny styl.

Obiecuję że od dziś będę starał się stosować do tych wszystkich zasad, anie tylko do 20% ;)

Wyszukiwarka obrazków wg odcienia kolorystycznego

wtorek, 19 Wrzesień 2006

Ktoś na Wykopie wkleił ten kąsek: Aplikacja wyszukująca (i wyświetlająca rzecz jasna) obrazki z serwisu Flickr, tyle że.. w zadanej przez usera tonacji barwy! Przednia zabawa, a i wielce użytecznym pewnie się narzędziem toto okaże. Przynajmniej w poszukiwaniu pomysłów na grafikę o takiej a takiej barwie…

Dingbatsy

poniedziałek, 18 Wrzesień 2006

Czyli czcionki, które nie przedstawiają literek, ale obrazki. Przydatne chociażby przy poszukiwaniu kiełka pomysłu na logo, lub przy tworzeniu ikonek. Tak naprawdę używam ich częściej niż samych ikonek (nowoczesne ikonki mają często tendensje bycia przekoloryzowanymi i przebłyszczonymi cukierkowymi figurkami, co nie zawsze pasuje).

Do niedawna w Polsce działał serwis antraxja-fonts.iweb.pl ze świetnym zbiorem przeróżnych czcionek (w tym dingbatsów), ale zniknął w niewyjaśnionych okolicznościach.

[BTW podobnie jak w niewyjaśnionych okolicznościach zajęta została domena grabun.com, na której autor utrzymywał świetny serwisik „Papryczki”]
[EDIT: (20.09.06) Papryczki pod adreskiem grabun.com/papryczki na szczescie wrocily i juz dzialaja i jest tam kilka nowych fajowych linkow :)]

A dziś poszukując fajnych dingbatsów związanych z tematyką laboratoryjno-medyczną, natrafiłem na serwis www.dingbatdepot.com :) Przy okazji polecam też serwis Richd.com, na których autor prezentuje niegorsze ikony.

Jak stworzyć faviconkę?

niedziela, 17 Wrzesień 2006

Tym oto narzędziem.
(nadal tajemnicą dla mnie jest, jak IE (nie)zapatruje się na faviconki)…