Задать вопрос
@kamtm
html

Как правильнее сверстать логотип из psd?

Здравствуйте!

Есть логотип в psd. Проблема, как его сверстать, "вытащить" из psd файла правильнее, так, чтобы:

1) Он был прозрачным
2) Был кроссбраузерным
3) Решение было масштабируемым, современным. Не верстал с 2000х гг)

Мои мысли:

1) Загрузить шрифт на сайт, подключить его и добавить тени через shadow. Получится ли?
2) Создать сразу логотип из psd, добавить расширения для поддержки png в старых браузерах.

Вопрос:
Почему при сохранении в png 24, тень получается черной? Может есть кто, сходу знает причину.

На фото, как должно быть, и как у меня получается в png24
i67.fastpic.ru/big/2014/0723/87/45e1ca42f7217645a9...

Может есть ссылки на полезные статьи, примеры ну эту тему.
  • Вопрос задан
  • 3333 просмотра
Комментировать
Подписаться 5 Оценить Комментировать
Решения вопроса 1
svistiboshka
@svistiboshka
живые веб интерфейсы
о боги в каком вы веке живете
уже давно модно пользоваться image assets погуглите вам понравится
helpx.adobe.com/ru/photoshop/using/generate-assets...
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 4
@IceJOKER
Web/Android developer
С зажатым CTRL нажимаете мышкой на логотип в psd, далее в списке слоев выбираете нужные слои , нажав на правую кнопку мышки на превью, выбираете пункт ПРЕОБРАЗОВАТЬ В СМАРТ ОБЪЕКТ, далее выделить пиксели CTRL + C или тащите на новую вкладку.
потом нажимаете на пункт меню ФАЙЛ, СОХРАНИТЬ ДЛЯ WEB ну и все. зачем вам шрифты и т.п., когда лого такое маленько и лучше его картинкой вставлять, а не мучаться с css
Ответ написан
4 комментария
4 комментария
zooks
@zooks
Frontend
Логотип не нужно "верстать". Он должен идти единым файлом, например в PNG или SVG.
Собственно в них поддерживается прозрачность.
Ответ написан
4 комментария
4 комментария
@olver
Лучше делать SVG. Из фотошопа можно вытаскивать векторные объекты, если же он не векторным объектом там сделан, то можно обрисовать в векторном редакторе. SVG не будет размываться при любом масштабировании. Правда есть вопрос со старьем: насколько старые браузеры должны поддерживаться? С тенью у текста тоже будет гемор у оочень старых браузеров.
Ответ написан
Комментировать
Комментировать
@colo
Слить все слои, которые относятся к логотипу в один слой, потом выделить рамкой, нажать ctrl+c, ctrl+n, ctrl+v, ctrl+shift+alt+s и сохранить в png-24 с прозрачностью. Затем отменить слияние слоев в исходном .psd
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработка страницы блога на сайте на WordPress
24 апр. 2024, в 17:00
1000 руб./в час
Создание промо картинок мобильного приложения
24 апр. 2024, в 16:42
10000 руб./за проект
Визуальные в фронтенд WebApp телеграмм бота
24 апр. 2024, в 16:35
5000 руб./за проект
Ещё заказы