15 фишечек в фотошопе

15 небольших хитростей и фишечек в Фотошопе, которыми я сам пользуюсь каждый день в работе. В основном будет полезно веб-дизайнерам, но может пригодиться и всем остальным.



1. Как выглядит чоткий фотошоп.

Чоткий фотошоп выглядит так:


Как можно заметить, слева нет панели инструментов, потому что я пользуюсь только горячими клавишами, это намного удобнее и процентов на 30 быстрее. Первое время придется преодолеть ломку, конечно, но это того стоит.
Для тех кто может быть не знает, пока нажат пробел, активизируется инструмент «лапка» (я его так называю). Однажды это знание стало для меня откровением похлеще того, что деда мороза нет.

2. Маленькие иконки слоев

У меня стоят маленькие иконки в панели слоев, точнее это называется отсутствие иконки (none). Зачастую в файле бывает далеко за 100 слоев, в этих случаях маленькие иконки намного удобнее, если можно так выразиться, больших.

Сделать иконки маленькими можно так:


3. Сетка и попадание в пиксели

Если просто взять шейп и нарисовать, то скорее всего хотя бы один из краев «не попадет в пиксель», то есть край будет не четким и контрастным, а немного «мыльным»
Вот разница:


Чтобы всегда попадать в пиксели, нужно во-первых настроить сетку, а во-вторых включать ее каждый раз перед тем как нарисовать шейп.
Чтобы настроить сетку надо зайти edit-preferences-guides, grid, slices & count:


Откроется меню, в котором в поле gridline every нужно поставить 4


Теперь перед тем как нарисовать шейп, включаем сетку ctrl+" и смело рисуем в любом месте, ваш шейп привяжется к сетке и таким образом попадет в пиксели


4. Дублирование стиля на другой слой


Чтобы перенести стиль одного слоя на другой нужно с зажатым alt'ом перетащить иконку стиля (fx) с одного слоя на другой:


5. Clipping mask

Чтобы сделать clipping mask быстро нужно зажать alt и ткнуть между слоями.

6. Хоткиз

Как я уже говорил я работаю в фотошопе исключительно горячими клавишами, но некоторые важные частоиспользуемые штуки имеют слишком неудобное сочетание клавиш, например я довольно часто использую inverse (инвертировать выделение), но сочетание клавиш по умолчанию у него что-то вроде shift+ctrl+d, поэтому я просто поменял это сочетание и теперь нажимаю одну клавишу f5 и выделение инвертируется. Так же я поставил на f2 guassian blur а на f3 noize

Чтобы поставить свою горячую клавишу или сочетание клавиш на что угодно нужно открыть в меню edit пункт keyboard shotcuts:


7. Маска на аутлайн

Однажды в одном из чужих макетов я увидел что у прямоугольника со скругленными углами под маску спрятана часть аутлайна, я долго тыкался, чтобы добиться такого же, пока наконец не нашел.
Итак, вот, что я пытался повторить:


Теперь по шагам.
1. Рисуем прямоугольник со скругленными краями, делаем ему аутлайн, сверху пишем надпись. Пока выглядит так:


2. Применяем к слою маску и самый главный момент, открываем стиль слоя и там ставим галочку напротив Layer mask hides effects


3. В маске стираем ненужную часть аутлайна:


4. Ставим fill слоя на 0:


8. Плагины

Многие говорят, что плагины используют только лохи, в таком случае всем не лохам просто пропустить этот пункт. Я довольно ленивый, как и любой дизайнер, поэтому плагины во многих случаях экономят много сил и времени.
Пара плагинов, которые использую я:
Perfectum часто помогает в техдизайне, думаю сами разберетесь. Вообще можно посмотреть все плагины от redfield, там есть интересные www.redfieldplugins.com
Kodak помогет в обработке фотографий ленивому дизайнеру. www.asf.com
Еще есть Flexify ну и кучя тех, что я пока не знаю. Заметка стала бы еще полезнее, если бы накидали в комментах.

9. Захлопывать стили у слоев

Когда имеешь дело с макетом сайта, то это почти всегда очень много слоев, я уже писал, что для того, чтобы они распологались компактнее, я уменьшаю их иконки, но ленту слоев может порой увеличить раза в два то, что стиль у слоя не захлопнут.


10. Нью виндоу фо

Если рисуешь на субпиксельном уровне, увеличив изображение в несколько раз, приходится периодически возвращаться к нормальному размеру и смотреть что натворил. Чтобы сразу видеть все изменения, нужно зайти в меню Window - Arrage и там нажать New window for (ваш файл)




11. Интерлиньяж и кернинг

Чтобы быстро изменить расстояние между буквами ткните между ними и с зажатым alt'ом стрелками двигайте вправо-влево. То же самое с расстояниями между строками, только тут уже вверх-вниз.




12. Чоткое подчеркивание

Иногда подчеркивание выглядит «мыльным», чтобы этого не случилось, нужно изменить значение на несколько десятых в меню Character в окне baseline


13. Икс

Горячая клавиша X меняет цвет бекграунда на основной и наоборот. Очень удобно.


14. Прыгающие буквы

Когда в фотошопе поворачиваешь текст, буквы начинают прыгать, чтобы этого не случилось, его нужно сначала растризовать, а уже потом поворачивать, но помните, что чем больше вы поворачиваете растризованный объект, тем больше он «замыливается».
Верхний текст не растризован, нижний растризован:


15. Переносы

Чтобы в фотошопе включить переносы, нужно создать text area, написать там текст, потом в меню character поменять язык на russian и в меню paragraph поставить галочку напротив Hiphenate







Пока что все. Надеюсь вы не все из этого уже знали и время от прочтения этой заметки компенсируется увеличением скорости работы в фотошопе. Спасибо.