Format SVG (Scalable Vector Graphics) to popularny format grafiki wektorowej, idealny do projektów internetowych i skalowalnych ikon. W tym krótkim poradniku pokażę Ci, jak zapisać plik SVG bezpośrednio z Photoshopa.
Aby zapisać plik jako SVG, Twój projekt musi zawierać elementy wektorowe. Photoshop nie zapisuje SVG z obiektów rastrowych (np. zdjęć). Najlepiej, jeśli używasz narzędzi takich jak Pióro (Pen Tool) lub Kształty (Shapes).
📌 Uwaga: Jeśli Twoja grafika zawiera warstwy rastrowe, warto je najpierw przekonwertować do kształtów, jeśli to możliwe.
Zaznacz warstwę lub grupę warstw, które chcesz zapisać jako SVG. Możesz też wyeksportować cały projekt, ale pamiętaj – tylko warstwy wektorowe będą poprawnie zapisane.
Wybierz z menu:
Plik → Eksportuj → Eksportuj jako…
(File → Export → Export As...)
Otworzy się nowe okno eksportu.
W prawym górnym rogu okna „Eksportuj jako” wybierz format pliku jako SVG z rozwijanego menu. Photoshop automatycznie dostosuje pozostałe ustawienia, ale możesz je zmodyfikować w razie potrzeby (np. rozmiar, osadzenie czcionek, itp.).
Kliknij przycisk Eksportuj (Export) i wybierz miejsce zapisania pliku SVG na swoim komputerze. Gotowe!
Niedawno miałam okazję brać udział w konferencji IwZ, gdzie wygłaszałam referat, w którym omawiałam różne nowoczesne technologie i ich rolę w zarządzaniu organizacjami przyszłości.
Prezentację ubogaciłam wizualnie różnymi ikonami symbolizującymi nowoczesne technologie.
Poniżej przedstawiam niektóre z nich. Jeśli się Wam podobają, to nie mam nic przeciwko temu abyście je wykorzystali w swoich pracach😊
Ikony stworzone za pomocą sztucznej inteligencji, co nieco skadrowane i poprawione w Photoshopie.
Ikony symbolizujące technologie wykorzystałam także na stronie: http//paweloszek.cba.pl gdzie opisuję zagadnienia związane z przemysłem 4.0. Jako favicon tej strony wybrałam Nanoboty.
Kolejny plakat na trzecią edycję konferencji Wiedza i Technologie Informacyjne w Kreowaniu Przedsiębiorczości.
Poniżej stworzony na szybko plakat na zbliżającą się konferencję. Oczywiście dostosowany stylem do strony internetowej i certyfikatów oraz ulotek.
Często potrzebuję w moich projektach obrazu kodu binarnego jako nawiązania do technologii cyfrowej, która kojarzy się ze stosem zer i jedynek. Tutaj można przywołać w pamięci tapetę z filmu Matrix
Niedawno znalazłam ciekawy zestaw pędzli pozwalający tworzyć takie zero-jedynkowe wypełnienie. Oto link, pod którym można pobrać pędzle: http://sanketmisal.deviantart.com/art/Binary-Brushes-Sanket-Misal-mytrickytricks-com-433529628
W tym roku cała szata graficzna konferencji jest inspirowana klimatami jurajskimi.
Oczywiście dane uczestniczki są zmyślone :)
Dziś, podczas pracy nad kolejnym plakatem zastanawiałam się czy jest możliwe w Photoshopie stosowanie stylów (tak jak np. w Wordzie), żeby jednym kliknięciem móc ustawić określone parametry tekstu takie jak czcionka, jej wielkość, grubość, kolor, odstęp między wierszami itp.
No i oczywiście chodziło mi o to, aby można było kopiować styl z jednego akapitu do innego, aby cały dokument wyglądał spójnie a praca była szybsza (aby nie musieć w każdym bloku tekstu osobno ustawiać czcionki).
I okazało się, że jest takie narzędzie - w menu Okno -> style akapitów
Wreszcie na naszym wydziale powstaje nowy kierunek inżynierski - logistyka inżynierska, trwający 3 i pół roku. A o to plakacik jaki stworzyłam dla tego kierunku. Trzymam kciuki aby się uruchomił, zwłaszcza, że sporo na nim przedmiotów związanych z komputerami i informatyką.
Nie dawno (jakieś 2 tygodnie temu, w marcu) zlecono mi zaprojektowanie papierka do reklamowego cukierka krówka. Firma produkująca krówki reklamowe udostępnia szablon na swojej stronie, co stanowi znaczne ułatwienie jeśli chodzi o rozmieszczenie i wielkości elementów projektu. Wzór jest udostępniany w plikach .ai i .eps.
Niestety forma jest tak malutka, że można ją zrobić tylko jako grafikę wektorową. W Photoshopie, malutkie literki po prostu traciły wyraźność.
Postanowiłam zatem użyć Illustratora.
Interfejs jest podobny do Photoshopa, ale idea działania nieco inna. Można również pracować na warstwach, jednakże i bez warstw też można sobie poradzić, gdyż projektowane wektorowe kształty dadzą się łatwo zaznaczać i przesuwać. Program całkiem mi przypadł do gustu.
Poniżej zamieszczam efekt moich pierwszych zmagań z Illustratorem - gotowa krówka i papierek po zjedzonej krówce (nawiasem mówiąc są bardzo smaczne - mega ciągnące i takie trochę waniliowo-karmelowe).
To druga wersja ulotki zawiadamiającej o konferencji "Wiedza i technologie informacyjne w kreowaniu przedsiębiorczości". Przyznam, że ta pierwsza ulotka (z 24 lutego) nie bardzo mi się udała - jakoś nie miałam wtedy natchnienia ani punktu wyjściowego. Teraz punktem wyjścia stał się projekt strony internetowej konferencji (http://konferencja.czest.pl). Motywem przewodnim w tym roku jest amonit, a całość jest utrzymana w kolorze piasku i grafitu, z niewielkimi akcentami czerwieni. Ale co się będę rozpisywać.... po niżej wklejam zrzut ekranowy.
Na szybko sporządziłam plakat dla anglojęzycznego kierunku studiów Management przeznaczonego głównie dla studentów z Erasmusa.
Co prawda bazowałam na plakacie wykonanym wcześniej dla Logistyki II stopnia, ale całkowicie zmieniłam kolory.
W Photoshopie CS6 wprowadzono pewne zmiany w funkcjonowaniu narzędzia "Wiadro z farbą". W poprzednich wersjach można było w intuicyjny sposób wybrać czy chcemy wypełnić warstwę kolorem czy wzorkiem.
W CS6 natomiast w zastępstwie opcji kolor i wzorek używane są odpowiednio: Pierwszy plan i Przeplatany.
Poniższe zrzuty ekranowe pokazują ustawienia dla wzorka i wypełnienia kolorem.
Oczywiście musimy mieć wybrane bieżące narzędzie Wiadro z farbą (skrót klawiszowy G) i w pasku narzędzi pojawiającym się u góry okna wybieramy z listy rozwijanej opcję: Pierwszy plan lub Przeplatany.
Wypełnienie kolorem w Photoshopie CS6
Photoshop nagle przestał wyświetlać opcję zapisu jako JPG w rozwijalnej liście w okienku zapisu. Działa opcja zapisz dla sieci Web i urządzeń przenośnych nie ta opcja obsługuje dużych plików.
Przyczyna problemu:
Otóż opcja zapisz jako JPG jest dostępna tylko w określonym trybie kolorów obrazka. Najprawdopodobniej masz ustawiony tryb 16 bitów lub 32 bity na kanał.
Rozwiązanie:
Aby JPG znów się pojawiło należy zmienić tryb na 8 bitów na kanał.
Na kierunku Zarządzanie powstały całkiem nowe specjalności w miejsce tych, które były kiedyś. Zmienia się zapotrzebowanie rynku i program nauczania jest do niego dostosowywany. Niestety zmniejsza się też liczba studentów.
Moje projekty ulotek i plakatów zatem ciągle ewoluują. Oto nowa dzisiejsza propozycja.
Na wielu stronach internetowych poświęconych Photoshopowi można pobrać zestawy ciekawych pędzli. Jeśli mamy ich sporą kolekcję (tak jak w moim przypadku - kilkanaście plików z pędzlami w kształcie kwiatów), to uciążliwe jest wczytywanie wszystkich po kolei do Photoshopa, aby odnaleźć ten, który akurat jest nam potrzebny. W tym celu radzę zainstalować sobie przeglądarkę pędzli. Jednym z takich darmowych programów jest abrMate. do pobrania na przykład tutaj: http://www.download3k.com/Install-abrMate.html
Poniżej screen z tego programu, z moimi kwiatowymi pędzlami.
Za pomocą zestawu darmowych pędzli decorative-easter-eggs.zip dostępnego na stronie: http://fbrushes.com można stworzyć ciekawą kartkę wielkanocną do druku bądź wysłania e-mailem. Poniżej próbka niektórych pędzli wchodzących w skład świątecznego zestawu (jest ich tam 18).
Kilka wskazówek dla początkujących
Najlepiej każde jajo umieścić na osobnej warstwie, wtedy możemy swobodnie zmieniać ich położenie, obracać itp.
Pędzel z zasady umożliwia jedynie namalowanie kształtu w odcieniach jednego wybranego koloru. Jeśli chcemy aby np. kwiatki na pisance były kolorowe to można taki efekt osiągnąć poprzez stworzenie warstwy poniżej tej, na której jest wstawiona pisanka i naniesienie kolorów na tej właśnie spodniej warstwie. W ten sposób gdy coś nam się nie uda wystarczy to skorygować gumką, bez naruszania misternej struktury pisanki.
Inny ciekawy efekt - można zaznaczyć jajo za pomocą narzędzia zaznaczenia owalnego i na warstwie poniżej nałożyć gradient.
-->
W tym poście przedstawiam filmik pokazujący, w jaki sposób w Photoshopie można podzielić obrazek (obszar roboczy) na równe części o dokładnie sprecyzowanych wymiarach, na przykład w celu zaprojektowania ulotki składanej na 3 części.
Tym razem stworzyłam w ulotkę o formacie A4 składaną na 3 części (format powstający po złożeniu A4 na 3 części to tzw. format DL - już kiedyś o tym wspominałam).
-->
Ulotka jest prosta, bez żadnych udziwnień graficznych. Na stronie tytułowej zamieściłam jedynie kształt sporządzony za pomocą narzędzia piórko, w kolorze żółtym. Kształt ten poniekąd ma nawiązywać do pewnej imprezy towarzyszącej podczas konferencji - mianowicie zwiedzaniu muzeum medali i numizmatów z wizerunkiem Jana Pawła II. Może jakiś wnikliwy obserwator to skojarzy :). Kształt ponadto wypełniają zera i jedynki, które nawiązują do informatycznego charakteru konferencji i poniekąd także do multimedialnego i bardzo nowoczesnego charakteru wspomnianego muzeum.
Ulotka jest zrobiona w dwóch plikach - przód i tył.
Na Wydziale Zarządzania Politechniki Częstochowskiej otwieramy nowy kierunek studiów "Przedsiębiorczość w Internecie", zatem powstał nowy plakat. Ze względu na wszystkie przedmioty, które muszą się na nim zmieścić nie ma zbyt wielu elementów graficznych. Żeby trochę ożywić plakat wstawiłam kolorowe nagłówki. Trójwymiarowe litery w tle nadają mu głębi... :)