Необходимо войти или зарегистрироваться

Авторизация

Введите логин, email или номер телефона, начинающийся с символа «+»
Забыли пароль? Регистрация

Новый пароль

Авторизация

Восстановление пароля

Авторизация

Регистрация

Выберите, пожалуйста, ник на пикабу
Номер будет виден только вам.
Отправка смс бесплатна
У меня уже есть аккаунт с ником Отменить привязку?

Регистрация

Номер будет виден только вам.
Отправка смс бесплатна
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
Авторизация

Сообщество

Сообщество

Сообщество - Графический и Веб-дизайн

Графический и Веб-дизайн

317 постов 9 266 подписчиков
Полная информация
Правила сообщества

Плохие отступы — плохой дизайн

vermishyan в Графический и Веб-дизайн

Если бы в дизайне нужно было знать только одно правило, — это было бы правило работы с отступами. Отступы помогают связывать элементы по смыслу. Дизайн становится организованным. Читателю удобно пробегать глазами и разбираться с информацией. Все счастливы.

Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-Дизайн, Вертска, Сайт, Создание сайта, Длиннопост, Типографика, Uiux

P.S. Ребят, знать теорию и уметь делать — не одно и то же. В комментариях к посту есть задания для практики: https://vk.com/wall-73916093_2693

Вы их выполняете и отправляете мне. А я хвалю или ругаю. Строго, но справедливо :)))

Показать полностью 9

Бесплатный шрифт Помидорко. Презентация

Amir74 в Графический и Веб-дизайн

Рубрика #ЯтвойШрифт продолжается.

Сегодня у нас презентация шрифта Помидорко.

Яркий, веселый. Идеально для тематик с едой, праздниками, детьми.


Скачать шрифт с источника: https://vk.com/wall-69217383_28047 (закреплен к посту)


Автор шрифта: Tony Sidachova
Презентация: Амир Исламов

Бесплатный шрифт Помидорко. Презентация Дизайн, Fonts, Photoshop, Длиннопост, Шрифт
Бесплатный шрифт Помидорко. Презентация Дизайн, Fonts, Photoshop, Длиннопост, Шрифт
Бесплатный шрифт Помидорко. Презентация Дизайн, Fonts, Photoshop, Длиннопост, Шрифт
Бесплатный шрифт Помидорко. Презентация Дизайн, Fonts, Photoshop, Длиннопост, Шрифт
Бесплатный шрифт Помидорко. Презентация Дизайн, Fonts, Photoshop, Длиннопост, Шрифт
Бесплатный шрифт Помидорко. Презентация Дизайн, Fonts, Photoshop, Длиннопост, Шрифт
Бесплатный шрифт Помидорко. Презентация Дизайн, Fonts, Photoshop, Длиннопост, Шрифт
Бесплатный шрифт Помидорко. Презентация Дизайн, Fonts, Photoshop, Длиннопост, Шрифт
Показать полностью 8

Порой такие треды довольно увлекательны

tomash1996 в Графический и Веб-дизайн

https://twitter.com/LetyiMax/status/912506329863983104

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Моторное масло AREOL.

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Kosmonavt - музыкальный проект.

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Лого питомника крыс "Усатик".

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Сушибар "без вилок".

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Андрей Бонд - шоумен , балагур, кутила, рокнрольщик .

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Интернет-магазин "Клевер".

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Олли, чайный мастер.

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Вован, 23 см, горячий любовник. Лого для визитки )

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

И-нет магазин спортивной экипировки «Звезда Олимпа».

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

DTGames разработка мобильных игр (настольные бродилки).

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Tytshop опт одежды в спортивном и городском минималистичном стиле.

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

IG REALTY - агентство по продаже недвижимости.

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Надуандра, портреты Поп-арт.

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Food.housemanager - кулинарные странички в соц сетях с авторскими рецептами.

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Мебельный магазин и мебельное ателье "Добромебель".

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Юмористический паблик "ШИШ и ТИШ".

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост

Zookesha интернет магазин по продаже зоотоваров.

Порой такие треды довольно увлекательны Дизайн, Логотип, 1 лайк 1 лого, Из сети, Длиннопост
Показать полностью 17

Рубрика «Шрифт недели». Merriweather

Amir74 в Графический и Веб-дизайн

