Как сделать ярлык photoshop
Flat-дизайн это относительно новое направление в разработке веб-интерфейсов. iOS и даже Windows постепенно адаптируются под этот стиль, и, в скором времени, почти все (если вообще не все) веб-сайты переймут данный подход.
Однажды, проснувшись утром и открыв свой любимый сайт, вы будете удивлены тем, что его внешний вид также flat-дизайн ! И вы немедленно броситесь перерабатывать свой собственный блог или сайт, чтобы быть в тренде.
Хорошим первым шагом в деле переработки скевоморфного дизайна вашего сайта будет изменение изображений, используемых в элементах интерфейса, в стиле flat-дизайна. Это, возможно самый простой шаг, потому что он практически не требует переработки кода.
Все, что вам нужно, это креативность и знание графических программ. Скорее всего, на вашем сайте достаточно много иконок, которые нужно привести flat-виду. Это может отнять много времени. Разумеется, в первую очередь необходимо переработать самые важные из них: те, которые появляются на всех страницах. Можно начать с логотипа или, что еще лучше, иконок навигации.
В данной статье, я постараюсь облегчить решение задачи переработки дизайна и рассказать о том, каким образом создаются иконки навигации во flat-стиле. Я буду использовать графический пакет Adobe Photoshop CS6 (но вы можете без проблем использовать более ранние версии). Приготовьтесь – мы начинаем.
Вот наш конечный результат:
На данном этапе вы уже можете сохранить и использовать изображение. Оно уже достаточно неплохо напоминает иконку домашней страницы во flat-стиле. Но стоит пройти еще пару шагов и добавить длинную тень.
Мы хотим, чтобы все сохранилось в формате PNG-24 с поддержкой прозрачности.
Теперь, займемся иконкой Post :
Ниже вы можете видеть иконки About Me и Contact Me :
Все иконки можно скачать тут .
Надеюсь, что после прочтения данного руководства, вы начнете переделывать свои веб-сайты. Как я уже говорил, это очень трудоемкий процесс, но он неизбежен, поэтому не стоит этому сопротивляться.
Кроме того, flat-дизайн разработан не только для того, чтобы радовать глаз, он еще и полезен с практической точки зрения. Поэтому, можно убить сразу нескольких зайцев разом.
Напоминаю, что это всего лишь руководство. Рекомендую хорошенько поэкспериментировать с данным материалом. Постарайтесь быть настолько креативным, насколько это возможно.
Ограничением может быть лишь ваш ум. Вы не знаете, насколько далеко можете зайти, если освободитесь от ограничений.
Я пью вино 1.7.28 установленных, затем я установил Photoshop CC. Но я не могу выяснить о том, как создать настольный ярлык.
Я попытался создать photoshop.desktop со следующим содержанием:
И помещенный тот файл под/home/username/Desktop. Сделал a:
wine32 - рабочий псевдоним к:
Но ничего не происходит, когда я дважды щелкаю по тому ярлыку. Однако я могу запустить Photoshop.exe из винного каталога: .wine32/drive_c/Program Files/Adobe/Adobe Photoshop CC 2014 (32 Bit)/Photoshop.exe
1 ответ
Псевдонимы не работают в файлах на рабочем столе (или в сценариях в целом, если не включено в сценарии). Необходимо развернуть его:
(И возможно добавляют WINEARCH=win32 к среде.)
В конечном счете, более просто не использовать определенные для оболочки функции в файлах на рабочем столе. Если Вы чувствуете потребность в одной, создаете сценарий и даете путь к сценарию в Exec строка.
Из этого туториала Вы узнаете, как создать значок для вашего сайта при помощи Photoshop.
Значок сайта – это небольшой, но значительный элемент продвижения вашего бренда на сайте. Вот пример, того, как он может выглядеть на вашем сайте:
Photoshop – это прекрасная программа для работы с изображениями, которая поможет Вам создать пользовательский значок сайта.
Значок сайта – это миниатюрный логотип (16×16), который Вы можете использовать на сайте. Если Вам удобнее работать с изображением большего размера, Вы можете работать над значком, размером 64×64 пикселя, а затем его уменьшить.
Создайте новый документ Photoshop. Откройте вкладку меню ‘Файл’ > ‘Новый’ (‘File’ > ‘New’):
Используйте инструмент ‘Масштаб’, для того чтобы увеличить документ для редактирования:
Например, мы создадим значок сайта, который состоит из простого градиентного фона и двух букв ‘TM’ (Торговая марка).
Примените к вашему документу инструмент ‘Градиент’ ( Gradient Tool). Вы можете использовать одно из доступных сочетаний цветов, или создать новое сочетание цветов:
Используйте инструмент ‘Горизонтальный текст’ (Horizontal Type), для того чтобы добавить ваш текст. Задайте шрифт, цвет и размер шрифта:
Используя инструмент ‘Трансформирование’ (Ctrl + T), отрегулируйте расположение текста:
Соедините слои (Merge layers), как это показано на скриншоте ниже:
Перейдите на вкладку ‘Файл’ > ‘Сохранить как…’ (File > Save As), откройте выпадающее меню и выберите формат .PNG (*.PNG). Нажмите на кнопку ‘Сохранить’ (Save):
Вы успешно создали значок сайта. Он был сохранён как файл ‘ favicon .jpg’ на вашем компьютере.
Однако, значок сайта нужно сохранить в формате .ICO. Этот формат файла позволяет сохранить несколько изображений разных размеров для масштабирования. По этому, теперь Вам нужно конвертировать созданный значок сайта .PNG в формат .ICO. Это последний шаг данного туториала.
Откройте в браузере любой сайт конвертирования изображений. Мы воспользуемся этим сайтом.
Перетяните ваш файл ‘ favicon .jpg’ в область ‘Загрузить’ (как это показано на скриншоте). Конвертирование начнётся автоматически. Процесс займёт 1 — 2 секунды:
Это конец данного туториала. Вы успешно создали пользовательский значок для вашего сайта, используя программное обеспечение Adobe Photoshop. Теперь Вы можете загрузить значок сайта на ваш сервер.
Вы можете также ознакомиться с детальным видео-туториалом ниже:
Эта запись была размещена в Работа с Photoshop и помечена как .ico, favicon, file, Photoshop. Добавьте в закладки постоянную ссылку.
Вчера захотел нарисовать иконку в фотошопе, ну, знаете, иконки как на рабочем столе или фавиконы… Я был ошеломлен! Как в таком графическом агрегаторе, как фотошоп, нет поддержки формата .ICO?
ICO в фотошопе
Как оказалось это не проблема, поискав немного информации на эту тему, я нашел маленький плагин, который достаточно кинуть в определенную папку и вы сможете создавать файлы в ico формате.
Перейдем к практике: файлы, которые вы только что скачали, нужно положить вот сюда:
Adobe Photoshop CS4\ App\Photoshop\Plug-ins\File Formats.
Adobe Photoshop CS5\ Required \Plug-Ins \File Formats.
Adobe Photoshop CS6\ Required \Plug-Ins \File Formats.
Adobe Photoshop CC 2015\ Required \Plug-Ins \File Formats.
2 файла ICOFormat.8bi нужно поместить в папку File Formats , после чего запускаем фотошоп и наблюдаем, что уже можно сохранить документ в ICO или CUR форматах.
Проверено на Photoshop cs4/cs5/cs6 и Photoshop CC 2015. Windows 7 x64.
Читайте также: