Sprawdź ofertę

Czas Na Przełom. Twoja Strona 70% Taniej.

BLACK FRIDAY

Do końca 2 DNI : 2 GODZIN : 2 MINUT : 2 SEKUND

Zaloguj się

Zarejestruj się

Panel Webmastera

Czas czytania: ok. 8 min.

Data publikacji: 22.12.2022

Illustrator i Photoshop - podstawy, różnice

Tworzenie bloga, landing page, portfolio online czy po prostu tworzenie stron. W każdym z tych przypadków w mniejszym lub większym stopniu towarzyszy nam grafika. Mogą to być zdjęcia, ilustracje, kolaże etc. Do ich stworzenia lub późniejszej edycji i przeróbek potrzebny będzie nam program, na którym to zrobimy. A jeśli o nich mowa, to Photoshop i Illustrator należą do jednych z najpopularniejszych. Czym się charakteryzują? Co je różni?
Jeśli chcesz się tego dowiedzieć, koniecznie przeczytaj nasz artykuł! 

 

Adobe 

 

Adobe samo w sobie jest amerykańskim przedsiębiorstwem, założonym w grudniu 1982 roku przez Charlesa Geschke i Johna Warnocka. Jego główna siedziba mieści się w San Jose, w Kalifornii. Firma słynie ze swoich oprogramowań graficznych wszelkiej maści.- do filmu, ilustracji, zdjęć, dokumentów tekstowych etc. 

Program Adobe Illustrator i Photoshop nie były pierwszymi programami wprowadzonymi przez Adobe, chociaż kolejno pojawiły się w 1987 i 1990. Za pierwszy produkt wypuszczony przez Adobe uznaje się jednak PrinttScrtipt. Co ciekawe w firmie widział duży potencjał Steve Jobs. Próbował ją nawet wykupić za 5  mln, co w tym czasie przewyższało jej wartość. Ostatecznie słynny założyciel Apple nie stał się nowym właścicielem Adobe, ale za w zamian za to wykupił akcje przedsiębiorstwa. 

 

Narzędzia Adobe 

Adobe na swojej liście posiada ponad 20 narzędzi o różnorodnym przeznaczeniu.

Należą do nich: 

  • Photoshop

  • Illustrator

  • InDesign

  • Premiere Pro

  • After Effects

  • Lightroom

  • XD

  • Animate

  • LIghtroom Classic

  • Dreamweaver

  • Dimension

  • Audition

  • InCopy

  • Character Animator

  • Capture

  • Fresco

  • Bridge

  • Adobe Express

  • Premiere Rush

  • Photoshop Express

  • Media Encoder

  • Aero

  • Scan

  • Fill & Sign

  • Acrobat

    • Pro

    • Standard

    • Reader

    • Acrobat Reader

    • PDF Pack

    • Export PDF

Lista mogłaby być dłuższa, jeśli uwzględnilibyśmy również narzędzia przejęte lub też współpracujące z Adobe. Przykładem jest tutaj, chociażby Figma. 15 września 2022 r. do mediów dotarła informacja, że Adobe zawarło z Figmą umowę dotyczącą jej przejęcia. Transakcja wyniosła około 20 miliardów dolarów w gotówce i akcjach. 

 

Adobe Photoshop program - krótkie wprowadzenie, przeznaczenie 

 

Zaczynamy od sztandarowego opisu narzędzia, które zawitało już na samym początku lat 90’. Wstępnie miało być to narzędzie przeznaczone, tylko wyłącznie do edycji zdjęć, jednak ostatecznie jego funkcjonalności zdecydowanie się powiększyły. 

