Сервисы для обрамления макета в браузер
Перед тем как выложить свои работы в портфолио, дизайнеры обычно обрамляют макеты своих будущих сайтов в браузер и чаще всего в Сафари. Тем, у кого есть ноутбуки Эпл, повезло. Они могут просто загрузить свой сайт в окне и сделать скриншот. Те, кто пользуются продукцией остальных производителей, вставляют сайты в рамку браузера в Фотошопе. Существует также третья группа людей, которая пользуется специальными сервисами и экономят много времени. Рассмотрим эти сервисы.
1. Сафаризатор (Перестал работать)
Это веб-приложение радует не только своим приятным внешним видом, но и интересными настройками. Можно выбрать в каком формате сохранить результат, какую схему браузера нужно использовать, следует добавлять тень или нет.
2. Makepreview (Перестал работать)
Тут можно выбрать в качества браузера не только Safari, но и другие популярные браузеры. Также есть опция создания уменьшенной копии, которые можно поместить в превью вашего портфолио.
3. Browsercover (Перестал работать)
В этом сервисе все просто. Загружаем наш макет, выбираем браузер, изменяем размер, решаем, нужны ли нам тень и статус-бар, и получаем результат.
4. GetCover
Похоже это самый крутой сервис из всех имеющихся. Кроме браузера макеты можно обернуть в Эпл девайсы, начиная от Айфона и заканчивая Аймаком. При этом для них существуют специфичные настройки, например, для Айпада можно выбрать портретную или альбомную ориентацию, а так же его цвет.
Если вы знаете другие подобные сервисы, оставляйте ссылки в комментариях.
Если позволяет ширина экрана, рисуй сайт сразу в браузере. Для этого сделай заготовку-псдшку с браузером и белым фоном, которые разделены по слоям.
Потом просто окрываешь файл и пересохраняешь с нужным названием.
Для своей заготовки я взял скриншот отсюда http://design.artgorbunov.ru/boston-gloub/
удалил фон, и подогнал ширину, у меня это обычно 1000 пкс.
Ну, а длину исправляю в процессе. Делаю вручную, чтобы сохранить скругленные углы у сафари, они мне очень нравятся.
Помню, Алексей Черенкевич выкладывал в своем ЖЖ как раз таки такую заготовку, только вместо белого фона у него была модульная сетка. Пробовал рисовать в нем, что-то не прижилось.
Еще есть похожая заготовка в блоге агенства Симберлайн. Попробую сделать еще одну попытку.
http://getcover.ru/
Крутой сервис, спасибо! Думаю, надо будет обновить пост.
Спасибо за ссылки! :-)
Пожалуйста :-)
Спасибо, что упомянули о моей разработке — StartPSD.
Уже вышла вторая версия — http://blog.simberline.ru/startpsd-v2-0-avtomatiziruem-rabotu-veb-dizajne/
Буду рад если ознакомитесь.
Хорошо, спасибо, обязательно ознакомлюсь.
Кстати, Камиль Хадеев вчера анонсировал скрипт для Фотошопа, который обрамляет макет в браузер с возможностью дальнейшего редактирования. Удобно, мне кажется.
Тоже посмотрю, спасибо!