Частенько у начинающих и даже опытных дизайнеров бывает ступор в выборе шрифта.

Решил протестировать рубрику со шрифтами. Буду брать какой-либо шрифт, а иногда их сочетание и делать про них краткий рассказ в виде презентации. В жопу латиницу!) Использовать я буду исключительно кириллицу. Чтобы ты мог посмотреть название и применить. Если пост зайдет — продолжу рубрику.


Сегодня нам представится шрифт Merriweather. Он точно бесплатный.

Мне нравится он за свою универсальность, легкость и с другой стороны элегантность. Прошу любить и жаловать) Ссылка на шрифт https://yadi.sk/d/52uSJOtvQwsneA

Рубрика «Шрифт недели». Merriweather Дизайн, Шрифт, Photoshop, Кириллица, Длиннопост
Рубрика «Шрифт недели». Merriweather Дизайн, Шрифт, Photoshop, Кириллица, Длиннопост
Рубрика «Шрифт недели». Merriweather Дизайн, Шрифт, Photoshop, Кириллица, Длиннопост
Рубрика «Шрифт недели». Merriweather Дизайн, Шрифт, Photoshop, Кириллица, Длиннопост
Рубрика «Шрифт недели». Merriweather Дизайн, Шрифт, Photoshop, Кириллица, Длиннопост
Показать полностью 5

8 каналов YouTube, которые помогут разобраться в Photoshop

spacenyash в Графический и Веб-дизайн

Уже четверть века Adobe Photoshop заслуженно называют самым мощным инструментом для редактирования растровой графики. Долгие годы сделали программу отраслевым стандартом, образцом для подражания. Её название укрепилось в лексиконе последних поколений. В нашей статье — восемь каналов YouTube, которые помогут перейти с Photoshop на ты.


Реклама, веб-дизайн и профессиональная фотография — основные рынки, на которых хорошо зарабатывают с помощью Photoshop. С другой стороны, миллионы людей углубляются в тонкости графического редактора исключительно для себя: например, для качественной ретуши собственных снимков и наложения на них сложных эффектов. Не сомневайтесь, овчинка стоит выделки, правда, вам придётся усердно учиться и кропотливо практиковаться. Наша подборка YouTube-инструкторов поможет вам на старте.


Adobe Photoshop


Фирменный канал флагманского продукта компании Adobe будет полезен любому пользователю, независимо от уровня подготовки. Именно здесь из первых рук можно узнать о самых важных обновлениях программы и её новых возможностях либо просто посмотреть качественные уроки.

Смотреть канал →


Tutvid


Авторский проект Натаниэля Додсона (Nathaniel Dodson) развивается на протяжении десяти лет. На своём канале tutvid бодрый фотограф делится собственным опытом обработки портретов, фотографий еды, изображений Apple Watch, а также рассказывает о трюках новых версий графического редактора или размышляет над смежными темами, например «Плагиат — это хорошо», «Когда использовать Photoshop, а когда — Illustrator». Некоторые уроки длятся около часа, однако раскрывают сложные темы сполна.

Смотреть канал →


PhotoGavin


Гэвин Хоя (Gavin Hoey) — победитель официальных соревнований Adobe, евангелист продуктов компании, а также активный тренер по обработке растровой графики. Громадный опыт и навыки работы с инструментами Photoshop и Lightroom, несомненно, будут полезны всем фотографам, несмотря на то, что последний выпуск был выложен больше года назад: автор занялся схожим проектом, связанным с постановкой фото.

Смотреть канал →


IceflowStudios


С 2006 года Говард Пинский (Howard Pinsky) выкладывает на канал IceflowStudios уроки по Photoshop и Lightroom. Большой список качественного видео разбит на тематические плей-листы, среди которых, как мне кажется, особняком стоят Minute Photoshop Tips — короткие ролики с максимальной пользой для тех, у кого времени в обрез. К слову, недавно Говард демонстрировал своё мастерство в режиме реального времени на Twitch. Надеюсь, ему понравилось и начинание приживётся.

Смотреть канал →


Blue Lightning TV


Марти Геллер (Marty Geller), владелец канала Blue Lightning TV, делится рецептами классических трюков и эффектов Photoshop, причём делает это очень скрупулёзно. Наверняка эти простые и доступные уроки понравятся прежде всего новичкам. Немаловажно, что Марти записывает новые видео с завидным постоянством и не обходит стороной животрепещущие темы, например Рождество или выход нового эпизода «Звёздных войн».