Wciąż skupia się on jednak na zdjęciach. Mówiąc ogólnie, jest program do edycji zdjęć i grafiki rastrowej. Pozwala użytkownikom tworzyć, rysować, modyfikować i manipulować obrazem. Poza tym umożliwia również tworzenie i edytowanie obrazów rastrowych z wieloma warstwami, dodawanie efektów specjalnych oraz ich importowanie w różnych formatach plików. Projekty Adobe Photoshop pozostają w stałym rozmiarze, ale podczas samego procesu mamy pełną kontrolę nad projektami, ponieważ jesteśmy w stanie edytować grafikę piksel po pikselu.
 

Adobe Illustrator - krótkie wprowadzenie, przeznaczenie

 

Ja już mogliśmy się przekonać, Illustrator został wprowadzony na rynek wcześniej niż Photoshop, jednak to ten drugi jest bardziej rozpoznawalny wśród osób niedziałających w “w branży”. Illustrator cc jest co prawda dość uniwersalny, ale ma zdecydowanie bardziej nakreślone przeznaczenie - na projekty techniczne lub takie wykonywane od początku do końca samodzielnie. Korzystając z niego, zajmujemy się grafiką wektorową. Jeśli mielibyśmy sprecyzować jego główne zastosowania, to z pewnością warto wymienić tutaj:

  • projektowanie identyfikacji wizualnej interfejsu, szczególnie logo 

  • tworzenie ilustracji bazujących na kształtach 

  • projektowanie plakatów

  • tworzenie własnych ilustracji, szczególnie jeśli posiadamy tablet graficzny i możemy korzystać z pędzli w bardziej naturalny sposób

 

Jakich skrótów klawiszowych warto się nauczyć?

 

Skróty klawiszowe potrafią stanowić duże ułatwienie w pracy na różnego rodzaju programach. Ich główną wadą jest to, że wiele z nich będzie różniła się w zależności od tego, z jakiego narzędzia korzystamy i na jakim oprogramowaniu pracujemy.  Ma to swoje wytłumaczenie m.in. w tym, że programy różnią się funkcjonalnościami i przeprowadzanymi na nich operacjami. Jednak w większości przypadków najpopularniejsze skróty klawiszowe, takie jak np. CTRL+C, CTRL+V,  będą uniwersalne, niezależnie od tego, czy pracujemy na Photoshopie, Illustratorze, Figmie, Google docs’ach czy w kreatorze. 


W związku z tym, że obydwa te narzędzia zostały stworzone przez to samo przedsiębiorstwo, spotkamy się z wieloma skrótami, które będą się pokrywały.
 

Skróty klawiszowe Photoshop 

 

Posługując się narzędziem Photoshop. warto poznać następujące skróty:

Shift+M -> Maska 

Ctrl + T  -> Przekształcania (obrót, skalowanie, zmiana pozycji)

Ctrl + '+'/’-’ Powiększenie/pomniejszenie

Shift + F5  ->  Wypełnij 

F5  ->  Pokaż/ukryj panel pędzli 

F6  ->  Pokaż/ukryj panel kolorów

F7  ->  Pokaż/ukryj panel warstw 

F9  ->  Włączanie i wyłączanie paneli akcji H  ->  Tymczasowe ukrycie

B ->  Aktywowanie narzędzia do usuwania plamek

Shift + F7 -> Uruchomienie odwrotnego zaznaczenia

E  ->  Aktywacja narzędzia do usuwania czerwonych oczuTShift + F7  ->  To activate an inverse selection

Ctrl + Shift + Z  -> Przywróć kilka krokó (cofniętych zmian)

Ctrl + Alt + Z  -> Cofnij o kilka kroków (zmian)

Tab  -> Włączanie i wyłączanie wszystkich paneli W blendingu obrazów przydać mogą nam się również tego typu skróty:

Shift + Alt + K  -> Aby przyciemnić obraz

Shift + Alt + M  -> Aby pomnożyć obraz

Shift + Alt + G  -> Aby rozjaśnić obraz

Shift + Alt + D -> Aby aktywować dodawanie kolorów

Shift + Alt + U -> Aby aktywować barwę

 

Skróty klawiszowe Illustrator

 

