Kategoria "Projektowanie"
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 […]

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.

Wrz
29
2014

Nie tylko Photoshop… Wstęp do CADa część 2

Oprogramowanie CAD-owskie posiada wiele funkcji umożliwiających precyzję i dokładność w tworzeniu grafiki czy też – mówiąc językiem inżynieryjnym – kreśleniu. Dzisiaj chciałbym przybliżyć jedną z nich, jaką jest tworzenie bloków, a którą użyjemy jako bardzo zaawansowaną funkcję kopiowania. Jak zobaczymy, funkcja ta może zostać wykorzystana nie tylko do celów użytkowych, ale również przez zawodowców. Jeżeli za trasę naszego wyścigu przyjmiemy drogę dla ruchu kołowego czy też szynowego, a każde 100 metrów nazwiemy profesjonalnie hektometrem, to już za chwilę możemy pojawić się w biurze projektowym! No, prawie. […]

Cze
9
2014

Tniemy szablon z .psd do html/css

Na warsztat bierzemy przygotowany i zaakceptowany przez zleceniodawce szablon strony firmy Renoma zajmującą się organizacją szkoleń. Technik cięcia jest dużo, może dlatego że program Adobe Photoshop daje nam wiele możliwości osiągnięcia tego samego efektu, a że korzystają z tego programu w większości ludzie kreatywni, to i tych technik, skryptów i metod ciągle przybywa. Ja oprócz wcześniej omawianego „eksportowania warstw do plików” przygotowuję sobie taki plik pod późniejsze kodowanie również za pomocą innej metody. Pierwszą czynnością jest zaznaczanie narzędziem zaznaczenie prostokątne wybranej aktywnej warstwy, później skopiowanie jej za pomocą […]

Maj
15
2014

Eksport warstw z .psd

Tworząc projekt w Photoshop’ie np.: szablon strony internetowej, makietę przycisku flash normalną rzeczą jest to, iż często te nasze projekty zawierają dużą ilość osobnych warstw. Przychodzi jednak moment, gdy zaakceptowany projekt trzeba przerobić na kilka, kilkanaście nawet osobnych plików np.: .jpg, czy .png, gdzie będą znajdować się osobno zapisane warstwy. Istnieje do tego bardzo prosta, a za razem przydatna funkcja, którą można znaleźć w górnej zakładce plik -> skrypty -> eksportuj warstwy do plików. W wersji CC Photoshopa jest to narzędzie bardziej rozbudowane. Mamy […]

Sty
14
2014

Nie tylko Photoshop… Robimy ulotkę w CorelDraw x4

Tak jak obiecałem we wcześniejszym wpisie przyszła pora na pracę w CorelDraw na przykładzie. Zachęcam Was do wykonywania tego ćwiczenia razem ze mną, krok po kroku – zaczynamy! 1. Konspekt projektu Po otrzymaniu zlecenia od naszego zleceniobiorcy musimy zgromadzić wszelkie potrzebne materiały i informacje o projekcie. Materiałami mogą być teksty, które najlepiej byłoby, aby to zleceniodawca nam przygotował, ponieważ to on będzie posiadał większą wiedzę od nas co do danego tematu promowanego. Zdjęcia możemy znaleźć na darmowych, bądź płatnych stosach zdjęć – bogaty spis takich stron został już opisywany przez Pana Dariusza Kwiatkowskiego […]

Gru
7
2013

Tworzymy szablon na Allegro w Photoshopie

Dobrze wyglądający szablon aukcji świadczy o naszym profesjonalizmie oraz o tym, że szanujemy naszych klientów. Pozwala na większą sprzedaż i ułatwia klientowi łatwiejsze podjęcie decyzji o zakupie. Z tego powodu warto zadbać o profesjonalny wygląd szablonu. Stworzenie i zakodowanie szablonu allegro zajmuje znacznie mniej czasu niż strony internetowej. Projektując swój szablon pamiętaj o tym, że nie możesz w nim użyć czcionek osadzonych. Warto postawić na szybki czas ładowania szablonu, zwłaszcza wtedy, gdy do aukcji dołączasz wiele zdjęć. Stworzenie własnego szablonu daje satysfakcję i pewność, że nikt z konkurencji nie będzie go używał. W przypadku […]

Maj
14
2013

Stwórz kuszący header – czyli o dobrym nagłówku na bloga

W dzisiejszych czasach stworzenie bloga w darmowym systemie blogowania trwa kilka sekund. Niestety, w internecie spotykamy tysiące identycznie wyglądających blogów, które mimo tego, że są wartościowe, nie przyciągają czytelników pod względem wizualnym. Jaka jest najprostsza metoda uatrakcyjnienia bloga, nadania mu własnego, alternatywnego do podstawowych szablonów wyglądu? Pierwszym elementem, który rzuca się w oczy po wejściu na bloga, jest jego nagłówek. Nawet jeśli pozostały wygląd bloga będzie standardowy, to ciekawy oraz spersonalizowany nagłówek pozwoli nam na wyróżnienie się.

Gru
22
2012

Logo – proces tworzenia

Logo w dzisiejszych czasach stało się wiodącym elementem w identyfikacji wizualnej każdej szanującej się firmy. Obecnie w zaprojektowanie znaku firmowego inwestują nawet niewielkie firmy czy przedsiębiorstwa… Dlaczego tak się dzieje? Firmy wraz ze wzrostem sektora usług w naszym kraju dostrzegają potrzebę wybicia się z tłumu, chcą być rozpoznawane i potrzebują do tego celu elementu, który wzbudził zainteresowanie oraz pozostał w pamięci odbiorcy, który może stać się potencjalnym klientem.  Nic zatem dziwnego, że tego typu zleceń w sieci znajdziemy całe mnóstwo…i niestety tyle samo nietrafionych  pod względem pomysłu, formy bądź […]

Strony:12»

Polecane

Kategorie