<autoreklama>
</autoreklama>
Wpisy otagowane ‘grafika’
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!
Tagi:darmowe, grafika, wektory, źródła
| 4 komentarzy »
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.
Tagi:grafika, kolory, narzędzia, webaplikacje
| 1 komentarz »
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ć.
Tagi:grafika, kompresja, narzędzia, webaplikacje
| 2 komentarzy »
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. :).
Tagi:animacje, generatory, grafika, webaplikacje, zestawienia
| 2 komentarzy »
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.
Tagi:grafika, kolory, rozwiązania
| Brak komentarzy »
wtorek, 30 Październik 2007
W
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ć.
Tagi:grafika, photoshop
| Brak komentarzy »
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…).
Tagi:grafika, narzędzia, webaplikacje
| 2 komentarzy »
poniedziałek, 8 Październik 2007

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.
Tagi:grafika, narzędzia, rozwiązania, webaplikacje, zdjęcia
| Brak komentarzy »
czwartek, 21 Czerwiec 2007
Jak wiadomo, dobra ikonka jest czasem bardziej niż potrzebna, nie tylko w designie.

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ę.
Tagi:grafika, ikony, wyszukiwarki
| 2 komentarzy »
wtorek, 29 Maj 2007
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”.
Tagi:generatory, grafika, webaplikacje
| 1 komentarz »
piątek, 27 Kwiecień 2007

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…
Tagi:generatory, grafika, narzędzia, webaplikacje
| 1 komentarz »
czwartek, 18 Styczeń 2007
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.
Tagi:buttony, grafika, webaplikacje
| Brak komentarzy »
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ą :)
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 :)
Tagi:fajne linki, grafika, rozrywka
| 1 komentarz »
czwartek, 11 Styczeń 2007
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.
Tagi:grafika, rozwiązania, skrypty
| Brak komentarzy »
piątek, 24 Listopad 2006
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 :)
Tagi:grafika, off-topic
| 5 komentarzy »
wtorek, 24 Październik 2006
Ten wpis jest ze specjalną dedykacją dla Bartka :)
Siedzę w Photoshopie już kilka lat, oto czego się nauczyłem:
- Każdy projekt/pomysł zaczynaj od szkicu ołówkiem na kartce, z dala od kompa.
- Co jakiś czas, nawet po nikłych zmianach, zapisuj projekt (lub korzystaj z autozapisu).
- 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ć.
- Zawsze pracuj na jak największej ilości warstw.
- Nigdy nie „scalaj” warstw bez potrzeby.
- Jeśli masz do wyboru jedną z dwóch warstw, wybierz słuszną, a drugiej nie kasuj, tylko ukryj.
- Nazywaj warstwy (z sensem) zaraz po utworzeniu (to samo dla gradientów, tekstur itp.).
- Organizuj warstwy: pakuj do folderów (nazywaj foldery!), unieruchamiaj i łącz między sobą, podobnym nadawaj nazwy z podobnymi przedrostkami.
- Poświęcaj projektom dużo czasu.
- 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.
- Gdy tworzysz layout witryny, zawsze miej na uwadze charakterystyczne cechy budowy witryny i wykorzystuj je (budowa blokowa, powtarzalność tekstur, możliwości typograficzne, gradienty).
- Używaj jak najwięcej swoich własnych palet, tekstur, symboli itp.
- Nie bój się eksperymentować, nie żałuj eksperymentom czasu.
- Naucz się podstawowych zasad fotografii i stosuj je przy projektowaniu stron.
- W miarę możliwości staraj się połączyć techniki tradycyjne z cyfrowymi (np. tryb pracy typu szkic-skan-photoshop).
- Nigdy nie kasuj z dysku nawet najbardziej nieudanych prac.
- Co jakiś czas archiwizuj wszystkie swoje prace na trwałym nośniku.
- Nie bój się pokazywać ludziom nawet nieudanych prac. Chwal się.
- Wzoruj się, ale nie popełniaj plagiatu.
- Otwarcie przyjmuj każdą krytykę, nawet tą „niekonstruktywną”. Każdą krytykę przeanalizuj i przemyśl
- Plagiaty swoich dzieł tęp z całą stanowczością.
- 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% ;)
Tagi:grafika, photoshop, rady
| Brak komentarzy »
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…
Tagi:grafika, ilustracje, kolory, wyszukiwarki
| Brak komentarzy »
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.
Tagi:czcionki, fonty, grafika, ikony, symbole
| Brak komentarzy »