Kategoria "Tutoriale"
Sie
11
2016

Skróty klawiaturowe w Photoshopie

Ilość opcji i możliwości Adobe Photoshop może zaskoczyć początkującego użytkownika. Wydaje się, że wszystko można znaleźć na szybko w menu, ale to wbrew pozorom czasochłonna praca. Niektóre komendy wymagają bowiem nawet kilku kliknięć. Od czego są jednak skróty klawiaturowe, które przypominamy w tym wpisie. Starsi „wyjadacze” znają na pewno większość używanych przez siebie kombinacji klawiszy, dla mniej zaawansowanych poniżej grafika z listą wszystkich skrótów. (UWAGA! Grafika otworzy się w pełnej rozdzielczości po kliknięciu). Gdyby ktoś szukał wersji bardziej tekstowej, jest ona oczywiście dostępna w dziale pomocy na stronach Adobe. Osobiście […]

Maj
31
2016

Extract for Brackets – krok naprzód w tworzeniu front endu

Adobe Photoshop, mimo swoich ograniczeń, jest nadal najważniejszym narzędziem, stosowanym przy tworzeniu stron internetowych. Jeśli zajmujesz się tworzeniem stron internetowych i dostajesz od grafiki przygotowany layout, prawie na pewno będzie on w formacie PSD. Co to oznacza dla programisty? Po pierwsze, skazuje go na korzystanie z drogiego ekosystemu oprogramowania od Adobe. Po drugie, prowadzi do konieczności ciągłego przełączania się między kilkoma oknami – przeglądarką, edytorem kodu i Photoshopem. Sam Photoshop również nie ułatwia pracy z layoutem i do przełożenia pliku PSD na HTML i CSS, trzeba sprawdzać parametry porozrzucane w kilku miejscach. Czy można […]

Mar
8
2016

Tworzenie szablonu strony mobilnej w Photoshopie

Przez ostatnie kilka lat, grafik tworzący stronę internetową, tworzył jej wersję desktopową. Następnie zadaniem programisty było stworzenie jej wersji, która wyświetli się na dużym ekranie a także (ewentualnie) na smartfonach. Dziś stosuje się zupełnie inne podejście, określane jako „mobile first”. Polega ono na tym, że tworzymy najpierw wersję mobilną strony, a dopiero potem, uzupełniamy ją o elementy, wyświetlające się na dużym ekranie. Dziś zaprezentuję prosty tutorial o tworzeniu strony w widoku mobilnym. Tworzymy plik o szerokości 400 pikseli i długości 900 pikseli (długość strony na pewno się zmieni). Taka szerokość […]

Sty
22
2016

Tekst obszyty nicią w Photoshopie

Jeśli chcesz wykonać ten tutorial, w pierwszej kolejności zapraszam Cię do pobrania zestawu pędzli. Przed użyciem, należy je wypakować. Krok 1 Zacznijmy od stworzenia nowego dokumentu w Photoshopie. W moim przypadku, jest to 600 na 300 pikseli i rozdzielczość 72ppi. Praca z białym tłem jest zwykle kiepskim rozwiązaniem, dlatego za chwilę wrzucimy sobie na nie teksturę. Domyślnie warstwa Background (tło) w dokumentach Photoshopa jest zablokowana – aby ją odblokować, kliknij dwa razy w tę warstwę. Następnie zmień jej nazwę lub pozostaw taką samą. Zobaczysz, że zniknęła ikona kłódki na panelu warstwy. […]

Gru
10
2015

Tekst otoczony wzorkiem w Photoshopie

W tym tutorialu pokażemy, jak można stworzyć ciekawy efekt świecących kropek i użyć go do tekstu. Efekt Świecące kropki Czas: od 30 do 45 minut. Stwórz nowy dokument o wielkości 1024 na 768 pikseli i wypełnij tło kolorem #131313, następnie napisz coś kolorem #2695c4. Wybierz jakąś „grubą” czcionkę o dużej wielkości. U mnie – Arial 200, pogrubiona czcionka. Następnie zmniejsz parametr wypełnienia (fill) warstwy tekstowej do 0. Zduplikuj warstwę Na warstwie z powielonym tekstem użyj efektu Outer Glow (zewnętrzny blask) Tryb mieszania: Hard Light Kolor: #4ea6d0 Rozmiar 65 […]