Смотреть канал →


Photoshop Tutorials


Более 100 уроков от Photoshop Tutorials посвящены самой разноплановой тематике: световые эффекты, работа над шрифтами, ретушь портретов и имитация погодных явлений, например снега. Небольшая продолжительность и невысокая сложность должны понравиться новичкам. Тем более что в описании каждого ролика указана ссылка на домашнюю страничку Photoshop Tutorials, где выложены исходники уроков, правда, не всегда бесплатно.

Смотреть канал →


Photoshop Training Channel


Название канала Photoshop Training Channel говорит само за себя: уроки Photoshop, трюки Photoshop, эффекты Photoshop и ничего более. Здесь принята особая мантра. Цитирую: «Просто покажи мне, как это делается».

Смотреть канал →


PhlearnLLC


800 тысяч подписчиков и 42 миллиона просмотров говорят о высочайшем классе PhlearnLLC. Это канал для молодых, продвинутых и опытных пользователей Photoshop от профессиональных фотографов и ретушёров. Помимо подготовки обучающих видео для YouTube, команда Phlearn Photoshop and Photography продаёт особые сборники уроков с исходными RAW-файлами, текстурами и детальными пояснениями по самым востребованным направлениям дизайна и фотографии, например созданию фото в стиле пин-ап или глубокой ретуши портретов.

Смотреть канал →

Показать полностью 7

Большой список сайтов, по получению основных цветов из картинки или просто подбору подходящей палитры

Drovosek01 в Графический и Веб-дизайн
Большой список сайтов, по получению основных цветов из картинки или просто подбору подходящей палитры Цвет, Палитра, Основные цвета картинки, Подбор цвета, Цветовой ряд, Гармоничные цвета, Дизайн, Ui, Длиннопост

Предисловие:


Как-то в интернете я увидел картинку, на которой была фотография и рядом прямоугольники с основными, ключевыми цветами фотографии. Мне очень понравился такой "эффект", уж очень гармонично выглядят сочетающиеся цвета. Там в посте была ссылка на один сервис, который позволяет получить такие прямоугольники из фотографии. Я предположил, что нет какого-то общего алгоритма, по извлечению "ключевых" цветов или оттенков из картинки и поэтому должны быть еще сервисы, которые могут разложить картинку на палитру, начал искать и понеслось... Результат вы видите ниже.


Если вы хотите получить подобную палитру на основе картинки оффлайн, то, думаю, самый простой способ сделать это - провести "пикселизацию" картинки. В Adobe Photoshop это делается с помощью инструмента "Мозаика" (пункт Фильтр > Оформление > Мозаика).


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


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


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


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


Так же некоторые из этих сайтов-сервисов позволяют сгенерировать css, для выбранной палитры или скачать цвета в файл ASE, ACO или в картинку png или jpg. Некоторые принимают только .jpg картинки, а некоторые даже .gif. Некоторые позволяют создать аккаунт и сохранять подборки цветов, другие не имеют такого сервиса. Различий, функций и критериев очень много, надеюсь вы найдете то, что вам поможет.

Категории:

Сайты для генерации палитры основных цветов по картинке

Сайты по поиску картинок определенного оттенка или цвета

Сайты для генерации палитры основных цветов определенного сайта

Сайты с палитрами для выбора цвета в RGB, CMYK, HSL, HEX и т.д.

Палитры с подобранными цветами Material Design и динамическими макетами Android приложения

Мультифункциональные сайты с разными инструментами для цвета

Сайты с картинками и готовыми палитрами цветов к ним

Сайты с просто подборками гармоничных цветов

Источники

Сайты для генерации палитры основных цветов по картинке:

https://color.adobe.com/

http://palettefx.com/

http://patorjk.com/color-palette-generator/

https://www.degraeve.com/color-palette/

https://lokeshdhakar.com/projects/color-thief/

https://www.colourlovers.com/photocopa

https://www.aminus3.com/color/scheme-generator/

http://labs.tineye.com/color/

https://www.imgonline.com.ua/get-dominant-colors.php

https://www.generateit.net/color-palette-generator/

http://www.cssdrive.com/imagepalette/index.php

http://colrd.com/create/image-dna/

https://colordrop.io/scan/

http://www.colorhunter.com/

https://bighugelabs.com/colors.php

http://www.colr.org/

http://materialmixer.co/#image

http://colorexplorer.com/imageimport.aspx

https://www.wisegeek.com/how-can-i-find-the-average-color-in...

https://dribbble.com/

https://coolors.co/app


Сайты по поиску картинок определенного оттенка или цвета:

https://dribbble.com/colors/

https://services.tineye.com/MulticolorEngine

https://www.aminus3.com/color/

http://colrd.com/


Сайты для генерации палитры основных цветов определенного сайта:

https://www.colorcombos.com/grabcolors.html

http://webcolourdata.com/


Сайты с палитрами для выбора цвета в RGB, CMYK, HSL, HEX и т.д.:

https://color.adobe.com/

http://paletton.com/

http://colorblender.com/

https://colorscheme.ru/

http://colorexplorer.com/colorpicker.aspx

http://colormixers.com/

https://coolors.co/app

http://www.ficml.org/jemimap/style/color/wheel.html

http://colrd.com/create/color/

https://meyerweb.com/eric/tools/color-blend/

https://www.sessions.edu/color-calculator/

http://colory.ru/colorgenerator

http://colory.ru/colorgenerator2

https://www.colorspire.com/

http://materialmixer.co/#color

http://mcg.mbitson.com/

https://www.materialpalette.com/colors

http://www.workwithcolor.com/hsl-color-picker-01.htm

http://www.workwithcolor.com/mm-color-blender-01.htm

http://www.workwithcolor.com/hsl-color-schemer-01.htm

http://www.workwithcolor.com/color-converter-01.htm


Палитры с подобранными цветами Material Design и динамическими макетами Android приложения:

(Там гармоничные, сочетающиеся цвета, но в основном эти сайты для Android UX дизайнеров)

https://www.materialpalette.com/

https://codecrafted.net/randommaterial/

http://materialmixer.co/


Мультифункциональные сайты с разными инструментами для цвета:

(На этих сайтах есть инструменты не только подбора цвета в виде обычной палитры, но и для генерации градиента, паттерна или чего-нибудь еще)

http://colrd.com/

https://www.colourlovers.com/

https://www.colorcombos.com/

https://www.degraeve.com/

https://colordrop.io/

https://coolors.co/

https://www.imgonline.com.ua/


Сайты с картинками и готовыми палитрами цветов к ним:

(Поможет, если вдруг не хватает фантазии)

https://colorpalettes.net/

https://color.romanuke.com/

http://www.colorhunter.com/

http://colrd.com/

http://www.cssdrive.com/

http://moviesincolor.com

https://www.design-seeds.com/

https://www.aminus3.com/color/


Сайты с просто подборками гармоничных цветов:

https://coolors.co/browser/latest/1

https://colordrop.io/

https://colorhunt.co/

http://www.colormunki.com/pantone

http://www.colormunki.com/munsell

https://colorup.tikkurila.com/index.html#/l/ru/6/8/colors

https://www.colorcombos.com/popular-color-combinations

http://colrd.com/palette/


Источники:

http://www.dejurka.ru/articless/color-swatches/

https://designshack.net/articles/inspiration/developing-a-co...

https://tin-liva.livejournal.com/89084.html

http://do.esprezo.ru/color-picking

https://vgrafike.ru/ochetaniya-cvetov-onlajn/

http://www.nautical.dorisyershova-design.ru/2014/07/14/%D1%8...

http://www.workwithcolor.com/more-online-color-tools.htm

Если кто-то знает сайты из схожей тематики, но которые я не указал - обязательно пишите их в комментариях.

Показать полностью

Шрифт Furore. Презентацию

Amir74 в Графический и Веб-дизайн

Привет! Судя по количеству плюсов рубрика многим по душе. А значит продолжаю.
Сегодня для вас презентую шрифт Furore

Угловатый, серьезный, футуристичный, брутальный.

Но самое главное — БЕСПЛАТНЫЙ.

Автор шрифта Даниэль Пузó.

Скачать шрифт: https://drive.google.com/file/d/1OcAJOwoSwvZc2QR23b8QvWKD1ZA...

Шрифт Furore. Презентацию Дизайн, Кириллица, Длиннопост, Шрифт
Шрифт Furore. Презентацию Дизайн, Кириллица, Длиннопост, Шрифт
Шрифт Furore. Презентацию Дизайн, Кириллица, Длиннопост, Шрифт
Шрифт Furore. Презентацию Дизайн, Кириллица, Длиннопост, Шрифт
Шрифт Furore. Презентацию Дизайн, Кириллица, Длиннопост, Шрифт
Шрифт Furore. Презентацию Дизайн, Кириллица, Длиннопост, Шрифт
Шрифт Furore. Презентацию Дизайн, Кириллица, Длиннопост, Шрифт
Шрифт Furore. Презентацию Дизайн, Кириллица, Длиннопост, Шрифт
Показать полностью 7

Шрифт, цвет, эмоции

Amir74 в Графический и Веб-дизайн

Судя по количеству плюсов, прошлая рубрика с презентацией шрифтов зашла на ура.

Я тут еще кое-что хочу попробовать, как дополнение. Идея простая. Беру один текст и пишу его разными шрифтами


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

Скачать все шрифты https://drive.google.com/open?id=1GXM1UEcMOsJhwM9Zh3IL428kev...
(по поводу лицензии тут к сожалению придется гуглить самим)

Есть идеи как назвать рубрику?

Шрифт, цвет, эмоции Дизайн, Кириллица, Шрифт, Photoshop, Длиннопост
Шрифт, цвет, эмоции Дизайн, Кириллица, Шрифт, Photoshop, Длиннопост
Шрифт, цвет, эмоции Дизайн, Кириллица, Шрифт, Photoshop, Длиннопост
Шрифт, цвет, эмоции Дизайн, Кириллица, Шрифт, Photoshop, Длиннопост
Шрифт, цвет, эмоции Дизайн, Кириллица, Шрифт, Photoshop, Длиннопост
Шрифт, цвет, эмоции Дизайн, Кириллица, Шрифт, Photoshop, Длиннопост
Показать полностью 6

Шрифт Evolve.

Amir74 в Графический и Веб-дизайн

#ЯтвойШрифт. Привет пикабушники!


Продолжаю рубрику с презентациями шрифтов) Сегодня весьма необычный БЕСПЛАТНЫЙ, кириллический шрифт, под названием Evolve.


Думаю создатель вдохновлялся логотипом теслы) Шрифт очень нестандартный, поэтому советую его использовать только лишь в крупных заголовках. Желательно в одном слове


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


Скачать шрифт и лицензию

Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Шрифт Evolve. Дизайн, Шрифт, Photoshop, Web, Длиннопост, Презентация
Показать полностью 7

Не накосячь! 10 заповедей при подготовке файла на печать

FuriousFox в Графический и Веб-дизайн
Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

1. Формулировка заповедей носит шуточный характер и не имеет свой целью задеть чьи-либо чувства. 2. Ниже - рекомендации, а не постулаты. Я знаю, что ничего не знаю - девиз любого пытливого ума.



1 заповедь. Не ЭрДжиБи!

Печатают на бумажке. Смотрят на экране. Для печати нужно переводить цвета в схему CMYK. А для распространения по сети и просмотра вашей работы на экране  - в RGB.

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Фундаментально цветовые схемы отличаются тем, что CMYK учитывает, что незапечатанный фон - как минимум белый (бумага) и изображение на нем появляется с помощью красок (Cyan - голубая, Magenta - розовая, Yellow - желтая, Key color - чаще всего черный). А в RGB (Red - красный, Green - зеленый, Blue - голубой) изображение получается за счет света и условный фон - черный - свет же выключили, монитор не горит, экран не светится.

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Смесь RGB дает белый свет, а смесь красок CMYK - серо-коричневый (коричнево-черный).


Лайфхак №1: Перед началом работы с макетом спросите заказчика - зачем он ему. И заострите внимание на том, что это действительно важно.


Лайфхак №2: Из макета для печати проще сделать файл для просмотра на экранах. Мониторы намного терпимее, чем бумага, относятся к таким спорным вещам, как тени, прозрачности и сумма красок.



2 заповедь. Чти профиль цветовой, как родителей цвета на макете.

