10 Killer Adobe Photoshop Wskazówki dla projektantów

Wierzcie lub nie, ale jeśli używasz Photoshopa do projektowania stron internetowych, jesteś na dobrej drodze, aby stać się odnoszącym sukcesy projektantem stron internetowych. To dlatego, że Photoshop to jedno z najbardziej zaawansowanych narzędzi w branży projektowej, które może sprawić, że twoja kreatywna wyobraźnia spełni się dzięki mnogości profesjonalnych narzędzi, które jednocześnie zwiększą wydajność.

Ale jak dobrze znasz Photoshopa? Czasami zastanawiamy się, dlaczego niektórzy projektanci stron internetowych mogą zaprojektować układ strony z wyjątkowo ciężką grafiką w ciągu 5 dni, a my potrzebujemy około 10 dni na wykonanie tego rodzaju projektu. Prawdopodobnie nie chodzi o to, jak szybko możesz kliknąć, chodzi o to, jak dobrze wiesz o Photoshopie, jak odblokujesz jego pełny potencjał, aby zwiększyć wydajność.

Chcemy, abyś wiedział, jak odblokować jego pełny potencjał. Tak, dlatego stworzyliśmy ten post, aby zapewnić 10 niezwykle przydatnych wskazówek Photoshopa, aby zwiększyć szybkość projektowania. Może istnieć skrót, funkcja lub ustawienie, o którym nie wiesz, ale już nie. W tym artykule nauczysz się ich wszystkich, a będziesz projektował szybciej i szybciej.

Uwaga: Klawisze skrótów wspomniane w tym artykule są w formacie Windows Photoshop. Jeśli używasz Mac, pamiętaj, że Ctrl = Cmd (Command) i Alt = Opt (Option).

10. Cofnij, Więcej Cofnij Proszę

Całkowicie wierzę, że my, projektanci, bardzo uzależniamy, aby coś cofnąć, nawet jeśli popełniliśmy błąd w szkicowaniu, mamy tendencję do „cofania” tego.

Dobrze, jak wiesz, naciskając Ctrl + Z w Photoshopie, możesz cofnąć poprzednią akcję, którą zrobiłeś, ale po ponownym naciśnięciu tej samej kombinacji klawiszy, powtórzy ona poprzednią akcję. Jest to dość nienaturalne i kłopotliwe, ponieważ zawsze musisz cofnąć wiele razy, aby dostać się do stanu, który chcesz.

Wierzcie lub nie, Photoshop ma specjalny przycisk do wielokrotnego cofania, a to Alt + Ctrl + Z. Tak, używając tej kombinacji klawiszy można cofnąć wiele razy, zgodnie z wartością stanów historii ustawionych w Edycja> Preferencje> Wydajność.

Jeśli jesteś przyzwyczajony do zwykłej kombinacji klawiszy Cofnij + C, możesz po prostu nacisnąć Ctrl + Shift + Alt + K, aby przejść do panelu Skrót klawiaturowy i zmienić kombinację klawiszy Cofnij w sekcji Edytuj na Ctrl + Z.

9. Próbkowanie kolorów w dowolnym miejscu!

Natknąłem się na ładnie zaprojektowaną stronę i zastanawiałem się, jakiego dokładnie koloru używa? Dzieje się tak bardzo często, gdy szukam inspiracji w czasie, gdy robię układ strony w Photoshopie. Dla mnie uruchomię próbnik kolorów, wybiorę kolor i otrzymam jego numer szesnastkowy, a następnie kliknę paletę kolorów w Photoshopie, a następnie wprowadzę numer szesnastkowy, a następnie dostanę kolor.?

Cóż, tak naprawdę nie musisz tak cierpieć, możesz po prostu kliknąć narzędzie Kroplomierz lub nacisnąć I, aby go aktywować, a następnie kliknąć ekran roboczy Photoshopa i przeciągnąć ikonę Kroplomierz w dowolne miejsce na ekranie monitora, aby uzyskać kolor chcieć. Tak, to naprawdę takie proste.

8. Elastyczny przewodnik

Wskazówka # 8 jest w rzeczywistości kombinacją 2 wskazówek, mam nadzieję, że nie masz nic przeciwko temu, aby uzyskać więcej wskazówek. Jako projektant stron internetowych musimy dużo poradzić sobie z przewodnikiem, aby prawidłowo umieścić element, innymi słowy, jest doskonały piksel.

Jak stworzyć przewodnik? Kliknij View, New Guide, a następnie wybierz poziomą lub pionową prowadnicę, wprowadź jej położenie i kliknij Enter? W porządku, możesz zapisać te prace, naciskając kombinację klawiszy Ctrl + R, aby aktywować narzędzie Linijka, kliknij narzędzie i przeciągnij je w dół, aby utworzyć prowadnicę poziomą lub odwrotnie.

Oprócz natychmiastowego tworzenia przewodników, oto kolejna przydatna wskazówka dla Ciebie. Podczas przeciągania prowadnicy za pomocą narzędzia Przesuń, które można aktywować za pomocą klawisza V, naciśnij i przytrzymaj klawisz Alt, aby zmienić prowadnicę poziomą na prowadnicę pionową lub odwrotnie. Teraz możesz prawdopodobnie uważać się za profesjonalistę w korzystaniu z przewodnika.

7. Klonowanie stylu warstwy zabawy

Style warstw są bardzo zabawne, gdy można je po prostu zastosować, aby, powiedzmy, ikona mediów społecznościowych wyglądała całkiem uroczo i unikatowo, ale będzie bardzo męcząca, jeśli chcesz zastosować te same style warstw do wszystkich ikon mediów społecznościowych, które zwykle się pojawiają wiele sztuk.

Czy kiedykolwiek zdałeś sobie sprawę, że istnieje fx ikona obok twojej warstwy? Cóż wszystko istnieje z jakiegoś powodu, jeśli naciśniesz Alt i przeciągniesz fx Ikona na innej warstwie, skopiuje style pierwszej warstwy do tej, do której przeciągnąłeś, wygodne, prawda??

Również jeśli interesuje cię powszechne użycie tego fx ikona, pozwala na przenoszenie stylów warstwy do innej, a wszystko, co musisz zrobić, to po prostu przeciągnąć ikonę do innej warstwy bez naciskania klawisza Alt.

6. Łatwe centrowanie elementów

Aby uzyskać idealną konstrukcję w pikselach, często musimy pozycjonować element dokładnie tam, gdzie powinien być. Wydaje się to łatwe, ponieważ możesz po prostu utworzyć kilka przewodników i przyciągnąć element do tych prowadnic, ale będzie to trudne, jeśli chcesz uzyskać absolutne centrum elementu w określonym obszarze, co wymaga wielu przewodników, pomiaru i ostrości.

W rzeczywistości masz o wiele łatwiejszy sposób na cały ten proces, kliknij warstwę elementu, który chcesz umieścić w środku, a następnie naciśnij Ctrl + A, aby zaznaczyć cały dokument. Następnie uruchom narzędzie Przesuń i zobaczysz kilka ikon obok opcji Pokaż kontrolki transformacji. Kliknij drugą ikonę, aby wyśrodkować element w pionie, a następnie kliknij ikonę 5, aby wyśrodkować element w poziomie, idź, element wyśrodkowany bezwzględnie.

Możesz nie tylko absolutnie wyśrodkować element w całym obszarze dokumentu, ale także bezwzględnie wyśrodkować go w określonym obszarze. Powiedzmy, że chcę absolutnie wyśrodkować element w obszarze stopki, mogę po prostu wybrać obszar stopki za pomocą narzędzia Zaznaczanie, które można aktywować, naciskając klawisz M, a następnie wycentrować element w tym konkretnym obszarze.

Możesz studiować inne opcje wyrównania obok opcji Pokaż kontrolki transformacji, są one bardzo przydatne do wyrównywania elementów w wielu sytuacjach.

5. Wyświetl zaznaczenie, po jednym na raz

