• Color Overlay vs Paint Bucket Tool что для чего?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Дополняя уже сказанное, в общем и целом, оба инструмента могут делать одно и то же, но разными способами. Разница будет в конкретной ситуации и аккуратности результата, а в руках мастера, по факту, эти инструменты будут решать совершенно разные задачи.

    Заливка цветом может быть использована как для всего фона, так и для отдельных его частей (если это некий узор/рисунок) т.к. это инструмент, такой же как кисть или подобное.
    Вот пример: я могу залить им и весь фон слоя 1(залил красным) и часть узора в слое 2. У слоя 2 центральный прямоугольник был белый и я его окрасил в зеленый инструментом Paint Bucket Tool. При этом, если бы я окрасил через эффект слоя, то закрашен стал бы весь слой и узоры на нём пропали бы (вот так).

    Как видно, залился зелёным только белый до границ с черным. Можно настраивать чувствительность инструмента (смотрите панель в верхней части страницы, когда выбираете инструмент) и тогда заливаться инструментом будут не только те пиксели, в которые ткнули, но и с близким цветом.
    Такое можно проверить на любых фотографиях т.е. не на чистых цветах как в моём примере.

    А эффект с заливкой Color Overlay применяется не к выбранному участку, а ко всему слою или иному объекту в целом (фигура, текст, маска и т.п.). В этом и различия данных инструментов.

    Например, если у слоя рваные края, то заливка цветом сделает их еще хуже, а применение эффекта наложения цвета окрасит даже полупрозрачные пиксели согласно этой самой прозрачности. Пример: здесь сверху зеленая фигура, нарисованная мягкой кистью. Слой 1 я закрасил Paint Bucket Tool, а слой 2 перекрасил эффектом слоя Color Overlay (видите, что окрашен не весь холст, а лишь та часть, где была графика). Думаю, разница очевидна =)
    Ответ написан
  • Сколько стоит хороший (но не супер крутой) графический дизайнер?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Потребуется опросить не одну сотню людей, работавших с дизайнерами, чтобы составить адекватную ценовую картину т.к. что недорого для одних — дорого для других.

    Тут разработчики судят по себе начинают и дизайнерам навязывать часовые рейты, вот только не всегда это нужно. Поверьте, как дизайнер говорю. Попроектная работа дизайнера-фрилансера всегда фиксированная. Работа долгосрочная (большой проект, а не 10 мелких периодически) или в офисе — да, может рассчитываться из почасовой ставки. Фиксированные ставки же у него давно рассчитаны исходя из типовых задач. Лого, руководство по фирменному стилю, главная страница, внутренняя страница, аудит дизайна, иллюстрация, иконки и т.п. — для таких задач есть фиксированный диапазон.

    Плюс ко всему, стоимость напрямую зависит от задачи. Как я писал выше, есть цены на типовые задачи, но клиенты все разные и эту типовую задачу в большинстве случаев необходимо корректировать под нужды клиента. Во всяком случае я работаю так и считаю что так и надо работать.
    Часовая ставка должна быть в голове у дизайнера, а клиенту называться фиксированная сумма уже с учетом заложенного времени с поправкой на срочность и сложность задачи. И вот ставка и коэффициенты уже зависят от мастерства и опыта специалиста. Уж извините, что несколько с сторону от главного вопроса ушел.

    Примеры.
    1. Разработка логотипа.
    Можно просто воплотить идею, что придёт в голову, опираясь на задание клиента. Один вариант без претензии на уникальность т.е. не проводить анализ существующих, не проверять использует ли кто-то эту идею и насколько это вообще важно. А можно делать три принципиально разных варианта на выбор с доработкой одного до финала, изучать конкурентов, искать способы выделиться на их фоне и проверять свои идеи на уникальность среди других логотипов.
    И стоимость решения этих задач может быть, например, от 50$ до 200$ и выше. И это всё стоимость разработки логотипа у одного и того же хорошего дизайнера.

    2. Разработка дизайна сайта (раз уж и них заговорили в комментариях).
    Тут может быть только цена за главную и цена за внутренние уникальные/типовые страницы. Но никак не почасовая))) На каких-то сайтах нужна дополнительная графика, а на каких-то нет, кто-то берёт картинки из интернета/фотобанков, а кто-то создаёт сам. Следовательно, стоимость главной может быть от 50$ до 150$, а внутренних 20—50$ за уникальные и 10—20$ за типовые — и здесь оценку логично проводить после изучения задачи и требований.

    Так что вы определились бы с перечнем конкретных задач, а там уже можно будет собрать информацию о ценах на эти задачи. Цена «ХХХХ в час» вообще не информативна т.к. не даёт понимания стоимости проекта.

    Если исходя из озвученного в вопросе (лого и айдентика), то цены можно назвать примерно следующие: лого — от 50—100$ и выше; фирменный стиль от 100—300$ в зависимости от кол-ва носителей ФС и необходимости оформления руководства.
    Ответ написан
    1 комментарий
  • Как исправить цветопередачу?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Смотрите какое цветовое пространство использовали при работе: RGB или CMYK. Плюс конкретные цветовые профили, смотря в какой программе работали. Дело может быть и в мониторе, но с цветами в редакторе чаще всего забывают разобраться.

    А еще, откройте одинаковые изображения (любые) на своем и других мониторах. Если разница будет везде (а не только вот в этом макете), то дело очевидно что в вашем мониторе =) Тогда поможет только его смена.
    Ответ написан
    8 комментариев
  • На каких сайтах можно покупать шрифты полностью, а не page views?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    www.myfonts.com для платных
    https://www.fontsquirrel.com/ для бесплатных
    + сайты шрифтовых студий или частных авторов. Остальные это мелочь.
    Ответ написан
    4 комментария
  • Возможно ли в фотошопе пакетное сохранение композиций слоев?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Конечно, можно. В меню не смотрите?)
    File / Export / Layer comps to files

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

    Скрин из интернета.
    photoshop-export-layer-comps.png
    Ответ написан
    1 комментарий
  • Кто-то навёл на меня порчу, и у меня пропала надпись "Просмотрено" на ютубе. Как вернуть?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    И у меня пропала. Теперь вместо неё красная полоска по нижнему краю видеоролика. Вжжжух!
    a2672adceb1044a3b370010a4116aaa9.png
    Ответ написан
    6 комментариев
  • Организация рабочего процесса по вебдизайну в Adobe Illustrator - как лучше?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Вот по описанным причинам ребята и делают всё в одном файле :) Тут выбирать что удобнее именно для себя — разделять файлы и перекрашивать по необходимости вручную каждый или же бояться тормозов программы, но менять любые стили сразу везде. Тут можно еще порекомендовать написать свой скрипт/экшен для подобных целей, готовые мне не встречались (хотя вопросы периодически задают и здесь и на иностранных ресурсах).

    А про хранение файлов напишу вкратце.
    Если проект большой, с задачами разного рода, то делается папка big-project-name. Внутри неё лежат папки по задачам: banners, icons, site и т.п. В каждой папке конкретная задача. Если проект простой и путаться негде, то можно не разделять на подпапки. Все названия папок и файлов я всегда пишу с маленькой буквы и на английском, так удобнее.
    Внутри папки company-site (возьмем пример с сайтом) лежат папки source (со всеми материалами, предоставленными заказчиком), img (с разной исходной графикой, которая используется в проекте), preview (или images или типа того, я в такую папку складываю макеты для согласования и расшариваю для доступа клиенту — чтобы не пересылать кучу файлов, а иметь одну папку с актуальными макетами) и любые другие служебные папки, которые могут понадобиться по ходу работы.
    В корне этой папки ведется работа и находятся исходники вида name_xxxx_yyy_zzz, где name — это название клиента или проекта (указываю всегда чтобы находилось через поиск), xxxx — обозначение вида задачи (site, app, icons и т.п.), yyy — уточнение что в этом файле (если сайт/приложение, то main, contacts, news и т.п., если иконки, то их размер, например), zzz — версия файла — она может быть просто цифровой (001, 002, 024), а может быть и датой сохранения, иногда требовалось подобное (16-11-23 – год-месяц-день, удобно следить). Таким образом, получаются имена файлов sber_icons_128px_001, sber_insurance_lk_012 или ph_cafe_menu_16-10-05. Когда требуется версия с переведённым в кривые контентом, то в конце можно добавить -curved.
    Я предпочитаю разделять смысловые части с помощью подчеркивания "_", а вместо пробела в словах использовать минус "-" (sber-bank_site_one-two_004).

    Если собирается много файлов одной задачи, то они собираются в подпапку как описано в самом начале.
    Когда собираются несколько версий одного макета, то я создаю папку old (или revisions, кому как удобнее) и скидываю туда все старые версии, а в корне задачи остаются лишь актуальные. Это помогает не запутаться в куче версий и, в то же время, держать их рядышком. Если важно сохранить даты подобных «срезов», то в папке old делается подпапка с нужной датой.

    Учитывая, что я фрилансер, то мне не надо иметь кучу папок как у ребят по ссылке и думать о том, что кто-то там может не разобраться :) А в каждой конторе привыкли к разному и просто либо подстраиваешься под них, либо по-умолчанию расшариваешь папочку с макетами. В последнем своём офисе из бардака на личном компе я сделал озвученную выше структуру на сетевом сервере и все работали с файлами без дёрганья друг друга.
    Ответ написан
    3 комментария
  • Какие вопросы задавать заказчику для редизайна интернет-магазина?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Ну вы же типа специалист. Что вам нужно знать об этом проекте? Что не понятно и не известно конкретно вам? Что конкретно вам нужно узнать чтобы взяться за работу? Вот это и спрашивайте у клиента. Не знаете даже что спросить — откажитесь и возвращайтесь когда наберетесь знаний.

    Ну напишут я или кто-то другой сейчас список вопросов, ну узнаете вы их у клиента, но сможете ли применить в работе эту информацию, если не знаете для чего она нужна? Толку будет ноль. Учитесь и набирайтесь знаний, ведь правильные вопросы (как и подход к работе) у каждого свои.

    Upd Я не раз видел как люди берут чужие образцы брифа/ТЗ и дают их заполнять клиенту, а потом всё равно делают что сами захотят, даже не читая (или не понимая) указанную информацию. Отчасти это потому что половина вопросов реально бесполезная информация и перекочевала ещё из шаблонов 90-х и 00-х годов.
    Поэтому изучайте дизайн интерфейсов (общие принципы, юзабилити и т.п.) т.к. это то что важно в интернет магазине. Смотрите как сделано у других и выделяйте хорошие решения.
    К слову, кол-во категорий товаров вообще бесполезная информация когда идёт речь о дизайне интернет-магазина :) Здесь важны главная, список товаров, фильтр, страница товара и процесс оформления заказа.

    Дизайнер не клепает макетики, дизайнер решает задачу клиента.
    Какая цель вашей работы? Какие цели должен достичь редизайн сайта?
    Вот спросите у клиента. А далее уже вы, как специалист, должны принять решение — какими способами решать поставленные задачи для достижения необходимых целей.
    Ответ написан
    Комментировать
  • Хочу начать продавать визитные карты на zazzle, какой вариант регистрации мне выбрать и почему, Become a Designer или Become a Maker?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Если продаёшь готовый продукт т.е. уже распечатанные визитки, то ты создатель (maker). Если делаешь только дизайн для визиток, а печатают они сами, то ты дизайнер.

    PS В любом случае, ошибка не критична и всегда можно перерегистрироваться или попросить саппорт сменить амплуа. А внизу каждой страницы есть волшебная ссылка Help и на той странице указано
    cdf225941e584829b0eda1ed23b2f18a.png
    ;)
    Ответ написан
    Комментировать
  • Как называется данный блок на сайтах?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Чаще этот блок известен всем как просто слайдер (реже там статическая картинка с текстом или без или даже видео). Если сверху не было бы явно отделённого меню и весь верх представлял собой единый блок с красочной иллюстрацией и элементами навигации, то подобный верх страницы может называться hero header, а само изображение hero image (ничего общего с заголовком в примере).

    UPD Статья с примерами
    Ответ написан
    Комментировать
  • Как реализовать в фотошопе данную иллюстрацию?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Никак.

    Открою страшную тайну: эта иллюстрация сделана вручную и сфотографирована (плюс немного финальной ретуши). Быстрее и проще сделать именно так.

    Ни один разумный дизайнер не станет тратить кучу времени на попытку сделать реалистично то, что проще сфотографировать. Подчеркну: разумный дизайнер.
    Попытаться повторить можно, но:
    а) результат будет всё равно хуже, если нет опыта (а ваш подобный вопрос говорит об отсутствии опыта в принципе);
    б) даже если будет достигнут идентичный по качеству фотографии результат, то временные затраты будут слишком велики для этого. Хоть для себя, хоть для клиента — нецелесообразно.

    Почитайте как автор это делал https://www.behance.net/gallery/37516543/Food-Type...
    Ответ написан
    Комментировать
  • Стоит ли покупать недорогие статьи на textsale итд для продвижения сайта, или лучше заказывать дорого у профессионалов?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Если гавносайт, то без разницы. Если сайт нормальный и для людей, то подобных вопросов не должно возникать, на мой взгляд. Причём, можно не по 5к за статью заказывать, а найти недорогого исполнителя с удовлетворяющим вас стилем и качеством.

    Моё мнение: готовое на биржах это кот в мешке. Дано лишь мелкое превью, по которому я должен понять, что статья интересная? Бред. По своему опыту убедился, что их пишут роботы (не в прямом смысле, конечно же) ради нужного процента рерайта, уникальности, тошноты и прочих терминов.

    Так что окончательное решение за вами. Нужны ли только переходы на сайт или же важно задержать читателя интересным и полезным текстом. =)
    Ответ написан
    Комментировать
  • Насколько удобно создавать макеты сайтов в illustrator?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    насколько удобно и возможно ли вообще работать веб-дизайнеру в illustrator при создании макета сайта.

    Работать возможно и вполне удобно. Проблема в другом — верстальщики не жалуют т.к. плагины и утилиты, облегчающие вёрстку под Фш есть, а под Аи нет. Это не раз обсуждалось даже здесь, на Тостере. Поищите.

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

    Не согласен. Лично мне ни капли не сложно поставить новую направляющую с привязкой к пиксельной сетке в Аи. Не сложнее, чем в Фш. А если не нравится, что направляющие среди элементов дизайна, так вынесите их на отдельный слой и всё.

    мелкие элементы (~ менее 10 пикселей) нарисованные в этом же масштабе потом плохо масштабируются в большую сторону

    Очередная странность, никогда не было таких проблем. Это же вектор, его можно масштабировать как душе угодно. Смотрите какие настройки выставлены, возможно, «сложности» из-за этого.

    начинаются проблемы с толщиной обводки, к примеру, когда элмент скэйлится, а обводка - нет.

    Достаточно поставить «галочку» и обводка будет масштабироваться (панель Transform). И никаких «взять в бОльшем масштабе, а потом уменьшить» не нужны. Так что эта «проблема» лишь из-за незнания функционала программы. Советую изучить тщательнее Аи, посомтреть все возможные настройки в панелях, посмотреть уроки и т.п.

    С растром тоже не вижу проблем. Если в макете его очень уж много, то что мешает сделать его (растр) в Фш? Инструменты надо подбирать исходя из задач и совсем не обязательно чтобы это был строго только Фш, только Аи или только какая-то другая программа.

    А уж если растр всего лишь в виде превью картинок в макете, то вставить их для презентации также легко как и в Фш. Причём, на вёрстку отдавать уже можно и без них. Т.е. не проблема сделать интерфейс, например, в Аи, а растровую графику (фоны и прочее) положить отдельно. Не забыть только пояснить верстальщику где и как всё это должно располагаться. Или наоборот, сделать макеты в Фш, а все элементы (иконки, кнопки и т.п.) отдельно в svg положить (и не надо париться с кучей размеров).

    Достало лазать за веторными объектами в люстру, копировать, вставлять, позиционировать и т.д.

    Не существует программы, которая сделает работа за дизайнера :) Лень по Alt+Tab переключаться между программами? Ну идите в копирайтеры, там одного Word'a хватит))

    Если выбрал 1:1, встает вопрос, как потом графику нарезать для ретины? Если больший, то насколько? Так чтобы на ту самую ретину хватило?

    В Фш есть assets, также есть куча сторонних плагинов — выбирай что удобнее. Инструкций, статей и обзоров, благо, хватает. По поводу размеров для Ретина и прочих также существует масса статей с инструкциями (не считая гайдлайнов), вы их легко найдёте.

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

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

    Если ни одна программа не идеальна, то логично сделать выбор об использовании более одной программы в работе ;)
    Индизайн не для веба, хоть в нём, порой, и удобно сделать даже такой макет (например, сделать скелет, а затем продолжить работу в Фш; особенно, если в макете основа это текст). Всякие Muse и прочие полуавтоматические или автоматические инструменты тоже могут быть использованы — всё зависит от конкретной задачи. Для таких как вы сделали еще Affinity designer, но если и он не нравится, то прям не угодишь. Ждите полнофункциональную версию Adobe XD под Win.
    Будете ограничивать себя одной программой — будете вечно ныть, что где-то неудобно.

    Успешно работают люди и в Аи, и в Фш, и в Скетчах и т.п. И каждый из них когда-то чего-то не знал, чего-то не умел и не понимал. Всё придёт с опытом и вместо того чтобы искать единственный универсальный инструмент лучше бы изучали возможности разных и учились применять это на практике. Сейчас, многие умеют создавать практически идентичный результат не зависимо от того растровый это или векторный редактор. Разница лишь в навыках специалиста.

    Про макеты для адаптивного тоже не раз уже обсуждали здесь. Кто-то привык делать только одним способом, кто-то исходит из ситуации. Я отношусь ко вторым и на практике бывало разное:
    а) делаются макеты под каждое разрешение (список обсуждается с клиентом/верстальщиком) - дольше и дороже, но некоторые верстальщики предпочитают такой подход;
    б) делается один основной макет и текстовое описание поведения блоков и элементов, часть графики может готовиться дополнительно - подходит для несложных дизайнов, где логика поведения интерфейса может быть описана словесно и когда нужно немного сэкономить;
    Иногда можно просто блок-схемами показать поведение интерфейса.
    в) делается один макет и всё - чаще если клиент экономит и/или еще нет конкретного верстальщика и клиент не знает нужны ли доп макеты; тут либо верстальщик потом сам мучается над адаптивом, либо клиент возвращается за доп макетами.
    Не могу выделить какой-то самый популярный из вариантов т.к. все они бывают примерно в равном соотношении.

    Бюджет мал — делайте один, бюджет позволяет и/или клиент хороший — делайте по максимуму, если вам важно чтобы сайт выглядел как вы задумали при разных разрешениях экрана.
    Ответ написан
    2 комментария
  • Почему фотошоп не экспортирует слои в файлы?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Первое, что приходит на ум это кривая система, кривой Фш или нехватка ресурсов.
    Проверьте характеристики системы, может не хватает для работы с такими файлами ОЗУ, например. Если пиратская сборка системы или Фш, то вообще удивляться нечему — пробуйте переустановить (сначала Фш, а там по обстоятельствам).
    Ответ написан
  • Как в Adobe Illustrator CC 2017 сохранить иконку в формате ICO?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Никак (во всяком случае я никогда такой функции не видел ни в одной из версий). Этот формат не поддерживается пакетом. Иконки в ICO всегда делались специальным софтом для создания иконок (ведь ICO это просто контейнер, содержащий в себе несколько размеров PNG-иконок).

    Варинты следующие:
    а) Искать плагин/скрипт. Под Фш они есть, под Аи не знаю.
    б) Пользоваться программами для создания иконок, их много разных (например, Axialis IconWorkshop Pro).
    в) Пользоваться онлайн-конвертерами, их тоже очень много.
    Ответ написан
    4 комментария
  • Какую ставить резкость для текста в Photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    В 99% случаев Sharp (второй пункт в списке т.е. «резкое»), а о других забудь вообще. Пока не знаешь в чём разница и не нужно применять эти знания в работе надо использовать только этот вариант, который у всех стоит по умолчанию.

    PS А вот настройка языка (левее дропдауна) иной раз может быть полезнее для недизайнера. На каком языке текст, тот и выставляй там.
    И лучше пользоваться английской версией. Понятнее будет читать советы других или уроки в интернете, да и знание терминов подтянешь. Иной раз плачешь от попыток понять что имеет в виду человек с русскоязычным Фш, Аи и т.п.
    Ответ написан
    Комментировать
  • Как задать горячую клавишу в Illustrator для функции "Найти объект"?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Все горячие клавиши настраиваются в Menu - Edit - Keyboard Shortcuts, только такой команды там нет.
    Но можно написать скрипт или экшен и его поставить на горячую клавишу.

    Для переименования слоёв можно воспользоваться той же тактикой.
    Ответ написан
    1 комментарий
  • Для чего предназначены колонки(сетки) в psd макете?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Почитайте про модульные системы и модульные сетки, в частности. Это основа очень многих вещей в нашем мире: от печатного дела до строительства. Всё очень легко ищется поисковиком.

    Рандомные ссылки по теме:
    Модульная система вёрстки
    Что такое модульная сетка и для чего она нужна в в...
    Модульная сетка
    Сетки для адаптивного дизайна
    Каркас сайта, или модульная сетка в веб-дизайне
    ну и т.п., в поисковой выдаче информации очень много.
    Ответ написан
    Комментировать
  • Будут ли отображаться шрифты в pdf?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Будут, если у шрифта не запрещен импорт в ПДФ (редко, но бывает). Вроде бы, должно предупреждение выводится о шрифтах, если это я не путаю с Индизайном.

    Чтобы гарантированно обезопасить себя от проблем можно просто перевести шрифты в кривые. В таком случае, нельзя будет выделять и копировать текст из ПДФ, но это и не всегда нужно.
    Ответ написан
    3 комментария