Category: компьютеры

Category was added automatically. Read all entries about "компьютеры".

Illustrator vs Photoshop. Моё собственное исследование.

Больше года назад, когда я только начинала вести блог в ЖЖ, был у меня пост про преимущества Иллюстратора перед Фотошопом. С тех пор я работаю в люстре уже больше года и до сих пор ужасаюсь, как же я раньше с таким количеством рутины в фотошопе жила.

Вот решила провести своё маленькое исследование на эту тему. Выход на широкую дизайнерскую аудиторию у меня есть на фрилансе, там опрос и запустила. Спустя день с момента публикации получились вот такие результаты — печальные, хотя и вполне предсказуемые:

opros

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

Впрочем, вот ещё один повод веб-дизайнеру обучиться вёрстке. Сначала в Иллюстраторе сокращаем рутинную работу на 90%, потом учимся верстать свои макеты и — вперёд, к звёздам. =)

Эта же запись на моём сайте.

Как легко преобразовать px в em

Вот говорят, что размеры шрифта в вёрстке лучше задавать в емах, а не в пикселях. И вот почему.

«Пиксель – это немасштабируемая точка на экране компьютера, а em” - это квадрат определяющий размер шрифта. Поскольку размеры шрифта изменяются, em является относительной единицей, которая отвечает персональным настройкам размера текста пользователя».
© Patrick Griffiths, A List Apart

Честно говоря, никогда на эту тему не заморачивалась, верстала всё в пикселях. Уж больно хлопотно каждый раз их в емы переводить. Есть, конечно, и сводные таблицы, и специальные сервисы для пересчёта (pxtoem.com, например), но всё равно не очень удобно получается. А в голове все соотношения для всех размеров не удержать.
Однако, если сильно приспичит перевести всё в ем, есть способ сократить дурную рутину на пересчёты. Вот такой, простой и элегантный:


body {
font-size: 62.5%; /* font-size 1em = 10px */
}

p {
font-size: 1.2em; /* 1.2em = 12px */
}


Чтобы перевести пиксели в емы, достаточно разделить значение на 10.

Подборка готовых экшенов в фотошопе для ретуши

Сейчас работаю над сайтом нашей студии, на блог времени совсем нет.
Нынешняя версия уныла. Лепилась второпях больше трёх лет назад. С тех пор что-то поприличнее сделать руки так и не доходили, не до того было.

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

Это было лирическое отступление. А теперь ближе к телу.

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

Lieveheersbeestje winter breeze V6, Creamy haze action


Nimfale's Time-Worn Action


Lieveheersbeestje night V6, Green night action


Sa-cool action, start3



Похожие статьи:
Готовые наборы действий Photoshop для ретуши

Новые фишки Photoshop CS6

Программу себе пока не ставила за ненадобностью, но материалы в своей ленте подписок изучила.

В Дежурке подробно описываются все нововведения.

Шотошоп всё же не удержался от соблазна стать программой «всё для всех» и продолжает попытки облегчить жизнь разработчикам сайтов. Нововведение в навигации по слоям: их теперь можно сортировать по имени, эффектам, режиму, атрибутам и цвету. При выборе сортировки по имени слоя, появляется поисковая панель.

layers

Новые возможности для работы с текстом. Теперь можно задавать стили абзацам, заголовкам и т.д.

text1

text2

Появились пунктирные линии.

punktir

Ну, а в остальном много улучшений для обработки фото и рисования – то, для чего программа изначально и предназначена. Вот, например, artem_dap описывает действие фильтра по превращению фотографии в масляную живопись.

Готовые наборы действий Photoshop для ретуши

Недавно в своей ленте rss наткнулась в «Дежурке» на коллекцию из 25 экшенов для ретуши в фотошопе.

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

Эксперимент проводила над своей аватаркой. Лучшие результаты такие (название действий подписала):

avatar

Чтобы применить какой-то экшен, надо открыть Window Actions, загрузить скаченное действие, нажать кнопку Play. Вуаля!

Не для всех действий получается адекватный результат. Иногда фотография лучше смотрится в середине (открутить на панели истории), чем в конце.

Но сам принцип мне очень понравился. Если раньше я над каждой фоткой долго колдовала с Hue/Saturation, Brightness/Contrast  и т.д., то с такой штукой довольно трёх кликов мыши.

Photoshop vs Illustrator

До недавнего времени в работе я использовала Adobe Photoshop. И считала, что лучше фотошопа CS4 только фотошоп CS5.

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

Adobe Photoshop для дизайна сайтов:

Плюсы

  1. Множество возможностей по работы с изображениями.
  2. …а, в общем-то, и всё.

После знакомства с Adobe Illustrator привычный фотошоповский интерфейс со слоями и свойствами текста кажется неуклюжим недоразумением.

Минусы

Как метко выразился Валера Попов в своей статье «Почему я не использую фотошоп для дизайна сайтов»,
на придумывание и творчество уходит 10% рабочего времени, а всё остальное — рутинная работа по перемалыванию страниц.

  1. Неудобная навигация по страницам. Для крупных интернет-магазинов количество страниц с индивидуальным дизайном может доходить до сотни. И как быть в таком случае? Как быстро найти на панели закладок нужную?
  2. Нет возможности создать master-pages – для элементов, одинаковых на всех страницах. Например, шапка и меню. Говорят, в последних версиях ввели функцию Layer comps, но работает она весьма криво.
  3. Для дублирования одинаковых элементов, которые стоят в одном и том же месте на разных страницах, нужно каждый раз рожать ежа и проходить ужасно муторную неудобную процедуру.
  4. Нет возможности прописать стили отдельных блоков и помочь верстальщику.
  5. При большом количестве страниц фотошоп нереально тормозит. Даже при всех остальных закрытых программах. Даже на новейшей сборке моего компа в офисе. А уж про старенький домашний и говорить не приходится.

Выход есть – Adobe Illustrator

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

Стала искать замену. Ещё до слона выполнила редизайн Хельги в ИнДизайне – не понравилось. Что именно, уже не вспомню. Потом наткнулась на Adobe Illustrator. Выписала себе официальный учебник на Озоне. Примерно за полторы недели освоила по нему все нужные мне функции.

Пока новых проектов нет, проработала в нём всё того же Бумажного слона.


Collapse )