Często przy projektowaniu układu należy sprawdzić, jak element wygląda dokładnie według własnego lub kilku elementów, na przykład w układzie strony poniżej, chcę sprawdzić przyciski suwaka, aby potwierdzić, że nie mają przezroczystości, więc wyglądają dokładnie tak samo. lub bez obrazu suwaka.

W przeszłości muszę wyłączyć widoczność warstwy obrazu suwaka, warstwy tła suwaka, a nawet warstwy tła zawartości, ale teraz mogę po prostu przytrzymać klawisz Alt, a następnie kliknąć ikonę „oka” obok grupy przycisków, aby wyłączyć widoczność wszystkich warstw, aby wyświetlać tylko te przyciski. Po ich sprawdzeniu mogę po prostu powtórzyć tę sztuczkę, aby przywrócić widoczność wszystkich warstw.

Ta sztuczka jest również niezwykle przydatna, jeśli chodzi o krojenie obrazu. Chcesz przeciąć przycisk suwaka bez żadnego innego elementu, takiego jak obraz suwaka, dzięki czemu możesz użyć tego triku, aby wyłączyć widoczność wszystkich warstw, aby po prostu przeciąć przycisk, a następnie powtórzyć sztuczkę, aby odzyskać widoczność wszystkich warstw, dzięki czemu zaoszczędzisz dużo czasu włączanie i wyłączanie widoczności warstw.

4. Dostosuj śledzenie czcionek w dowolnym momencie

Ta konkretna wskazówka pokazuje, jak łatwo zwiększyć śledzenie czcionki w niektórych częściach typu, więc może być ona używana tylko w określonych sytuacjach, takich jak tworzenie logo lub przycisków, ale jest to profesjonalna wskazówka, która może zaoszczędzić dużo czasu na znajdowaniu czcionek za pomocą odpowiednia typografia do tworzenia logo lub przycisku.

W porządku, powiedzmy, że chcę zmniejszyć śledzenie typu „360”, aby typ mojego logo wyglądał na wyjątkowy, a użytkownik pamięta go łatwiej. Mogę wybrać „POLO360”, używając narzędzia Tekst, które można aktywować, naciskając klawisz T, a następnie przytrzymując klawisz Alt i naciśnij przycisk, aby rozpocząć zmniejszanie śledzenia typu, co spowoduje uzyskanie wyniku powyżej.

Możesz użyć tej sztuczki, aby rozwiązać problem śledzenia niektórych artystycznych czcionek, więc nie musisz się martwić o śledzenie następnym razem, gdy chcesz znaleźć czcionki graficzne do tworzenia logo!

3. Instant Layer Selection = Wygraj

Projekt layoutu jest męczącym zadaniem, ponieważ musimy rozwiązać wiele problemów, takich jak typografia, odstępy i grafika, ale będzie to przytłaczające, jeśli chcemy znaleźć warstwę określonego elementu z setek warstw.

Niech ta sztuczka ułatwi życie projektanta. Aktywuj narzędzie Przenieś za pomocą klawisza V i przytrzymaj klawisz Ctrl, a następnie kliknij element, a automatycznie wybierzesz warstwę elementu. To naprawdę takie proste, ale pamiętaj, że jeśli umieścisz elementy w grupie, to przy użyciu tej samej sztuczki wybierzesz folder grupy zawierający element, który kliknąłeś, jak pokazano powyżej.

2. Inteligentny obiekt dla inteligentnego projektanta

Podobnie jak jego nazwa, Inteligentny obiekt sprawia, że ​​edycja jest bardziej inteligentna dzięki wykonywaniu 2 podstawowych funkcji: wykonywaniu nieniszczących transformacji i przeprowadzaniu filtrowania. Ta funkcja jest bardzo przydatna, zwłaszcza gdy tworzysz układ strony z ciężkimi grafikami, takimi jak fotografie, ikony mediów społecznościowych i zestawy interfejsu użytkownika, a wszystko, co musisz zrobić, to kliknąć prawym przyciskiem myszy warstwę, a następnie kliknąć „Konwertuj na inteligentny obiekt” na ciesz się jego zaletami.