Цветовой ICC профиль  - файл, описывающий, как устройство вывода (принтер либо монитор) читает цвет. Если посмотреть на одно и то же изображение на 5 разных мониторах (PC, а не мак!) то цвета будут существенно различаться. Вот прям пипец как различаться. Не верите - затестите сами. Срабатывает эффект строительства Вавилонской башни. Видеокарта говорит по китайски, монитор на американском английском, операционка слышит невнятное бормотание и решает, что это иврит, а в итоге мы видим то, что мы видим=) Выход - Mac, калибровка монитора на PC или опыт сын ошибок трудных.


Подробнее о том, какой профиль использовать, смотрите в "заповеди" 4.

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

3 заповедь. Не пренебреги цветокоррекцией.

Вы помните, что печатаем мы с помощью 4х красок (CMYK)? Описываем (в дизайнерской программе) мы все цвета для печати тоже с помощью этих 4х красок. А точнее с помощью

100 млн вариантов смешивания этих красок. Но в теории цветов чуть больше, чем на практике. С момента С50 М50 Y25 С100 мы получим черную кляксу - глубокую черную кляксу =))) Поэтому стоит помнить, что чем бОльшим количеством красок вы опишите цвет, тем темнее он получится.

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Яркий красный (алый) это C0 M100 Y100 K0, бережно добавив голубой краски мы можем получить более глубокий красный, а черный использовать для создания контрастных областей, теней, контуров, или чтобы сделать цвет более "припыленным".

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

На экране, чем больше света (смеси каналов RGB) мы прибавляем, тем изображение ярче, на печати же - чистый цвет - дает смесь наименьшего количества красок. Это следует учитывать при подготовке к печати ярких макетов: мультяшек, реклам, цветокоррекции еды и кожи человека=)



4 заповедь. Да не размажется печать твоя. Сумма красок и плотность листа.

Бумага бывает разной плотности, чаще всего:

- писчая бумага из принтера имеет плотность от 70 г/м2

- листовки, флаеры и меню печатаются на бумаге 110-150 г/м2

- визитки, обложки, упаковка до 300 г/м2.

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Бумага с разной плотностью по-разному впитывает краску. Результаты на печати могут быль следующими - мало краски на плотной бумаге - бледный цвет. Много краски на тонкой бумаге - цвет просочится на обратную сторону листа, а если печать двусторонняя - все плохо=(


Глянцевая и матовая поверхности тоже ведут себя с краской по-разному. Капните чаем на стол, а затем и на лист бумаги - поймете о чем я говорю=)


Эту впитываемость нужно учитывать при подготовке файлов на печать. Иначе на выходе есть шанс получить косяк/баг/сбой/лажу.


Чаще всего сумма красок (сумма показателей CMYK) должна быть не больше 280-300% (реже 320).


То есть, если у вас С63 М90 Y85 С100=63+90+85+100=338, то велика вероятность брака на печати.

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Лайфхак:

Для офсетной печати

- по мелованой бумаге плотностью 100-150 г/м пользуйтесь профилем Coated FOGRA39 (ISO Coated v2)

- для бумаг плотностью до 100 г/м - профилем ISO Coated v2 300% (ECI)


Не используйте профили Euroscale Coated v2 (по некоторым данным он не соответствует реальному печатному процессу ни в одной типографии) и US Web Coated (SWOP) (он соответствует американским стандартам печати).

5 заповедь. Размер твой друг твой.

Всегда! Всегда выставляйте в редакторе, в котором вы работаете фактический размер бумажки, на которой ваше творение будет напечатано. Не знаете? Узнайте! Спросите заказчика, например. Если он не знает сам, придумайте вместе. Две головы, две мысли и две идеи чаще всего лучше одной неподтвержденной ничем гипотезы!



6 заповедь. Не забудь про вылет.

Вылет это спасительные 3-5 мм, которые нужно добавить к каждому краю макета, чтобы на этапе резки в типографии не отрезали самого важного. Резка в типографиях выглядит как то так:

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

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

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Каким бы восхитительным не было оборудование типографии, а 3-5мм по краям макета стоит прибавить. Вот как это выглядит.

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Берете фактический размер 90х50, и добавляете 4 раза (стороны же 4) по 3мм, получаете 96х56.



7 заповедь. Убери информацию свою от края подальше.

На рисунке к предыдущей заповеди вы увидите правильный совет. Отодвиньте еще на 2-5 мм от края всю основную информацию на макете (тексты, контакты, важную часть фото). Рука печатника дрогнет, машину коротнет, программа даст сбой = лажа на выходе.



8 заповедь. Чти разрешение.

- для промышленной печати все картинки должны быть 300 точек на дюйм(dpi),

- для бытового принтера сойдет 100-150 dpi,

- для широкоформатной печати, на которую зритель будет любоваться с расстояния минимум метр. а то и два 90-120 dpi

- для экранов 72 ppi - за глаза и за уши.


Лайфхак: Как узнать сколько dpi (на самом деле ppi) на картинке? Измеряете длину и ширину макета в сантиметрах, умножаете каждое значение на 118 (для 300 dpi) и получаете нужный размер в пикселях.

21 х 29,7 см = 2478 х 3505 пикс



9 заповедь. Клади главное наверх!

Об оверпринте. Объекты черного цвета стоит помещать наверх. Раньше это было непреложным правилом, сейчас - лучше уточнить у типографии. Зачем и почему нужно это делать? Посмотрите как схематично выглядит офсетная печать.

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

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Не попадает на доли милиметра и оставляет часть листа незапечатанной. Такое еще иногда случается.


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

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Подробнее можно почитать в статьях на сайтах типографий, например. Если пытливый ум жаждет бОльшего - ищите=)



10. Треппинг

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

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Делают вот так.

Не накосячь! 10 заповедей при подготовке файла на печать Дизайн, Печать, Процесс, Длиннопост, Видео

Это базовые правила. Как любые правила, их можно нарушать, с ними можно играться, если есть желание, свободное время и если ваш заказчик морально и материально готов к неожиданностям. Тут лучше спросить у него =)



Еще раз, кратко.

- Переводите из RGB в CMYK

- Не забывайте про цветовой профиль и сумму красок

- Не пренебрегайте цветокоррекцией

- Размер макета должен совпадать с размером бумаги, на котором макет напечатают

- Вылеты под обрез сохранят нервы и средства

- А отступ от края сохранит информацию от случайного обрезания=)

- Для красивых изображений на печати - помните о разрешении картинки

- Оверпринт и треппинг, если не знаете нужны ли они - спросите у типографии.


Есть еще много тонкостей вроде растрирования теней и прозрачностей, но простыня получилась итак не маленькой, пора заканчивать =)


Удачного тиража=)

Показать полностью 14 1

История одного лого. Будни дизайнера

AliceNoir в Графический и Веб-дизайн

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

История одного лого. Будни дизайнера Пыльный ковер, Выбивалка, Логотип, Дизайнер, Telegram, Креатив, Длиннопост
История одного лого. Будни дизайнера Пыльный ковер, Выбивалка, Логотип, Дизайнер, Telegram, Креатив, Длиннопост
История одного лого. Будни дизайнера Пыльный ковер, Выбивалка, Логотип, Дизайнер, Telegram, Креатив, Длиннопост
История одного лого. Будни дизайнера Пыльный ковер, Выбивалка, Логотип, Дизайнер, Telegram, Креатив, Длиннопост
История одного лого. Будни дизайнера Пыльный ковер, Выбивалка, Логотип, Дизайнер, Telegram, Креатив, Длиннопост
История одного лого. Будни дизайнера Пыльный ковер, Выбивалка, Логотип, Дизайнер, Telegram, Креатив, Длиннопост
История одного лого. Будни дизайнера Пыльный ковер, Выбивалка, Логотип, Дизайнер, Telegram, Креатив, Длиннопост
История одного лого. Будни дизайнера Пыльный ковер, Выбивалка, Логотип, Дизайнер, Telegram, Креатив, Длиннопост
Показать полностью 6

Размеры бумаги. Если есть А4, то есть ли B4?

FuriousFox в Графический и Веб-дизайн
Размеры бумаги. Если есть А4, то есть ли B4? Дизайн, Печать, Процесс, Длиннопост, Бумага

Нужно напечатать рекламу или буклет, обращаемся с этой нуждой в типографию или к дизайнеру. И получаем в ответ вопрос: «Какого формата будет реклама/буклет/книга?» 


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


Формат бумаги — стандартизованный размер бумажного листа.


Это формат А

Размеры бумаги. Если есть А4, то есть ли B4? Дизайн, Печать, Процесс, Длиннопост, Бумага

Его чаще всего используют для:


А0 и А1 — плакаты и постеры, чертежи.