Projektując z pomocą narzędzia Illustrator, warto nauczyć się przede wszystkim skrótów:

V -> Narzędzia wyboru

A -> Bezpośredni wybór

S -> Skalowanie

P -> Narzędzia pióra

G -> Gradient

Z -> Zoom

N -> Narzędzia ołówka

B -> Narzędzia pędzla

F -> Tryb pełnoekranowy

I -> Pipeta 

Y -> Różdżka

Shift C -> Kotwica

Shift E -> Gumka

Ctrl (/cmd) + R -> Linijki

Ctrl (/cmd) + ;  -> Prowadnica

Ctrl (/cmd) + '  -> Siatka

Ctrl (/cmd) + C -> Kopiuj

Ctrl (/cmd) + V -> Wklej

Ctrl (/cmd)  + Shift + V Wklej w miejsce (np. zaznaczając obszar tekstowy i używając tej komendy po wklejeniu nowy tekst powinien dopasować się do poprzednich ustawień)

Ctrl (/cmd) + Z  -> Cofnij

Ctrl (/cmd) + X  -> Wytnij

Ctrl (/cmd) + 0 ->Powiększ, aby dopasować do obszaru roboczego

Ctrl (/cmd) + 1 ->Powiększenie do 100%

Ctrl (/cmd) + G  -> Grupuj zaznaczenie

Ctrl (/cmd) + A  -> Zaznacz wszystko

Ctrl (/cmd) + L  -> Nowa warstwa

' [ ' lub  ' ] ' -> Zwiększenie lub zwiększenie rozmiaru pędzla
 

Oczywiście to nie cała lista skrótów klawiszowych, jakie ma do zaoferowania Illustrator i Photoshop. Pełną rozpiskę znajdziemy tutaj:

Dla Photoshopa -> https://helpx.adobe.com/photoshop/using/default-keyboard-shortcuts.html

Dla Illustratora -> https://helpx.adobe.com/illustrator/using/default-keyboard-shortcuts.html
 

Zacznij teraz 

Ponad 600 000 ludzi tworzy strony za darmo, bez kodowania i przy wsparciu AI. Zobacz, jakie to proste

Czym zastąpić program Illustrator i Photoshop - alternatywy 

Photoshop - alternatwy 

  • Photopea 

  • Krita 

  • Procreate (iPad)

  • GIMP

  • Affinity Photo

  • Pxlr

 

Illustrator - alternatwy 

  • Inkscape

  • Affinity Dersigner

  • CorelDRAW

  • Figma

  • Sketch (Mac)

  • Vedctornator 

  • Krita 

 

Oczywiście alternatywy nie są rozwiązaniem, które będzie przypominało dane narzędzie 1:1, ale z pewnością warto niektóre z nich przetestować. Szczególnie na początku, gdy działanie na tego typu programach jest dla nas nowe i potrzebujemy wdrożenia. Dzięki tamu uda nam się zaoszczędzić. Zanim wykupimy pakiet Adobe lub sam Illustrator, czy też Photoshop, możemy dzięki temu m.in.  sprawdzić: 

  • jak czujemy się, pracując na tego typu programie

  • co sprawia nam trudności

  • w czym czujemy się najlepiej

  • czy faktycznie wciąż uważamy, że chcemy się tym zajmować.

Przy okazji może okazać się, że któraś z alternatyw sprawdza się nam na tyle dobrze, że nie musimy na razie myśleć o jej wymianie. 

 


 

