2238
…про искусство цифрового дизайна. обсудить: @oleggovoritchat поддержать: bit.ly/olegtacos слушать: oleggovorit.com
Постепенно мы подошли к весьма щепетильной теме: немалое количество скептиков и "экспертов" заявляет, что вектора нет в фотошопе и быть не может. Мы не будем спорить, а познакомимся с #фигура'ми.
Основное преимущество использования фигур, вместо закрашенных областей на слоях - возможность масштабировать в дальнейшем без потери качества. Создание фигуры может происходить двумя путями: использование готовых блоков (вроде прямоугольника, круга или пр.) и инструмент "Pen" (Перо).
Инструмент Pen имеет немалое количество особенностей, предлагаем нетерпеливым ознакомиться в официальной справке: http://bit.ly/helppen , пока мы готовим материал.
#справка #инструменты
Скрин, который вызвал дикий ажиотаж: звонилка в ТГ. Люди начинают массово писать, что это они сделали фейк. А мы что - давайте предложим свои решения интерфейса?
Присылайте @ogorlachov или @chatps
Форматирование #текст'а:
A. Гарнитура (шрифт)
Б. Кегль (размер)
В. Масштаб по вертикали
Г. Задание «цумэ» (для азиатских текстов)
Д. Трекинг (расстояние между буквами)
Е. Смещение базовой линии
Ж. Язык
З. Начертание (подвид шрифта)
И. Интерлиньяж (расстояние между строками)
К. Масштаб по горизонтали
Л. Кернинг (расстояние между знаками в определенных парах)
Так выглядит панель "Character" (Символ): http://bit.ly/formatcharacter
Чтобы начать работать с #3D, необходимо иметь на руках модель. Предлагаем скачать уже имеющуюся модель вертолета по ссылке: https://cloud.mail.ru/public/7Ygk/xmtta5RGR Ссылка на папку, может быть в перспективе соберем свою 3D-коллекцию.
Начнем с того, что сделаем первые шаги и немного "шокируемся" новым интерфейсом. Перетащите файл 3ds в окно фотошопа, откроется меню импорта. Оставьте все как есть, единственное что может пригодиться - настройка полотна, рекомендую 1200х450px (удобно будет работать с данной моделью).
😮 Рабочая среда автоматически изменится на режим 3D, появятся пространственные сетки и другие элементэ интерфейса. Не пугайтесь, откройте панель "Layers" (Слои), создайте новый слой и перейдите на него. Все странное исчезнет и будет уже более привычный фотошоп. Для того, чтобы вернуться к редактированию модели - выберите вновь 3D-слой.
По окончанию верните основную рабочую среду, нажав на кнопку в верхнем правом углу экрана и выбрав нужное.
👍🏻 Поздравляем - для кого-то это первый опыт работы с 3D в общем! Но сегодня будет еще один сюрприз: открывается чат для канала, где мы сможем обсуждать все каверзные моменты. Как вы понимаете, у людей в чате всегда будет преимущество, потому что смогут задать вопрос и получить ответ. @chatps
В рубрику #лайфхак грех не поместить канал @LifeHack.
Как вы думаете, что это?
/channel/LifeHack/1682
🎭 Обтравочная маска. Термин имеет очень грозное название, но по факту - самая простая маска, которая позволит в один клик поместить изображение в желаемую фигуру / область.
Заранее подготовьте фигуру / область. Это может быть что угодно: слой, группа, текст, другое изображение. Расположите исходник над фигурой. Нажмите и удерживайте клавишу Alt, затем наведите на линию между двумя слоями на палитре «Слои». При этом курсор станет стрелочкой. Кликните мышь - готово.
Теперь нет необходимости удалять "лишнее" из фото, чтобы вписать в круг. Достаточно нарисовать круг и наложить фотографию обтравочной маской.
#инструменты
http://bit.ly/iconlandscape - как вам такой эффект из небольшого коллажа? На практике нередко встречаются инфографики визуализированные именно таким путём. К тому же, неплохой план Б при сдаче проекта, который горит 🚒
Ссылка на урок: http://bit.ly/lessoniconlandscape
#уроки
Полезная информация от канала @tech_talks.
🖥 «Яндекс» запустил три бесплатных видеокурса для дизайнеров и разработчиков мобильных приложений. Первые лекции по Дизайну уже опубликованы
https://www.youtube.com/playlist?list=PLLkvpHo_HuBPmL0SFkxBAEaV7pvL9mMth
Форматирование абзацев. Так выглядит панель: http://bit.ly/textpanel Обратите внимание на возможности - ваши тексты могут выглядеть как в глянцевых журналах 😏
A. Выравнивание и выключка
B. Отступ слева
C. Отступ слева первой строки
D. Отбивка перед абзацем
E. Расстановка переносов
F. Отступ справа
G. Отбивка после абзаца
#справка
Продолжаем тему #экшн'ов. Пример рассматривали на Sanstorm'e, добавили еще Dispersion (Частицы) и Fury (Злостный эффект). Скачать экшны можно по ссылке: https://cloud.mail.ru/public/MuBt/n8dY8R5SV
Читать полностью…
🚠 Как получить натуральную и динамическую фотографию? Применить #фильтры размытия.
Фотошоп имеет в своем арсенале несколько типов, сегодня рассмотрим Размытие вращения. Данный эффект отлично применять на автомобильных дисках: http://bit.ly/dynamicwheel
С чего начать: выберите Фильтр > Галерея размытия > Размытие вращения. Переместите на нужный участок фотографии и задайте необходимые параметры. Подробную теорию по обычаю предлагаем изучить в официальной #справка от Adobe http://bit.ly/spinblur
▶️ Практический урок от признанного эксперта в Ps Джулиан Кост на #en: https://youtu.be/_VQ0IfiofVs
#️⃣ Система тегирования отлично работает как база знаний. Выберите, какой раздел вы бы хотели обновить в памяти:
#справка
#лайфхак
#настройки
#инструменты
#полезности
#en
#уроки
#экшн
Немного #лайфхак'ов с масштабированием:
- Ctrl+0 развернет полотно на весь экран.
- Ctrl+1 сделает масштаб 100%.
- Если у вас ФШ определил видеокарту, то выбрав инструмент Zoom зажмите левую клавишу мыши и масштабируйте изображение перемещением курсора по вертикали.
http://bit.ly/zoompicture
Ваш опыт со Sketch:
😕 - что это?
🎨 - основной мой инструмент
🎭 - использую одновременно Sketch и Photoshop
Несколько #лайфхак'ов-советов:
- не работайте в одном слое, чем на больше кусочков подробите макет - тем проще будет дальнейшее редактирование;
- используйте #маски вместо удаления, о них мы еще напишем;
- почаще нажимайте Ctrl+S (сохранение) - перестраховка лишней не бывает;
- пытайтесь поддерживать чистоту и порядок в слоях, иначе очень быстро запутаетесь.
☝🏻️И небольшая заметочка, присланная подписчиком: Photoshop не является основным инструментом для работы с большими объемами текстов и верстки журналов. Для этого лучше использовать InDesign или Illustrator.
Читать полностью…
Первое наследие @chatps - очень годная рекомендация книги по цветокоррекции в Photoshop:
Дэн Маргулис. Photoshop для профессионалов. Классическое руководство по цветокоррекции
Обложка книги: http://bit.ly/denmarguliscolor
Скачать книгу: https://cloud.mail.ru/public/8AxL/CquLB3CTo
Сегодня сделаем важный шаг вперед - у нас появляется рубрика #3D! Вечером перые азы в этом направлении, не пропустите.
Читать полностью…
Мы рассматривали уже как создать размытие вращения, чтобы достичь эффекта колеса в движении. Принцип работы интуитивен, поэтому сегодня ознакомимся с полным арсеналом эффектов в галереи размытия.
🔹 Размытие по полю. Позволяет установить несколько точек размытия.
🔹 Размытие по диафрагме. Имитация съемки с малой глубиной резкости. Чем-то напоминает фильтр размытия из Instagram.
🔹 Сдвиг-наклон. Данный эффект определяет участок высокой резкости, снижающейся к краям заданной области. С помощью эффекта «Наклон-смещение» можно имитировать фотографии миниатюрных объектов.
🔹 Размытие контура. Вся сущность эффекта в его названии. Задаете контур, по которому хотите получить размытое изображение.
🔹 Размытие вращения. Пост с подробностями: /channel/pstips/49
#справка #фильтры
Кто мы все? Правильно, digital-персоны, покоряющие мир своими фантазиями. Но фантазиями одними не обжиться, приходится продавать свои услуги или устраиваться на работу. Если вы новичок без особого опыта - то в помощь вам резюме.
7 правил от канала @checkroi, которые помогут новичкам при составлении резюме:
- Прикрепите фотографию. Можно хоть с паспорта - главное, что она есть.
- Укажите контактные данные и будьте всегда на связи.
- Обязательно укажите должность, на которую вы претендуете. Забавно, но факт, что если вы сами не определились, то за вас никто решать не будет.
- Укажите образование и курсы. Чем больше вы уделяете времени учебе, тем привлекательнее вы на взгляд HR.
- Указывайте только соответствующий вакансии опыт. Если вы идете на стажера-дизайнера, то вряд ли понадобится заниматься сварочными работами.
- Рекомендации других людей (преподавателей или руководителей образовательных курсов) создадут о вас положительное впечатление
- Поскольку опыта работы у вас нет, то укажите личные качества. Порой только на их основании можно сделать правильный выбор.
И не забывайте, что в вашем распоряжинии мощнейший инструмент для визуализации резюме. Не обязательно писать в Word'e, покажите себя во всей красе. Можно и #экшн применить крутецкий 😏
/channel/checkroi/66
🔗 Вместо группировки в группы (папки) можно также связать объекты. Стоит ли это использовать?
Скорее нет. Связанные слои могут находиться в разных местах со временем, что крайне неудобно в использовании: постоянно приходится "вычислять" кто с чем связан. При этом, если парных связей несколько - то это никак не показывается.
Лучше использовать группировку элементов, что покажет наглядную связь и предоставит большее количество манипуляций за счет свойств у группы.
#инструменты
В тему предыдущего поста - об удобстве разработки интерфейсов с помощью Ps. В версии CC 2015.1 (от 30 ноября) появились дополнительные возможности, которые явно заточены для UX/UI мастеров:
- монтажные области (теперь вся работа может вестись в одном файле)
- дизайн-пространство (этому пункту мы уделим полноценный пост)
- доработанный экспорт под разные задачи
- предварителньый просмотр на iOs
Adobe следит за движением ниши и реагирует мгновенно, что весьма радует. http://bit.ly/designspaceps
🇺🇸 О важности использования английской версии фотошоп мы говорили не раз. Но как быть тем, кто плохо владеет #en?
Небольшой #лайфхак:
открываем сайт http://photoshoplessons.ru/perevod, нажимаем Ctrl+F (поиск по сайту) и вводим слово, перевод которого необходим. Дополнительное удобство этого сайта, что каждый переведенный пункт кликабелен и сопровождается скриншотом.
Опрос показал, что о наличии инструмента как #sketch знают далеко не все. Поэтому небольшой ликбез.
💎 Sketch это хороший инструмент, который зарекомендовал себя среди разработчиков интерфейсов. В него заложено два базиса - простота и легкость использования. Доступен только на MacOS системах и всего лишь за 99$ (платите один раз за лицензию).
Чем он лучше Photoshop? Скажем так- эти два приложения концептуально разные. Об этом мы напишем отдельный пост (уж слишком обширна тема).
Интерфейс приложения Sketch: http://bit.ly/sketchface
При работе с кривыми важно умение раставления опорных точек и направляющих. Несколько ресурсов, которые помогут вам в этом.
Изображение к сервису ниже: http://bit.ly/shapemethod
Сервис, где можете потренироваться и наглядно увидеть процент вашей точности: http://shape.method.ac/
Неплохое видео с Prosmotr'a (дизайнерская конфа), видео долговатое, но материал того стоит: https://youtu.be/F1tl-Ml7k10?list=PLdzzvGjiufr76X1l3ohTapj6c2Tsuh2Wn
#уроки #лайфхак
📝 Наш канал призван упростить работу с повседневным инструментом большого количества людей. В частности, последнее время ключевой аудиторией являются маркетологи и люди связанные так или иначе с продажами.
Photoshop обладает необузданной мощью, что делает его многофункциональным. Но при этом, для только начинающих свой путь фотошоперов, оказывается сложным в изучении и отнимающим много времени. Годный сервис Canva позволит быстро и аккуратно создать баннер для постинга в соц. сети или полиграфическую продукцию.
Лайфхаком заделился автор качественного канала посвященный рекламе: /channel/imarketingua
При работе с пером и векторными фигурами в Ps нередко встречается такое, что фигура начинает после сохранения иметь несколько "размытый" вид. Для решения этой проблемы идем в #настройки. Мастхев для всех фотошоповедов.
Нас интересует параметр Snap Vector Tools and Transforms to Pixel Grid (Привязать векторные инструменты к пиксельной сетке). В зависимости от версии параметр либо во вкладке General (Основные) либо в Tools. Делаем пункт активным и радуемся четким фигурам на выходе 🤒
Когда в рабочем файле большое количество слоев, порой сложно найти необходимый. Что ж, давайте оптимизируем процесс.
В верхней части панели «Слои» доступны параметры фильтрации. Можно вывести на экран подмножество слоев на основе имени, типа, эффекта, режима, атрибута или метки цвета.
http://bit.ly/filterlayers #полезности #лайфхак
Вот и готова серия материала об экшнах. Важно! Прежде, чем начать использовать предложенный далее #экшн, проверьте, что у вас английская версия фотошоп. Теперь пошагово:
1⃣ Скачайте файл самого экшна: https://cloud.mail.ru/public/27xd/oMk8TL9SM , сегодня будем работать с SandStorm.
2⃣ Открыв ФШ зайдите во вкладку Window (Окна) и выберите Actions (Операции), появится необходимая панель.
3⃣ Перетащите загруженный файл экшна в окно программы, прямо на панель Операции. Вы заметите как добавится несколько папок.
4⃣ Теперь читаем внимательно ☝🏻️Открываем нашу фотографию для обработки, проверяем, чтобы изображение было слоем "Background" с замочком. Если нет, то идем во вкладку Layer (Слои) > New (Новый) > Layer from background (Слой из заднего плана). Далее создайте новый слой и назовите "brush". Теперь возьмите Brush (Кисть) любого цвета и зарисуйте области, которые хотите превратить в песок.
5⃣ Все готово, делаем активным слой "brush", выбираем направление в панели экшна, куда будет идти "песок" и нажимаем значок запуска экшна. В зависимости от размера фото, обработка займет от 2 до 5 минут.
Если у вас возникнут вопросы или какие-либо трудности, пишите в ЛС 😉