6 września, 2009 o 3:40 pm | Napisane w Photoshop | Dodaj komentarz
Tagi: adobe, adobe photoshop, Photoshop, przyspieszyc prace
Przyspiesz swoja pracę z Photoshopem nawet o 307%!
Autorem artykułu jest Jakub Kozieł
Chcesz pracować o wiele wydajniej w photoshopie? Przeczytaj ten artykuł i poznaj 10 trików, które drastycznie zwiększą szybkość Twojej pracy z photoshopem.
Zastanawiasz się skąd wzięła się ta liczba w tytule? Stwierdziłem, że najlepiej będzie posadzić przy komputerze kogoś kto słabo zna photoshopa i mówić mu co ma robić przy okazji mierząc mu czas kiedy wykonuje czynność szukając poleceń w menu, a potem przy pomocy skrótów.
Skoro jemu się udało zrobić to 300% szybciej to wierzę, że i Tobie nie sprawi to większego problemu. Wyobraź sobie ile czasu możesz zaoszczędzić tworząc obrazy, edytując zdjęcia lub robiąc strony internetowe. Zamiast siedzieć 3 godziny wykonując wszystkie operacje tradycyjnie, ze skrótami spędzisz przy komputerze tylko 1 (słownie JEDNĄ) godzinę. Nie jest źle co? W takim razie zaczynamy.
1. Kiedy chcesz zaznaczyć obiekt znajdujący się na warstwie kliknij na jej obrazie z wciśniętym klawiszem ctrl w palecie warstw.
2. Jeśli chcesz usunąć kolory z obrazka wciśnij ctrl+Shift+U zamiast wchodzić do menu image>adjustment>desaturate
3. Aby stworzyć nową warstwę z zaznaczenia wciśnij po prostu ctrl+J
4. Żeby wyłączyć zaznaczenie zamiast wchodzić do zakładki selekt>deselect wystarczy wcisnąć ctrl+D
5. Gdy chcesz stworzyć nową warstwę wciśnij po prostu kombinację klawiszy ctrl+Shift+N
6. Przy zmianie wielkości pędzla wciskaj nawiasy kwadratowe [ dla zmniejszenia i „> dla zwiększenia średnicy, nie musisz już za każdym razem wchodzić do palety z pędzlami żeby to zrobić
7. Do narysowania prostej lini przy pomocy pędzla użyj klawisza Shift, przytrzymaj go podczas przeciągania pędzla z jednego miejsca w drugie. Ten sam efekt działa dla gumki.
8. Kiedy podczas pracy często przemieszczasz się między warstwami wciskaj klawisze alt+[ lub alt+”> dla przechodzenia w górę i w dół
9. Żeby wypełnić zaznaczenie wybranym kolorem zamiast używać wiadra z farbą wciśnij alt+backspace. Ta operacja przyspieszy Twoją pracę do 7 razy!
10. W przypadku gdy chcesz przekształcić obiekt wciśnij klawisze ctrl+t co uaktywni opcję przekształcenie dowolne (free transform) ten sam efekt uzyskasz wchodząc najpierw do zakładki Edit(edycja) potem transform(przekształć) i na końcu free transform(przekształć dowolnie)
Abyś sam mógł przeliczyć ile faktycznie czasu możesz zaoszczędzić proponuję żebyś wziął stoper i wykonał wszystkie operacje najpierw bez używania skrótów, a następnie z ich użyciem. Wynik może Ciebie zaskoczyć!
—
darmowe tutoriale photoshop
Artykuł pochodzi z serwisu www.Artelis.pl
5 września, 2009 o 7:19 pm | Napisane w Photoshop | Dodaj komentarz
Tagi: adobe, adobe photoshop, edycja grafiki, grafika, Photoshop, webdesign, webmaster
Adobe Photoshop – kilka słów o najbardziej popularnym programie wśród webmasterów
Autorem artykułu jest Rafał Turek
Jednym z najbardziej popularnych i najbardziej cenionych programów, których używa znaczna cześć ludzi tworzących [url=http://www.e-lime.pl]strony internetowe[/url] jest program firmy Adobe – Photoshop.
Jest on bez wątpienia jednym z najlepszych programem do edycji grafiki rastrowej m.in. dzięki prostemu interfejsowi, oraz dzięki dużej ilości narzędzi i opcji edycji grafiki.
Program Photoshop jest programem o dużych możliwościach, służącym do tworzenia i edycji grafiki rastrowej. Za pomocą tego programu można dokonać zarówno niewielkich zmian obrazu (np. modyfikacji oświetlenia, wyostrzenia kształtów), jak też również zmian bardziej radykalnych (np. usunięcia z obrazu obiektów, wymiany fragmentów różnych obrazów, dodania tekstu i obiektów, zmiany koloru oraz kolorowania obrazów czarno-białych). Możliwe jest rysowanie dowolnych figur oraz linii, wypełnianie obszarów jednolitymi kolorami, teksturami lub wypełnieniami gradientowymi, wstawianie tekstu oraz wiele innych operacji.
Program Photoshop udostępnia również obszerny zestaw poleceń i narzędzi pozwalających na przeprowadzanie różnych korekcji uszkodzonych obrazków, włączając do tego dopasowywanie tonalne i dopasowywanie kolorów. Na przykład możliwe jest rozjaśnianie niedoświetlonych fotografii lub „naprawa” starego zdjęcia (usuniecie rys itp.). Jeżeli myśli się poważnie o Internecie, wystarczy skorzystać z potencjału oferowanego przez program Adobe Photoshop do optymalizacji plików oraz publikowania własnych obrazków w Internecie.
Przy tworzeniu lub wzbogacaniu zdjęcia/obrazka możliwe jest dodawanie nowych elementów (np. kształtów własnych), korzystając z ogromnej ilości dostępnych narzędzi. Elementy te funkcjonują jako pojedyncze obiekty, i co jest niewątpliwie zaletą, mogą być przekształcane bez wpływu na znajdujący się pod nimi obrazek.
Co roku ukazuje się nowa wersja Adobe Photoshop. Wykorzystywane są w niej sugestie użytkowników wcześniejszych edycji programu. Dodawane są nowe narzędzia, filtry i polecenia pozwalające przyspieszyć i zautomatyzować pracę z grafiką. Dzięki swojej konsekwentnej polityce dbania o jakość produktu, Adobe Photoshop jest programem niezwykle popularnym i cenionym a produkty firmy Adobe były wielokrotnie nagradzane.
Adobe Photoshop nie jest aplikacją zbyt skomplikowaną, wręcz przeciwnie- posiada bardzo przejrzysty interfejs i jeżeli chcemy poznać go dogłębnie musimy poświęcić mu trochę czasu a gwarancją i potwierdzeniem sukcesu będą zadziwiające efekty graficzne.
Przedstawione w niniejszym artykule zagadnienia stanowią zarys bardzo istotnych aktualnych zagadnień. Informacje zawarte w artykule mogą stanowić swoisty „bodziec” dla osób zainteresowanych tematem grafiki komputerowej oraz fotografii cyfrowej.
—
Artykuł pochodzi z serwisu www.Artelis.pl
4 września, 2009 o 7:17 pm | Napisane w Photoshop | Dodaj komentarz
Tagi: design, menu, Photoshop, tworzenie, web, webdesign
Adobe Photoshop – Tworzenie menu do strony internetowej
Autorem artykułu jest Rafał Turek
Photoshop jest bardzo przydatnym programem w tworzeniu stron internetowych. W artykule tym, korzystając z wielu opcji jakie oferuje ten program graficzny, opiszę zasady i metody tworzenia menu do strony internetowej.
Nieodzownym elementem każdej strony internetowej jest menu. Podczas tworzenia strony www zawsze zastanawiamy się jak ono będzie wyglądać i gdzie je umieścić.
Artykuł ten opisuje sposób wykonania prostego menu do strony internetowej.
Czytając poniższy artykuł można dowiedzieć się m.in. o:
– pracy na warstwach,
– zastosowaniu narzędzi do zaznaczania,
– zastosowaniu narzędzia Gradient z przybornika narzędzi,
– tworzeniu odcięć,
– eksporcie grafiki do strony internetowej.
1. Tworzymy nowy dokument:
a) z paska menu wybieramy Plik – Nowy (szerokość-200 pikseli, wysokość-300 pikseli)
b) wypełniamy naszą warstwę Tło (przy użyciu Wiadra z farbą z przybornika narzędzi) ciemnym kolorem – tutaj zastosowałem kolor brązowy:
2. Nowa warstwa:
a) tworzymy nową warstwę (Warstwa – Nowa – Warstwa) i nadajemy jej nazwę przycisk
b) wybieramy narzędzie do zaznaczenia – Zaznaczanie prostokątne z przybornika narzędzi
c) trzymając klawisz Shift tworzymy zaznaczenie:
3. Wypełnianie gradientem:
a) z przybornika narzędzi wybieramy narzędzie Gradient
b) wybieramy gradient skośny:
c) teraz wciskamy D a potem X na klawiaturze by kolejno: przywrócić standardowe kolory narzędzia i tła (D) i zamienić kolory narzędzia i tła (X)
d) trzymając klawisz Shift klikamy w lewym dolnym rogu naszego zaznaczenia i przeciągamy (wciąż z wciśniętym klawiszem Shift) do prawego górnego rogu:
e) puszczamy teraz przycisk myszy a potem klawisz Shift i nasz obrazek powinien teraz wyglądać następująco:
4. Modyfikacja zaznaczenia:
a) z paska menu wybieramy Zaznacz – Zmień – Zawężanie. Ustawiamy wartość na 2 piksele i wciskamy OK
b) tworzymy nową warstwę (Warstwa – Nowa – Warstwa) i wypełniamy teraz nasze zaznaczenie ciemnym szarym kolorem. Następnie wciskamy na klawiaturze Ctrl + D by odznaczyć
5. Ponowne zaznaczanie:
a) wykorzystując narzędzie Zaznaczanie prostokątne zaznaczamy połowę naszego przycisku:
b) scalamy Warstwę 1 i warstwę przycisk zaznaczając Warstwę 1 i wybierając z menu opcje Warstwa – Połącz w dół.
Trzymając klawisze Alt + Ctrl + Shift naciskamy na klawiaturze strzałkę w prawo i rozciągamy nasz przycisk, aż nabierze oczekiwanych przez nas rozmiarów:
Następnie wciskamy Ctrl + D by odznaczyć.
c) gdy mamy już gotowy jeden z naszych przycisków wykorzystujemy ponownie narzędzie Zaznaczanie prostokątne i zaznaczamy nasz przycisk
d) trzymając klawisze Alt + Ctrl + Shift naciskamy na klawiaturze strzałkę w dół i w ten sposób kopiujemy zaznaczenie aż otrzymamy pożądaną przez nas liczbę przycisków:
6. Zaznaczenie eliptyczne:
a) tworzymy nową warstwę (Warstwa – Nowa – Warstwa) i nazywamy ją wycięcie. Narzędziem Zaznaczanie eliptyczne zaznaczamy owalny kształt po prawej stronie naszych przycisków:
b) korzystamy ponownie z narzędzia Gradient wybierając tym razem gradient liniowy. Znowu wciskamy z klawiatury klawisze D a następnie X (by przywrócić ustawienia standardowe i zamienić kolory tła i narzędzia) i trzymając klawisz Shift wypełniamy zaznaczenie
c) trzymając wciśnięty klawisz Ctrl klikamy na warstwie przycisk aby zaznaczyć tę warstwę. Z menu wybieramy Zaznacz – Odwrotność i będąc na warstwie wycięcie wciskamy klawisz delete żeby usunąć zbędną część. Nasze menu wygląda teraz następująco:
d) klikamy teraz na warstwie wycięcie prawym przyciskiem myszy i powielamy ją (Powiel warstwę). Zaznaczamy nowo powstałą warstwę wycięty brzeg kopia i z menu wybieramy Edycja – Przekształć – Odbij poziomo. Przeciągamy odbity poziomo brzeg na lewą stronę dopasowując tak aby powstało menu widoczne poniżej:
e) mając zaznaczoną warstwę wycięcie kopia wybieramy z menu opcję Warstwa – Połącz w dół. Mając złączone warstwy wycięcie kopia i wycięcie ponownie wybieramy opcje Połącz w dół i zostają nam jedynie dwie warstwy: przycisk i Tło:
f) łatwo zauważyć, iż brzegi menu są dość „ostre”. Zmieńmy ten wygląd. Klikamy prawym przyciskiem myszy na warstwie przycisk i wybieramy Opcje mieszania. Zaznaczamy opcje Faza i płaskorzeźba oraz Kontur.
Otrzymujemy nieco zmienione menu:
7. Wewnątrz przycisków:
a) tworzymy nową warstwę o nazwie przycisk wewnątrz
b) narzędziem Zaznaczanie prostokątne zaznaczamy małe prostokąty w środku tych większych i wypełniamy je gradientem liniowym nieco jaśniejszym niż poprzednio:
c) trzymając ponownie wciśnięte Alt + Ctrl + Shift przeciągamy myszką w dół nasz jaśniejszy prostokącik kopiując go pięć razy
Nasze menu jest już prawie gotowe. Możemy teraz jeszcze dodać tekst wewnątrz tych małych jasnych prostokącików. Z przybornika narzędzi wybieramy narzędzie Tekst i reszta zależy od tego co chcemy umieścić na naszej stronie. Tutaj wprowadziłem następujący tekst:
8. Zapisywanie i wycinanie:
Gdy nasze menu jest już gotowe zapiszmy je w taki sposób aby później mogło posłużyć nam przy budowie naszej strony. Jeżeli chcemy bezpośrednio całe nasze menu zapisać jak jeden obrazek wybieramy z menu opcje Plik – Zapisz dla Weba. Po zapisaniu pliku za pomocą polecenia Zapisz dla Weba, można wygenerować plik HTML dla tego obrazka. Plik ten zawiera cały kod niezbędny do wyświetlenia obrazka w przeglądarce WWW.
Istnieje również możliwość podziału naszego obrazka na mniejsze składowe. Przykładowo ustalono, że każdy z przycisków zostanie wycięty osobno, aby później, podczas pracy nad stroną internetową można było do każdego z nich (np. HOBBY) przyporządkować odpowiednią podstronę strony WWW. Może i brzmi to dalej jak jedna wielka zagadka dla tych, którzy po raz pierwszy zetknęli się z tym, ale w rzeczywistości jest bardzo proste:
a) z przybornika narzędzi wybieramy narzędzie Odcięcie:
b) zaznaczamy każdy z przycisków osobno:
c) z menu wybieramy Plik – Zapisz dla Weba i wybieramy OK:
Mamy już nasze obrazki przygotowane wraz z kodem źródłowym. Każdy przycisk jest wycięty osobno, więc nie pozostaje już nic innego niż praca z tym menu w programie do tworzenia stron WWW. A tak powinno wyglądać nasze menu po zastosowaniu narzędzia Odcięcie:
Ćwiczenie to pokazuje jak w prosty sposób zrobić ciekawe menu do strony internetowej. Lecz to nie jest jeszcze koniec naszej pracy bo dlaczego nasze menu nie mogłoby wyglądać tak:
Zastosowano tutaj efekt Faza i płaskorzeźba oraz Satyna (znajdują się one w menu Opcje mieszania po kliknięciu na daną warstwę – w tym przypadku na warstwę przycisk wewnątrz – prawym przyciskiem myszy).
Rozmieszczanie przycisków zależy tylko i wyłącznie od naszych upodobań, można np. pomiędzy poszczególnymi przyciskami zrobić odstępy co zmieni wizualnie wygląd menu, zmienić kształt przycisków (przyciski nie muszą być prostokątne- równie dobrze mogą być eliptyczne i wtedy zamiast Zaznaczania prostokątnego wybieramy Zaznaczanie eliptyczne i tworzymy warstwę przycisk).
—
Tworzenie stron www
Artykuł pochodzi z serwisu www.Artelis.pl