Wrz
22
2015

Jak stworzyć tekst, wyglądający jak z taśmy VHS?

Pamiętasz jeszcze lata 90 i filmy z Arnoldem wypożyczane na kasetach? Taśmy były zwykle tak złej jakości, że po kilku seansach, niewiele było widać na ekranie. Wielu osobom zapadły w pamięć charakterystyczne obwódki obrazu. Z tego tutorialu dowiesz się, jak uzyskać podobny efekt na swoim komputerze, dzięki programowi Adobe Photoshop. 1 – Stwórz nowy dokument o rozmiarach, które uznasz za stosowne. Wybrałem 1920 na 1080 pikseli – w sam raz na tapetę do nowego monitora. 2 – Wypełnij obraz bardzo ciemnym szarym. 3 – Wybierz jakąś retro-czcionkę i napisz nią coś […]

Lip
31
2015

Metaliczny tekst w Photoshopie – tutorial

Metaliczny tekst na kontrastowym tle będzie zawsze wyglądał dobrze. Mimo tego, że teraz panuje moda na płaskie ikony i brak cieniowania, warto przypomnieć sobie, w jaki sposób uzyskać efekt metalicznej powierzchni na tekście. W tym tutorialu pobawimy się trochę warstwami i postaramy się oszukać zmysły użytkownika, za pomocą cieni i odbić. 1 Zrób nowy dokument o odpowiedniej wielkości. Swój chcę użyć jako tapetę, dlatego ustawiam rozdzielczość 1440 na 900 pikseli, by idealnie pasowała. Tryb to RGB, a zagęszczenie pikseli to 72 piksele na cal. Wypełnij tło ciemnoszarym kolorem. Zajrzyj na stronę http://www.brusheezy.com/patterns/ i wybierz […]

Cze
22
2015

Jak zrobić infografikę w Photoshopie?

Infografika to najlepszy sposób przekazywania informacji. Większość ludzi rozumie około 60% informacji, które przeczyta z ekranu komputera. Co gorsze, czytamy coraz mniej – zamiast tego, skanujemy artykuły w poszukiwaniu czegoś interesującego. Jeśli chcesz, by czytelnicy zapoznali się z tym, co chcesz im przekazać, znacznie lepszym wyborem będzie infografika. W sieci jest mnóstwo narzędzi, które pozwalają tworzyć infografiki, ale znacznie lepiej jest zrobić ją w Photoshopie, co pozwoli popuścić wodze wyobraźni. W tym tutorialu pokażę Ci, jak zrobić infografikę w stylu origami. 1 – Na początku pobierz […]

Maj
8
2015

Tworzenie landing page w Adobe Photoshop

Na naszym blogu pojawiały się już tutoriale na temat tworzenia stron internetowych oraz ich różnych elementów. Wiele osób zadaje sobie pytanie, jak stworzyć landing page i to właśnie na tym elemencie strony postanowiłem się skupić w tym tutorialu. Landing Page to strona, która ma za zadanie skłonić użytkownika do wykonania jakiejś akcji. Na skuteczność landinga wpływa wiele rzeczy, także design. Powinien być czysty i nie rozpraszać użytkownika – zamiast tego, trzeba go nakłonić do wykonania akcji.

Mar
27
2015

Tworzenie prostego efektu bokeh

Bokeh to szczególny efekt, który powstaje podczas robienia zdjęć za pomocą ogniskowej o dużej jasności. Tło takiego zdjęcia jest rozmazane w postaci kółeczek, których kształt zależy od ilości listków w przesłonie aparatu. Jeśli fotografujesz aparatem kompaktowym albo smartfonem, nie uzyskasz tego efektu w standardowy sposób. Aby uatrakcyjnić zdjęcia, musisz posłużyć się programem. Zdjęcie Na początek musisz wybrać odpowiednie zdjęcie. Efekt bokeh wygląda naturalnie, jeśli zdjęcie przedstawia jeden lub kilka obiektów, które są ostre i tło zdjęcia jest rozmyte. Pasuje on idealnie do zdjęć portretowych, natomiast w przypadku zdjęć krajobrazowych, będzie […]

Strony:12345»

Polecane

Kategorie