Ответы пользователя по тегу Дизайн
  • Как подобным образом исказить текст? Какой инструмент можно использовать? И какие настройки инструмента?

    Нужно сделать ч/б градиент — очень узкую полоску ч-б-ч, которая задаст смещение:
    градиент
    62a8a683033d9929474320.png
    62a8a68adea7a790510091.png
    Полупрозрачно градиент над текстом, чтобы прикинуть расположение:62a8a53280c51446777320.jpeg
    Сохранить этот градиент как отдельный PSD файл.

    Затем применить фильтр - Distortion - Displace (Искажения - Смещение ?), где оставить горизонтальное 10, вертикальное в ноль.
    интерфейс фильтра
    62a8a61d1c5a4172429254.png
    И выбрать сохранённый файл с градиентом.

    Получится похоже:
    результат
    62a8a637eedff185771889.jpeg

    P.S. но лучше, наверное, это всё проделывать в векторе..
    Ответ написан
    2 комментария
  • Как делают макеты широкомасштабных рекламных баннеров в CorelDraw?

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

    Растровые файлы:

    Tiff - CMYK 8 бит, без слоев (все изображение должно быть сведено в единственном слое Background), без дополнительных альфа-каналов (Channels), без путей (Paths)

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

    Если Вы сделали макет в CorelDRAW, Adobe Illustrator или какой-либо другой векторной программе, экспортируйте его в формат TIFF (CMYK). Откройте и проверьте размер изображения и значения цветов в Adobe Photoshop.

    Разрешение растровых файлов:

    • Для печати с разрешением 360 dpi – 35-50 dpi. Для изображений 3х6 м и более, достаточно 35 dpi, при размере файла не более 100 Mb
    • Для интерьерной печати с разрешением 720 dpi – 70-100 dpi. Для изображений, состоящих только из фотографий - 70 dpi, для изображений, содержащих текстовые элементы - 100 dpi, при размере файла не более 200 Mb
    • Для интерьерной печати с разрешением 1440 dpi – 100-200 dpi. Для изображений, состоящих только из фотографий - 100 dpi, для изображений, содержащих мелкий текст (менее 5 мм) - 200 dpi, при размере файла не более 400 Mb

    При подготовке файлов для стендов RollUp нужно учитывать следующие моменты: высота макета должна быть на 10 см больше размера RollUp (для RollUp высотой 200 см, высота макета должна быть 210 см), при этом нужно учитывать, что 1,5 см сверху и 8,5 см снизу закроются конструкцией, а также не располагать важные элементы ближе 15 см от нижнего края макета.

    Для уменьшения размеров файлов используйте LZW компрессию или архивирование (обязательно при пересылки файлов по Интернету).

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

    Рекомендации по выбору разрешения печати:

    • 360 dpi – для изображений, использующихся на улице и просматриваемых с расстояния более 3-5 м
    • Интерьерная печать 720 dpi – для изображений, использующихся в помещениях и на улице, просматриваемых с расстояния менее 1,5-2 м, содержащих текстовые элементы менее 30 мм
    • Интерьерная печать 1440 dpi – для изображений, использующихся в помещениях, просматриваемых с расстояния менее 1,5 м, содержащих текстовые элементы менее 10 мм

    При подготовке файлов следует учитывать:

    Критерием определения цвета служит не принтерная распечатка и не отображение макета на мониторе компьютера, а процентное соотношение цвета (CMYK) в каждой конкретной точке изображения. Для контроля цветопередачи мы предлагаем изготовление цветопроб на тиражном материале. Претензии по цветопередаче без подписанной цветопробы не принимаются.

    Цветоделение файлов RGB в CMYK мы рекомендуем производить со следующими настройками Color Settings программы Adobe Photoshop:

    • Ink Colors: Toyo Inks(Coated)
    • Dot Gain: 8 %
    • Separation type: GCR
    • Black Generation: Medium
    • Total Ink Limit: 300 %
    • Black ink Limit: 100 %.
    • Для получения насыщенного черного цвета рекомендуется делать его композитным (C50; M50; Y50; K100)

    Пропорции файлов должны соответствовать печатаемым размерам в масштабе 1:1. Макет не должен содержать видимые или невидимые элементы, выходящие за оплаченный размер печати.

    При наличии белого фона по краям изображения необходимо обозначить границы контуром 60% серого толщиной в 1 пиксель.

    Сопроводительная информация должна быть представлена в письменном виде и содержать:

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

    Источник: https://баннер-москва.рф/requirements


    Corel, Illustrator, не важно. Некоторые кмопании требуют исключительно растровый формат в печать, с определённым dpi.
    Ответ написан
  • Знает ли кто-нибудь онлайн генератор оттенков одного цвета?

    Adobe Color — "Monochromatic"
    Ответ написан
    Комментировать
  • Интересный тест на логику. Кто может помочь?

    Идея такая:
    5e5e106de4417035621657.png
    Реализация, конечно же, должна быть лучше. В идеале обойтись бы без цвета.

    1. все точки разделены на 2 группы
    Цветные / чёрные

    2. каждая точка из группы 1 имеет 2 типа визуальных свойств, которых нет в группе 2
    форма, цвет

    3. весь ряд имеет одну точку акцента
    доп контур

    4. все точки в группе 2 имеют 3 уровня иерархии
    дерево вниз

    5. горизонтальное деление (ось х) всего ряда должно быть асимметричным
    вот тут не знаю, как быть, если окажется 5 и 5 без иерархии
    Ответ написан
    Комментировать
  • Как автоматизировать анимацию в ae?

    Можно сохранить как Animation Preset (выделить нужные keyframes, Animation - Save preset..)
    Но для воспроизведения понадобится вручную создавать маски.
    Можно заморочиться с выражениями, которые будут создавать маску.
    Или полистать готовые анимационные пресеты и поискать в вебе – наверняка, найдутся готовые, как надо.
    Ответ написан
    Комментировать
  • В какой программе сделано видео "с домиком" на этом сайте?

    sergiks
    @sergiks Куратор тега Веб-разработка
    ♬♬
    На указанном сайте анимация - mp4 видеофайл.

    Сделать могли в любой программе для создания видео и моушен графики. Со своей колокольни предположу Adobe After Effects или Cinema4D.
    Ответ написан
    Комментировать
  • В чем идея Mobile First подхода?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Сумев обходиться малым, позволить себе больше — проще, чем обладая многим, начать ограничивать себя.

    То же длиннее и на англ. в посте.
    абзац
    Progressive Advancement has won the game for now as far as I can see. If UI/UX designers start a product design with its desktop version, they will inevitably want to make use of most of the advantages of the advanced end. For example, the hover effect which is supported by a cursor mouse; HD images & complex charts which can display normally only when there is a recent bandwidth. In this way, the designers will make efforts to complete an amazing desktop version and only to find it can hardly be adopted on a mobile end unless they give up a lot of beautiful ideas. If so, the mobile end version will be more like an afterthought, an incomplete product which’s been watered down.
    Ответ написан
    Комментировать
  • В какой программе лучше всего рисовать?

    персонажи для моделинга, города

    Blender

    дама

    Poser
    Ответ написан
  • Какая программа используется для графического планшета (как в примере)?

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

    Порекомендую отличное приложение для геометрии, стереометрии и образования — GeoGebra Classic. Там рисование чуть более строгое, точки «прилипают», и зато получается идеально аккуратный и «живой» чертеж – потянул точку, все линии из неё сдвинулись. Попробуйте, софт бесплатный, под многие платформы.

    Названия точкам присваиваются сразу автомагически. Можно переименовать. Можно считать площади, объёмы, даже вероятности!
    пирамидка как в видео
    5dfced9a92f7a742322726.png
    Ответ написан
    Комментировать
  • WEB Анимации. Какие методы - лучшие?

    sergiks
    @sergiks Куратор тега Веб-разработка
    ♬♬
    Как можно добавлять сложнейшие анимации, которые на CSS+JS не написать?


    В браузере могут отображаться анимации таких видов:
    • видео
    • анимированный gif, чаще всего зацикленный
    • canvas - посредством JavaScript
    • WebGL
    • svg - посредством JavaScript
    • анимированные средствами CSS и JavaScript элементы, в т.ч. svg


    Первые два варианта - "растровые". Теоретически можно отрисовать всё угодно, с точностью до пикселя. Готовить анимацию любыми инструментами для анимации. Выводить в видео или gif.

    В canvas скорее будет анимация «спрайтовая». Ограниченное число маленьких картинок двигаются.

    SVG – векторная графика. Там, скорее, будут элементы с чёткими контурами двигаться/поворачиваться. Но вовсе не обязательно только это.
    Ответ написан
    Комментировать
  • Существует ли раскладка полного соответствия CMYK и RGB?

    Теоретически, любому CMYK цвету можно привести в соответсвие RGB цвет (но не наоборот).

    картинка цветовых пространств
    5da87d974ab02841917568.png
    Ответ написан
  • Как удалить фон без потери информации?

    Задача довольно частая, поэтому к ней есть множество решений и подходов. И специализированные инструменты в редакторах и плагины. Одной из трудных считается задача отделить волосы/шерсть от сложного фона. И тоже решается.

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

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

    Рассмотрите каждый из каналов, R, G и B – где наиболее контрастно выглядит разница между объектом и фоном?
    В данном случае это в канале красного, R. Возьмём его за основу для будущей маски.

    Скопируйте его, и Уровнями поднимите контраст, глядя на гистограмму, чтобы от чёрного до белого были пиксели. Потом инвертируйте маску и примените к слою с исходной картинкой.
    результат
    5d5bb9c49e101149369921.png
    Ответ написан
    5 комментариев
  • Как научиться рисовать на граф.планшете?

    В этом макете рисование от руки и планшет не потребовались.
    Adobe Illustrator, заготовки стрелочек, клипарт шляпы, шрифты.

    Как научиться рисовать – думаю, полно уроков на YouTube, поищите те, где они выстроены в серию из нескольких видео от простого к сложному. Хороши и оффлайн курсы, где бумага, карандаш, ластик.
    Ответ написан
  • Как можно улучшить дизайн этой визитки?

    • не смешивать языки: русский и англ.
    • мелкий белый текст будет нечитабельным на визитке 9x5см
    • белый текст по темному фону придется печатать офсетом пятой белой краской, это дорого.
    • «каньон» пишется через А.
    • телефонный номер лучше читается без лишних дефисов.
    • логотип менее важен, чем телефон и пр. информация – больше места под инфу, меньше под лого
    • название "Dag trip" близко к "Bad trip".
    Ответ написан
    3 комментария
  • Рисование 2d с помощью 3d моделей?

    SketchUp
    Ответ написан
    Комментировать
  • Какие изображения использовать на сайте оптовой продажи замороженной рыбы?

    sergiks
    @sergiks Куратор тега Веб-разработка
    ♬♬
    Посмотрите зарубежные аналоги для вдохновения и сделайте иначе, лучше.
    Ответ написан
    Комментировать
  • В каком софте делаются такие эффектнейшие флары?

    Напишите автору да спросите: Дмитрий Рыбин fisher515956@gmail.com

    Upd. похоже, в After Effects. Там же в комментах он обещает сделать урок по таким эффектам.
    Ответ написан
    Комментировать
  • В какой программе рисовать такие изображения?

    Автор пишет про Cinema4D.

    Достижение какого именно эффекта интересует? Как смоделировать такой ананас, как его отрендерить, как пост-обработать? Это очень глубокие темы для вопроса на Тостере, но в сети много уроков по 3D арту.

    Результат совсем не специфичен для какого-то конкретно инструмента. В любом 3D моделлере можно смоделировать подобный объект, и во множестве рендереров получить картинку. Но чисто субъективно мне более всех понравилась именно Cinema4D.
    Ответ написан
    Комментировать
  • Какой логотип более правильный?

    Т.к. буквы не рядом, строгая параллельность наклонных не так важна,
    как визуальное равновесие пустого пространства слева и справа от буквы «О».
    Ответ написан
    2 комментария