Четверг #2. Сохраняем элементы с тенюшками.
Вот верстальщик сказал, что кнопки с тенюшками делает «на глаз». Ну то есть вытаскивает их из psd и сохраняет как png с размерами от балды, мол если бага не видно, значит его нет.
В связи с этим давайте посмотрим, как можно узнать размеры элемента с прозрачностью, только так, чтобы точно, а не с бубном и бросанием костей.
Картинка для привлечения внимания:
Способов, как всегда, много. Первый - нажать Ctrl+t, и на панели Options (сверху) кликнув правой нопкой по параметрам «ширина» и «высота» выбрать единицей измерения пиксел.
Второй - слить элемент с прозрачным фоном, Ctrl+a, Сtrl+c, создать новый документ (⌘N на маке и Ctrl+N на винде) и в диалоговом окне вы увидите размеры элемента, который мы скопировали в буфер обмена.
Дальше больше, методы номер три и четыре. Их мы будем иллюстрировать. Для иллюстрации нарисуем прямоугольник:
И заставим компьютер нарисовать всё остальное:
(ага, рисуем овал, а потом рисуем всю остальную ебучую сову:D )
Дальше оставляем только нужные нам слои, остальные можно выключить, и идём в меню Image и выбираем то, что нам подходит - Trim если холст больше объекта, и Reveal all если объекты выходят за пределы холста.
Результатом будет холст точно по размерам обхекта, со всеми прозрачными пикселями. Так кстати можно судить и о чистоте нарисованной картинки. Будет лишняя слабо видимая грязь в слоях - будет много пустого места.
Кстати, снова задевая тему смарт-обхектов. С помощью функций Trim и Reveal мы получаем не слитый псд точно по размеру картинки, стало быть его можно использовать с пользой. PSD можно сохранить и драг-н-дропать в другие PSD, Ai, ID и прочие документы. При этом в PSD «упадёт» смарт-объект! :) А смарт объект чтооо? Правильно! Можно редактировать!
При драг-н-дропе нужно только за размерами следить, можно конечно объект и деформировать, но обычно нужны 100% размера.
Ну а после, конечно, можно изменить исходный PSD, но на лету он не подхватится, нужно его перелинковать:
Ну собственно всё. не болейте, до новых встреч!
Подписывайтесь, ставьте лайки Обсуждайте, комментируйте, предлагайте, дополняйте! :)
А вы упрощаете процессы?
В связи с этим давайте посмотрим, как можно узнать размеры элемента с прозрачностью, только так, чтобы точно, а не с бубном и бросанием костей.
Картинка для привлечения внимания:
Способов, как всегда, много. Первый - нажать Ctrl+t, и на панели Options (сверху) кликнув правой нопкой по параметрам «ширина» и «высота» выбрать единицей измерения пиксел.
Второй - слить элемент с прозрачным фоном, Ctrl+a, Сtrl+c, создать новый документ (⌘N на маке и Ctrl+N на винде) и в диалоговом окне вы увидите размеры элемента, который мы скопировали в буфер обмена.
Дальше больше, методы номер три и четыре. Их мы будем иллюстрировать. Для иллюстрации нарисуем прямоугольник:
И заставим компьютер нарисовать всё остальное:
(ага, рисуем овал, а потом рисуем всю остальную ебучую сову:D )
Дальше оставляем только нужные нам слои, остальные можно выключить, и идём в меню Image и выбираем то, что нам подходит - Trim если холст больше объекта, и Reveal all если объекты выходят за пределы холста.
Результатом будет холст точно по размерам обхекта, со всеми прозрачными пикселями. Так кстати можно судить и о чистоте нарисованной картинки. Будет лишняя слабо видимая грязь в слоях - будет много пустого места.
Кстати, снова задевая тему смарт-обхектов. С помощью функций Trim и Reveal мы получаем не слитый псд точно по размеру картинки, стало быть его можно использовать с пользой. PSD можно сохранить и драг-н-дропать в другие PSD, Ai, ID и прочие документы. При этом в PSD «упадёт» смарт-объект! :) А смарт объект чтооо? Правильно! Можно редактировать!
При драг-н-дропе нужно только за размерами следить, можно конечно объект и деформировать, но обычно нужны 100% размера.
Ну а после, конечно, можно изменить исходный PSD, но на лету он не подхватится, нужно его перелинковать:
Ну собственно всё. не болейте, до новых встреч!
Подписывайтесь, ставьте лайки Обсуждайте, комментируйте, предлагайте, дополняйте! :)
А вы упрощаете процессы?