Pierwsza funkcja mówi, że po przekształceniu warstwy w obiekt inteligentny, możesz ją przekształcić tak, jak chcesz, bez utraty oryginalnej jakości. W naszym przypadku chcemy, aby suwak obrazu był mniejszy, abyśmy przekonwertowali warstwy suwaka obrazu na obiekt inteligentny i przekształcili go w coś mniejszego.

Ojej, to jest po prostu za małe, więc postanowiłem to zmienić.

Wygląda na to, że wszystko jest w porządku i nic się nie stało dobrze? Poniżej przedstawiono wynik zastosowania transformacji wstecznej bez konwersji warstwy na obiekt inteligentny.

Można więc prawdopodobnie zobaczyć różnicę, zwłaszcza część przycisków suwaka. Transformacja wsteczna bez zastosowania obiektu inteligentnego na warstwach powoduje, że suwak i przyciski suwaka tracą jakość. Konwertując warstwę na obiekt inteligentny, możesz przekształcić go w dowolny mniejszy rozmiar, ale gdy żałujesz swojej decyzji, możesz ją zmienić bez utraty jakości.

Kolejną korzyścią z przekształcenia warstwy w obiekt inteligentny jest zastosowanie filtru na obiekcie inteligentnym, warstwa filtru pojawi się pod warstwą obiektu inteligentnego, dzięki czemu można łatwiej wyłączyć filtr, wyłączając widoczność warstwy filtru, co nazywa się filtrowaniem nieniszczącym , świetna oszczędność czasu dla twojego projektu.

1. Migawka z pięknej przeszłości

Teraz nauczyłeś się cofać wiele razy, kopiować style warstw, szybciej wybierać warstwy i używać inteligentnego obiektu do tych wspaniałych wskazówek. Cóż, są to naprawdę przydatne umiejętności, które znacznie zwiększają twoją wydajność, ale co powiesz na 2 godziny pracy, żałujesz swojego montażu i postanowiłeś zacząć od środka? Zresetuj go całkowicie, będzie bardzo męczące i nudne, nawet jeśli zastosujesz wszystkie zabójcze wskazówki, których nauczyłeś się wcześniej, więc to jest moment, w którym Snapshot się włączy.

Migawka pozwala utworzyć tymczasową kopię dowolnego stanu edycji, więc gdy masz problemy z poprawą projektu i postanowiłeś wrócić, możesz po prostu kliknąć migawkę, aby przywrócić stan, który chcesz. Aby zrobić migawkę, wystarczy otworzyć paletę Historia i kliknąć drugą ikonę widoczną na dole palety.

Istnieje także kilka przydatnych funkcji do tworzenia migawek, takich jak robienie wielu migawek, dzięki czemu masz więcej opcji i możesz je nazywać, aby łatwiej je zapamiętać. Ostatecznie możesz również użyć tych migawek, aby porównać różne efekty stworzone dla swojego projektu.

Pamiętaj jednak, że po zamknięciu dokumentu migawki zostaną natychmiast usunięte, więc jeśli chcesz zachować te stany, możesz kliknąć każdą migawkę i zapisać dokument jako inny plik.

Odbicie

Doszedłeś do końca artykułu, świetna robota. Do tego czasu powinieneś mieć wystarczająco dużo oszczędzających czas wskazówek zabójców, aby zwiększyć szybkość projektowania, ale zawsze pamiętaj, że nauka jest najlepszym sposobem, aby dowiedzieć się więcej o programie Photoshop, zwiększając w ten sposób swoją wydajność. Więc ucz się więcej, a staniesz się bardziej konkurencyjnym projektantem stron internetowych wszechczasów.

Cóż, dzielimy się naszymi najlepszymi, a ty? Jeśli nie masz nic przeciwko, podziel się wskazówkami o zabójstwie w Photoshopie, aby poinformować nas o lepszym sposobie korzystania z Photoshopa, dzięki za hojność!