Mar
8
2016

Tworzenie szablonu strony mobilnej w Photoshopie

ScreenClip [5]

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 […]

Lut
22
2016

Photoshop w chmurze – sukces Adobe

photoshop_screen

Gdy w 2013 roku firma Adobe wprowadziła subskrypcyjny model opłat, świat grafików zatrząsł się w posadach. Niezmienny do tej pory model licencyjny (pudełkowy) miał zostać zastąpiony przez miesięczny abonament. Pomysł wydawał się irracjonalny, a płacenie comiesięcznej opłaty zdecydowanej większości użytkowników nie przypadło w pierwszym momencie do gustu. Jak to jednak bywa z nowościami i początkową krytyką, po czasie okazało się, że pomysł nie jest jednak aż taki zły, a abonament dla przeciętnego użytkownika to korzystna opcja. Spójrzmy na krótkie porównanie. Dla profesjonalnego grafika prowadzącego działalność typu „full service” optymalną wersją […]

Sty
22
2016

Tekst obszyty nicią w Photoshopie

ScreenClip [5]

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

ScreenClip [24]

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 […]

Paź
31
2015

Na pomoc Photoshopowi

psidai

Adobe Photoshop, jako potężny specjalistyczny program, to podstawa pracy grafika internetowego. Może się jednak zdarzyć, że wykonywany przez Nas projekt dotknie zagadnień związanych w szerszym zakresie z DTP (przygotowaniem do druku) i Photoshop okaże się nie do końca tym, czego Nam trzeba. We własnej pracy w takim momencie pomagał mi przez wiele lat CorelDraw (w zabytkowej już wersji X4), który tworzył naprawdę udany duet z Photoshopem. Aktualnie istnieją jednak naprawdę dopracowane produkty ze „stajni” Adobe, które w raz z Photoshopem mogą stworzyć idealne połączenie dla szerokiego spektrum prac graficzno-drukarskich. Pierwszym […]

Wrz
22
2015

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

ScreenClip [8]

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ą […]

Sie
31
2015

Najciekawsze kursy Photoshopa

strefakursow

Nauka programu Adobe Photoshop to niełatwa i długotrwała sztuka. Blog PSDtube.pl stara się pomóc użytkownikom, zarówno początkującym jak i tym zaawansowanym, w coraz to lepszym poznawaniu Photoshopa. Trzeba jednak uczciwie oddać, że w polskim internecie jest kilka ciekawych projektów związanych ze szkoleniami, o których warto wspomnieć. Pierwszy z nich to zaprzyjaźniona z nami StrefaKursow.pl. Kilkanaście kursów z Photoshopa, coraz to nowsze propozycje z racji najnowszych wersji programu, nieszablonowe propozycje typu Kurs Kreatywnej Fotografii Ślubnej – to sprawia, że oferta Strefy Kursów jest bardzo atrakcyjna. To miejsce stworzone dla chcącego kształcić się grafika, gdyż oprócz […]

Lip
31
2015

Metaliczny tekst w Photoshopie – tutorial

ScreenClip [14]

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?

ScreenClip [3]

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

ScreenClip [4]

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.

Polecane

Kategorie