Illustrator i Photoshop - podstawowe różnice 

 

  • Illustrattor działa na plikach vektorowych, natomiast Photoshop na rastrowych. Co to oznacza?
    Pliki rastrowe to obrazy zbudowane z pikseli (formaty: .jpg, .png, .gif, .bmp, .tiff, .psd). Im jest ich więcej, tym bardziej szczegółowy i jakościowy obraz otrzymamy. 
    Z kolei pliki wektorowe wykorzystują do tworzenia obrazu równania matematyczne, linie i krzywe o stałych punktach na siatce. Ich skalowanie nie wpływa na jakość. Formaty: svg, .eps ,.ai  ,.dae ,.ps ,.emf

  • Illustrator oferuje więcej rozwiązań, jeśli chodzi o kształty, linie, pędzle etc., dzięki czemu dobrze sprawdzi się przy projektowaniu logo, czy tworzeniu ilustracji (od podstaw). 

  • Photoshop daje więcej możliwości w przypadku edycji zdjęć, kolaży. Sam w sobie oferuje też większy wachlarz funkcji (ale niekoniecznie rozwiniętych do granic swoich możliwości) 

  • Podstawowy format zapisu plików z Photoshopa to PSD, natomiast z Illustratora AI. -  PSD jesteśmy w stanie otworzyć  w Illustratorze, natomiast AI w Photoshopie już nie. 

 

Oczywiście, aby poznać Adobe Illustrator od podstaw, najlepiej będzie zapisać się na kurs Adobe Illustrator. Podobnie będzie w przypadku Photoshopa – jemu również dedykowane są odpowiednie kursy online. Pamiętajmy, że zarówno przykładowy kurs Illustrator cc 2017 od podstaw, jak i każdy inny powinny zakończyć się uzyskaniem certyfikatu. 

 

Illustrator i Photoshop, a projektowanie stron internetowych

 

Korzystając tylko i wyłącznie z Illustratora lub Photoshopanie nie stworzymy własnej strony internetowej. Do tego zadania Adobe posiada inne narzędzie, ale nie cieszy się one aż taką popularnością i pozytywnymi opiniami.
To do czego mogą nam posłużyć oferowane możliwości tych narzędzi, to zbudowanie bazowego projektu, “szkicu” i ewentualne stworzenie spersonalizowanych grafik. Obecnie przy tego typu zadaniach częściej sięga się już po Figmę, ale je Photoshop i/lub Illustrator, to wciąż dobre i popularne rozwiązania. Tworząc stronę w WebWave, korzystanie z narzędzi do stworzenia wizualnego projektu, nie jest koniecznością, ponieważ możemy zrobić wszystko od razu w kreatorze, bez potrzeby kodowania. Przy okazji możemy sięgnąć do zasobów darmowego banku zdjęć i ikon oraz szablonów stron internetowych. Jeśli jednak wolimy wcześniej zrobić “wirtualany szkic” , to warto wiedzieć jakie opcje mamy do wyboru.

Illustrator i Photoshop: podstawy, różnice - podsumowanie

Illustrator i Photoshop, to jedne z podstawowych narzędzi od Adobe, ale jak mogliśmy się przekonać, nie są one jedyne. Aby odpowiednio dobrać narzędzia, najpierw warto ustalić, jakie mamy oczekiwania wobec niego, co chcemy projektować - czy będą to wstępne “szkice” strony internetowej, zdjęcia, logo i pozostałe elementy identyfikacji, czy może ilustracje książkowe lub plakaty. Oczywiście w teorii w obydwóch tych narzędziach będziemy w stanie zrobić jedno i drugie, istotna jest jednak ostateczna jakość i komfort naszej pracy. To to powinno pomóc nam w dokonaniu ostatecznego wyboru.

 

 

 

Autor: Kaja Rowicka

Zacznij teraz 

Zacznij teraz 

09 grudnia 2022

Zacznij teraz 

Popularne artykuły. 

Jak zrobić sklep internetowy?

Jak zrobić landing page?

Jak zrobić stronę internetową?

Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona www bez kodowania? To łatwe - zacznij już teraz.

contact@webwavecms.com
+48 731 395 898

Porozmawiaj z nami na czacie
Od godziny 08:00 do 24:00

          

Ta strona została stworzona w kreatorze WebWave.

Znajdziesz nas na: