Вёрстка для дизайнера | Елена Осипова

Вёрстка для дизайнера | Елена Осипова

@layout_to_designer
Изображение канала: Вёрстка для дизайнера | Елена Осипова
2 523 подписчика
79 постов
Посты
Как готовить сложные градиенты в печать?
Всего 3 простых шага помогут тебе сдать в печать градиент и получить предсказуемый результат на печати. 1️⃣ Растрируем градиент. Это поможет избежать сюрпризов 2️⃣ Размываем немного растрированный градиент. Так мы убираем видимый «шаг» 3️⃣ Накладываем шум (зерно). Такой шаг позволит сделать печать наиболее близкой к утверждённому макету Забрать гайд «Готовим макет к печати за 10 шагов» можно в закрепе канала. Поставить лайк можно здесь ❤️
#кейсы
Что ж, наступил тот день, когда моя студентка сверстала не абстрактную учебную книгу или отпечатанную небольшим тиражом. Наталия сверстала книгу, которую сегодня может купить каждый. Но обо всём по порядку. Автор Лика Рамус шла к изданию книги год, при этом отметила: Как автор могу сказать, что самое простое — написать книгу)) Дальше были вёрстка, иллюстрации, работа редакторов и корректоров, дизайн обложки, а в финале — печать. Кстати, шрифты использованы платные, покупались в TypeType. Волновалась ли Наташа как человек, из всей команды больше всех ответственный не только за вёрстку, но и качественную допечатную подготовку? Особенно, если учесть, что тираж составил 2000 шт. Думаю, вопрос риторический. ☝🏻А вот на видео можно увидеть и услышать впечатления именно автора, которая получила книгу из типографии. Работа Наталии над первым изданием была благотворительной, но впереди серия. Эта книга — лишь первая в ней. И, знаете, я могу сколько угодно петь дифирамбы, а вы скажете, что это потому что она моя студентка. Но можно же почитать реальные отзывы покупателей книги (и даже купить её). Практически все отмечают и удобство чтения, и крупный шрифт, и качество оформления. Читала сегодня, и слёзы на глаза наворачивались — такая гордость за неё! Качество печати тоже отличное — автор сказала, что свой второй экземпляр книги даже не хотела отдавать! И я её понимаю: ламинация софт тач, выборочный лак — из рук выпустить нет сил. Сама вчера не могла оторваться. И надо отметить, что содержание книги тоже не подкачало — история нацелена на подростков, у которых бесконечно в руках живут гаджеты. Красочная фантазийная вселенная знакомит подростков с оборотной стороной гаджетов — реверсами — существами, превращающими всё хорошее во всё плохое. Если узнали в истории своего ребенка-подростка, можно смело брать книгу — будет полезно. Можно даже вовлечь детей в игру, придумать имя для персонажа из книги. Конкурс идёт до 9 мая на страничке автора в ВК. Ну а с вас огонёчки для Наташи — ей будет приятно! (мне тоже 😉)
#база
Нужны ли вылеты с 4 сторон? Если у вас многостраничная продукция (прямо реально очень много страниц — книга или журнал), то типография может отказаться принимать файл с вылетами с 4 сторон. «Это какой-то абсурд!» — можете сказать вы. Но на самом деле в типографии специалисты препресс из ваших файлов собирают другие макеты — спуски полос. Это такие конструкции, при которых страницы расположены так, как их надо печатать, чтобы потом можно было корректно собрать. Как это выглядит? Если вы возьмёте в руки газету объёмом 8 страниц, то обнаружите, что на одном бумажном листе расположены 1 и 8 страницы, а с оборота — 2 и 7. Понимаете? Не 1, 2, 3 и 4, а в той последовательности, в которой будет правильно собрано готовое изделие. И в таком случае типография вынуждена отрезать вылеты с одной стороны у 1 страницы и ещё с одной стороны — у 8. Это нужно, чтобы бесшовно соединить 2 страницы в единое печатное полотно. ❗️Важно понимать, что это всегда внутренние вылеты А когда страниц в издании много, типография малость задалбывается отрезать и соединять 😁 И именно по этой причине может просить вас присылать файлы с вылетами с 3 сторон вместо 4. Это — нормально. И вы легко можете вывести такой файл, если просто при выводе pdf отключите внутренние Bleed. Вам несложно, типографии приятно — всем выгода!
Изображение поста
Ну а я закрыла обещанный гештальт! В курс дописала (переписала и ещё дописала), смонтировала и выложила урок для совсем-совсем нулёвых в плане работы с пакетом Adobe дизайнеров. Если вы раньше не работали ни с иллюстратором, ни с фотошопом, и вам в этих программах непонятно примерно всё, то я дописала отдельный урок про создание, трансформацию, редактирование и в целом урок по работе с объектами. Прямоугольники, кружочки, звёзды — вот это вот всё.
Плюс немного поговорили про обтекание текстом. Показала, какие кнопки жать, единственное, что не успела, это сделать тайм-коды. Но это доделаю, вероятно, на выходных. И, разумеется, поскольку этот урок вводный, я его же добавила в демо-версию курса! Т.е. вы можете посмотреть его бес-плат-но. То есть даром. Для тех, кто уже работает в пакете Adobe, вряд ли будут новости, а вот для новичков знания пригодятся. Показываю в индизайне, но абсолютно та же логика в иллюстраторе. Даже панельки так же называются. Срочно идём тестить и ставить сердечки мне за труд ❤️‍🔥
Изображение поста
#кейсы
Сегодня хочу рассказать про мою студентку Татьяну, которая вчера получила сертификат об окончании обучения. Таня всего 1,5 года в дизайне, куда пришла из совершенно другой области. Поэтому у неё были сомнения, справится или нет? Справилась. За время прохождения она не стремилась поставить рекорд, училась спокойно, с августа прошлого года. В процессе обучения начала сотрудничать с научным издательством и вести периодический журнал 🔥 И вести, как вы понимаете, — это не читать по вечерам или писать туда статьи, а именно верстать его. Вот что пишет о Тане куратор (она училась на тарифе «Мастер»): Очень рад за Татьяну! В процессе обучения все мои комментарии учитывались и внимательно вносились исправления. В результате обучения был заметен профессиональный рост и в вёрстке, и в дизайне. Могу пожелать дальнейшей плодотворной работы, хорошей клиентуры и профессионального роста. Вот так вот, просто трудом и внимательностью студентка стала выпускницей и к тому же — сотрудницей издательства. И вы так можете тоже. Я дописала урок по оформлению текстов (как обещала в интенсиве), и теперь в курсе по прежней цене на один урок больше. И, вероятно, сегодня допишу ещё один. А у вас 3 дня на раздумья. 3 мая в полночь скидка на все тарифы сгорит. А пока... Пока можно пересмотреть записи обоих дней интенсива и ещё раз решить: вы пойдёте с нами или будете самостоятельно штурмовать неприступную крепость полиграфической вёрстки и допечатки? 😎
Изображение поста
Бодрого денёчка, товарищи!
На интенсиве рассказывала о том, что для совсем новичков, кто ещё не работал в программе Adobe InDesign, у меня есть демо-доступ к первому модулю курса «Вёрстка для дизайнера» совершенно бесплатно. Модуль полностью повторяет уроки платного курса, к тому же завтра я планирую туда дописать ещё один. Для тех, кто ещё никогда не работал и с другими программами Adobe. Для получения доступа требуется только регистрация на обучающей платформе. С момента регистрации у вас будет 30 дней на просмотр уроков. Уверена, это будет полезно и тем, кто делает свои первые шаги в дизайне, т.к. один из уроков объясняет правила хранения и систематизации файлов. А то знаю я вас... Понапишите в имени файла финалфинал.psd, и потом найти его не можете 😉 В общем, думать тут не над чем, идём учиться!
Изображение поста
Я прошу прощения, но меня триггерит. Яндекс Браузер обновился, и подкинул мне вот такой вот фон. Как говорится, контраст вышел из чата.
Я бы ещё поняла, если бы это был какой-то левый браузер, особенно если Edge. Но Яндекс? Магнитные бури или что?
Изображение поста
Последний шанс побывать со мной в прямом эфире и задать свои вопросы! Сегодня в 14:00 разбираем присланные макеты, сверяемся с теми ошибками, о которых я говорила в среду, делаем выводы.
Ссылка на эфир придёт в канал предзаписи. Проведём субботу с пользой!
Изображение поста
#полезности
Вы поставили свежий иллюстратор, а в нём нет библиотеки Pantone? Паника, стресс, и судорожный поиск решения! Кивни, если знакомо Вчера в чате канала обсуждали именно такую ситуацию, но без конкретики. Я решила эту конкретику внести. Для начала успокаиваемся, выдыхаем и забираем пошаговую инструкцию, что делать в такой ситуации. Нет, не надо переустанавливать иллюстратор, всё проще. 1. Скачиваем библиотеки на страничке. В пакете 4 файла — пантоны для мелованных, немелованных бумаг, металлизированные и пастельные/неоновые. 2. Заходим в иллюстратор и открываем окно Swatches (Образцы). Если что, это всё относится к цвету, так что ищем в Окне — Цвет. 3. В бургерном меню панели Swatches выбираем Open Swatch Library (Открыть библиотеку цвета). 4. Если там нет нужных библиотек, то наша задача — выбрать Other library (Другие библиотеки). 5. Показываете программе путь к тем библиотекам, которые сохранили в п. 1, и наслаждаетесь жизнью с пантонами. Уже уходите? А лайк? ❤️ ✅ Вёрстка для дизайнера | подписаться
Изображение поста
#видео
Как правильно переводить макет для печати в CMYK? Макет надо не переводить в CMYK, а создавать в нём! В этом случае вы будете видеть цвета в том виде, в котором они на самом деле напечатаются. Но если надо именно поменять цветовую модель, в видео показала, что делать в том случае, если известны требования типографии, и если ничего не понятно. Именно такие запросы чаще всего приходят мне, и именно поэтому этот момент мы будем отдельно обговаривать на интенсиве. Жду всех уже в эту среду, 23 апреля в 14-00. Кто не знал, забыл, проспал, просыпаемся и регистрируемся!
(крик души)
Сегодня из каждого утюга кричат о том, что научат работать в нейросетях, что это несложно, что даже енот/ёж/мышь могут научиться, и что дизайнеру без нейросетей не жить. Ну ок, допустим. Но что не так я сказала фрипику, если на запрос [персонаж] сидит на полу, закрыв лицо руками мне сгенерировали вот это? ☝🏻☝🏻☝🏻 Напишите, пользуетесь нейросетями в своей работе? Устраивает вас результат? Или нам всем пора идти на курсы по нейродизайну? 😆
Изображение поста
Для меня моя работа — это моя отдушина. Тот случай, когда хлеба не надо, работу давай 😁
Именно результаты, которые я могу осязать, вдохновляют меня двигаться дальше. ❤️ Подержать в руках с деланный по твоему макету буклет ❤️ Вдохнуть запах типографской краски от свежего тиража ❤️ Провести руками по шершавым страницам книги И, конечно, получить восторженные отзывы клиентов. Именно в такие моменты понимаешь, что ты на своём месте. Ты делаешь нужное дело. По мере сил. И всё не напрасно. А что вдохновляет в вашей работе вас?
Изображение поста
Ну и ещё немного тепла под вечер. Сегодня у меня плюс одна выпускница. Ещё один сертификат подтвердил знания. А на скрине отзыв Даши. Кстати, она участвовала в челлендже по вёрстке книги. Так что у неё теперь есть не только теоретические, но и сугубо практические навыки. Накидайте Даше огонечков, уверена, ей будет приятно ❤️
Изображение поста
Коротко о том, как ваш RGB превратится на печати в CMYK 😂
P.S. Взято с просторов тырнета
В чате канала прилетел вот такой вопрос, и я, конечно, не могу пройти мимо. Оставим за скобками этику авторов курса, которые учат дизайну, но не говорят о его дальнейшей жизнеспособности, сейчас наша задача помочь Даше.
Ну и давайте, гулять так гулять, поможем сразу всем новичкам, у кого есть такая же проблема: Научили делать в фигме, а что дальше делать с макетом — не сказали! Во-первых, всех без исключения дизайнеров, у кого есть такие вопросы, приглашаю на свой бесплатный практический интенсив 23 апреля в 14-00. Мы там будем говорить в первую очередь о 10 критических ошибках в вёрстке, которые убивают ваши макеты. Но, конечно, я не обойду вниманием допечатную подготовку. Потому что вёрстка в отрыве от допечатки не живёт. ❓Почему 10 критических ошибок? Потому что именно столько стандартных, я бы даже сказала, шаблонных проблем я наблюдаю у дизайнеров едва ли не поголовно. Вы можете прийти на интенсив даже просто для того, чтобы убедиться, что ваши макеты вне зоны риска 😎 ❗️Если вам интересна и актуальна эта тема (спойлер — актуальна всем дизам), переходите в канал предзаписи, там вас сразу будет ждать подарок — памятка «Путь к уверенной и профессиональной вёрстке». В этой памятке есть часть ответов на вопросы Даши. К примеру, разбор трёх самых популярных программ с точки зрения их функционала. В целом памятка — это тот путь, который должен пройти дизайнер, чтобы стать профессионалом. Так что забирайте и применяйте!* Кроме того, при переходе в канал предзаписи бот вас зарегистрирует на предстоящий интенсив, и вы точно не пропустите живой эфир со мной, на котором я отвечу на вопросы тех, кто будет онлайн. Практика прошлых эфиров показывает, что я отвечаю на все вопросы, а не только на «удобные». Поэтому регистрируйтесь, приходите и да пребудет с нами сила допечатной подготовки 😁 P.S. В памятке нет вообще никакой рекламы платных курсов. Никаких. Даже моих. Это только путь. Где учиться навыкам — решает только сам дизайнер
Изображение поста
А я вам под занавес дня свежие эмоции своих студентов покажу. Тут вам не здесь! В индизайне всё на стилях работает чётко. Поменял в одной настройке — поменялось во всём документе. И никаких вам сложных многоходовок 😉
Изображение поста
#анонс
☝🏻Урок по разработке визиток на прошлой неделе вышел в донатах. Как водится, я НЕ рассказывала, как создать артборд в иллюстраторе и в какой палитре меняется цвет текста. Вместо этого мы обсудили 4 важных блока. 1️⃣ Базовые технические требования к макету 2️⃣ Особенности по дизайну, которые стоит учитывать при разработке макета. Конечно, с объяснениями, почему я не советую что-то делать 3️⃣ Технические нюансы при разработке макета (минимальный кегль, иерархия размеров и т.д.) 4️⃣ Ваше любимое — рекомендации, как сделать визитки дорого-богато, если бюджет клиента — одна ветка 😉 К видео традиционно прилагается памятка, чтобы можно было легко освежить знания в голове. И это, я считаю, самая полезная инструкция по созданию визиток. Уж во всяком случае лучше и честнее тех, где рекомендуется делать макеты в фигме 😄 А 10 апреля я буду разыгрывать среди донов урок по типографике из «Допечатки для чайников»! Если вы хотели прокачаться в этом вопросе, но цена кусалась, стоимость шанса на выигрыш — 490 руб. Как лотерейный билет, но с гарантированным доступом ко всем тем материалам, которые уже есть в донатах. Сейчас уже выложены: ✅ уроки по открыткам, листовкам, визиткам; ✅ разборы работ участников; ✅ памятка в картинках, по какому принципу подбирать шрифтовые пары. Именно по причине того, что в сообществе копится большое количество полезных материалов, с 1 мая будет повышение цены на вход с 490 до 690 руб. Но для тех, кто успеет подключиться до конца апреля, стоимость останется неизменной на всё время подписки! Ну и 18 апреля будет разбор макетов. Сомневаешься? Присылай! В прямом эфире подсвечу все ошибки и нюансы. В общем, кто с нами, тот молодец 😘
Изображение поста
«Я пройду курс по допечатке и сразу стану уверенной в своих макетах!»
У меня плохие новости — это не совсем так работает. Ну а что вы думали? Ни одно обучение так не работает. ❓А как работает? Давайте вспомним себя в школе. Вы выучили стихотворение, повторили его примерно три миллиона раз, даже сидя утром в туалете, и... вам же всё равно страшно, что вызовут к доске и вы обязательно что-то забудете? Страшно Вы учили билеты к экзамену (в школе, вузе или даже ГИБДД), повторили всё примерно три миллиона раз, даже... Ну понятно, да? И вам опять страшно А когда перестаёт быть страшно? Когда вы сдали. Когда вы вышли к доске, не споткнулись, отбарабанили «Медного всадника», ничего не забыли (хотя ладошки вспотели и вы тайком вытирали их об одежду)... Когда вы на экзамене вытащили билет, который знали (ну и что, что знали их все?), написали ответ и раскрыли тему. Получили свою пятёрку (да даже если четвёрку!) и вышли из аудитории. Вот после этого у вас начинается этап ощущения своего всемогущества! Когда практика подтвердила ваши теоретические знания, вот тогда вы понимаете, что вы действительно ЗНАЕТЕ. Учитель вас похвалил. А в случае с обучением допечатке — типография приняла макет. Без правок. Без возражений. И даже без мата. И всё же, возвращаясь к вопросу. После этого-то появится уверенность в своих макетах? Не сразу. Но теперь у вас за спиной будет и положительный опыт, и, что самое важное, вы точно будете знать, где искать ответ на вопрос, который может задать типография. ❗️Магии не будет. Но с каждым следующим сданным макетом вы будете понимать, что ваш успех закономерен, а не случаен. P.S. А завтра расскажу, что на днях очень сильно пошатнуло уверенность моей студентки, и что из этого вышло. Не переключайтесь 😉
Изображение поста
Создаём адаптивный дизайн в иллюстраторе by fankin.school
В этом видео автор покажет вам простой способ создания элемента, у которого при изменении размера будет меняться количество дырочек на контуре. #illustrator #туториал
#кейсы
Бодрого денёчка, товарищи! Врываюсь с ещё одной книгой моей студентки. Всё же именно к книгам у меня не ровно душа лежит 😊 Маруся активно осваивает индизайн, это новая для неё программа. Конкретно этот заказ прилетел ей из фигмы 🙈 Собственно, вот что она сама пишет: Лена, привет! Скидываю небольшое видео (к сожалению, они не сняли книгу полностью), фото книги, которую я первый раз сверстала в индизайне. Основная работа пришлась на обработку фото (которые они сами пытались вырезать и улучшить нейросетью, с печальным результатом), но часть фото осталась, к сожалению, изначальное. Использовала и сетку, и очень помогли мастер-страницы и прямая связь для редактирования картинок в фотошопе, также применила стили абзаца и конвертировала в пдф по урокам, у типографии вопросов не возникло, всё сразу приняли. Поэтому я довольна — основное, что сделано всё в новой для меня программе, всё получилось в нужных клиенту цветах и в стилистике, которую они хотели. Прошлую они печатали, как поняла, пнг с фигмы, поэтому сейчас счастливы по уши Мы с ней ещё немного разобрали работу с текстами, но уже «после драки», так сказать, на перспективу. И теперь у Маруси уже гораздо больше уверенности в своих силах, ведь первый тираж — он страшный самый. А первый, но с первого раза принятый — вдвойне приятный! Посмотрите, какая книга красивая получилась. Не пожалейте сердечка ❤️ Хотите также?