А3 и А2 — газеты, постеры, диаграммы, чертежи.


А4 — журналы, каталоги, буклеты, меню, флаеры, листовки, тейбл-тенты в ресторанах и кафе, офисная бумага, документы, письма, бланки, расходные материалы для принтеров и копиров. Священный Грааль форматов бумаги, самый распространенный на сегодняшний день.


А5 — открытки, флаеры, листовки, тейбл-тенты в ресторанах и кафе, переносные версии журналов (согласитесь, такой формат легче поместится в сумке, чем А4), прайс-листов, буклетов, идентификационные карточки, записные книжки, блокноты, листовки, бланки.


Это формат В (все картинки должны были быть одинаковыми, но баянометр ругался)

Размеры бумаги. Если есть А4, то есть ли B4? Дизайн, Печать, Процесс, Длиннопост, Бумага

Его чаще всего используют для:


В5, В6 — книг, буклетов, брошюр и почтовых открыток. Форматы B чуть больше, чем А.


Это формат С

Размеры бумаги. Если есть А4, то есть ли B4? Дизайн, Печать, Процесс, Длиннопост, Бумага

Это формат для конвертов бумаги А4.


Немного особняком стоит формат «Евро» (евро-флаер, DL flyer). Это лист А4, сложенный в 3 раза. 99 мм х 210 мм.


Точнее — это конверт для листа А4, сложенного в 3 раза! Но мы уже привыкли называть так и сам формат бумаги, хотя конверт чуть-чуть больше.

Размеры бумаги. Если есть А4, то есть ли B4? Дизайн, Печать, Процесс, Длиннопост, Бумага
В СССР, кстати, самым распространенным размером конвертов был не DL, а C6. Потому у нас этот формат и зовется «евро», так как появился он после появления на нашем рынке западных компаний.
Размеры бумаги. Если есть А4, то есть ли B4? Дизайн, Печать, Процесс, Длиннопост, Бумага

Итак, существуют три серии форматов:


А — за основу принята площадь в 1 м² листа А0.


С — форматы конвертов для листов серии А (размеры больше форматов А примерно на 9%).


В — в основе этого формата длина в 1 м для ширины листа B0.


Все форматы бумаги записаны в ISO 216. Это международная рекомендация для облегчения жизни. Не догма. Поэтому, если вы изобретете какой-то нестандартный размер листа и решите напечатать свою рекламу на нем, никто не сожжет вас на костре. Скорее всего печать просто выйдет дороже.


Это стоит запомнить:


Длина листа А1 равна половине ширины листа А0.


Длина листа А1 равно половине ширины А2.


Длина листа А3 равна половине ширины А2.


Длина листа А4 равна половине ширины А3.


Длина листа А5 равна половине ширины А4.


Все форматы бумаги ISO имеют одно и то же отношение сторон, равное квадратному корню из 2. Преимущество использования этого соотношения для размеров бумажного листа было замечено в 1768 году немецким учёным Георгом Лихтенбергом. Благодаря этому же ученому мужу на батарейках нарисованы значки «+» и «-» , а не стоят надписи «стеклянная» и «гуттаперчевая» сторона батарейки (как было когда-то), или даже «янтарная» и «шерстяная».


Формат A4 — стандартный формат писем в 88 из 148 стран.


Идея Лихтенберга (человека с положительным зарядом) прижилась, и к 1975 году распространилась настолько, что была выпущена в виде стандарта ISO 216. Стандарт был принят всеми странами, за исключением Соединённых Штатов и Канады. Метрическая система мер не для них! А еще у Японцев форматы бумаги тоже немного отличаются от стандартов большинства стран.


И в рубрике "а вдруг пригодится" табличка с размерами сторон.

Размеры бумаги. Если есть А4, то есть ли B4? Дизайн, Печать, Процесс, Длиннопост, Бумага

P. S. Очень хочу сделать пост о культуре использования смайликов в переписке =) Если у кого-то из подписчиков и читателей, есть какая-либо информация (кроме ссылок на Ководство), или собственное мнение по этому вопросу, буду крайне признательна за любую инфу. По себе знаю, что члены сурового братства геймеров (особенно олдскульные и хардкорные) имеют что сказать по этому поводу. Милости прошу в комментарии!

Показать полностью 6
Отличная работа, все прочитано!