Как сделать логотип по эскизу
как я делал логотип по эскизу, вдруг кому интересно, все добра)
как я делал логотип по эскизу, вдруг кому интересно, все добра)
Всем привет! Увидел я тут давеча в одном паблике картинку:
И возникла у меня мысль - а можно ли сделать такую заставку у Фотошопа?
И ответ - таки да! Splash screen, а именно так эта хрень называется, меняется двумя способами в зависимости от версии Photoshop'а. Сразу скажу, что без посторонних программ тут не обойтись, так что заморочиться придётся.
1. Если у вас Photoshop CC (как у меня).
Нужная картинка-подложка хранится в папке Resources - там три файла для разных размеров экрана. Как расковырять эти файлы, я нашёл здесь https://www.youtube.com/watch?v=cHkeFfzyw_o, а именно: понадобится скачать этот архив (1.2 Мб).
Распаковав его куда вам удобно, берёте вышеупомянутую папку Resources и копируете (не забываем сделать резервную копию!) в эту папку. Запускаете файлик Extract, он создаст папку Work, в ней папки High и Low - и вот уже в них будут всякие картинки, в том числе разные варианты сплешскрина (да, их несколько). Лично у меня была версия с такой заставкой:
P.S. Ещё можно не скачивать всяких подозрительных программ и воспользоваться вот этим сайтом, но я его не испытывал.
Опытным путём я выяснил, что для заставки используется изображение Splash1080Background_s0 (в вашем случае может использоваться другое) из папки Low (ширина экрана на моём ноуте - 1366px).
Рисуем себе новый сплешскрин, не забывая, что поверх этого изображения будет накладываться текст об авторах и процесс загрузки ресурсов, так что надо оставить под них место, и сохраняем в формате png:
Заменяем соответствующую картинку (ещё раз напоминаю про резервные копии) и запускаем файл Pack, который соберёт эту кучу обратно - в той же папке Work появится папка Resources, которой мы заменяем оригинальную из корня Photoshop. PROFIT
2. Если у вам более старая версии.
Сразу оговорю, что, поскольку у меня Photoshop CC, я этот вариант не проверял и мог что-то упустить. Видео с процессом (на англ.) - https://youtu.be/IxZYlhE-ZxY?t=4m4s.
Подложка хранится в файле PSArt.dll в корневой папке фотошопа (не забудьте сделать резервную копию). Чтобы открыть его, понадобится программа Resource Hacker (2.7 Мб, скачивать тут) или её аналог (распаковщиков dll довольно много).
В общем, открываете внутренности PSArt.dll и в разделе PNGF находите раздел SPLASHARTBACKGROUND.PNG, вот в нём и будет лежать оригинал, у автора видео изображение обозначено как 1033, у вас может быть быть другое число. Кликаете правой кнопкой на ней и выбираете Replace Resource, выбираете вашу новую подложку (разумеется, соответствующего размера) и задаёте:
Type: PNGF
Name: SPLASHARTBACKGROUND.PNG
language: то число, которым обозначен оригинал, у автора видео это 1033.
Жмакаете Replace и сохраняете проект. PROFIT
Прикрепляю так же заготовку в .psd с разными картинками (осторожно, 27 мегабайт).
В этом уроке мы научимся создавать меню, написанное на доске мелом в Adobe Illustrator. Мы будем использовать базовые инструменты программы, а также эффекты. Это простая техника, которая дает весьма симпатичные результаты. Усвоив ее вы сможете создать любой дизайн в похожем стиле. А выполнение урока наверняка принесет вам массу удовольствия! Особенно часть с рисованием мелками.
Шаг 1
Создайте новый документ размером 600x600px и в цветовом режиме (Color Mode) CMYK.
Создайте прямоугольник при помощи инструмента Rectangle/Прямоугольник (M). Залейте его любым цветом.
Дублируйте его и на время забудьте о копии, мы вернемся к ней позже.
В меню выберите Effect > Stylize > Drop shadow (Эффект>Стилизация>Тень) и укажите следующие параметры:
Шаг 2
Поместите в документ текстуру дерева, которую можно скачать здесь. Возьмите копию прямоугольника, который мы создали в предыдущем шаге и поместите его над текстурой. Выделите текстуру и прямоугольник и в меню выберите Objects > Clipping Mask > Make(Объект>Обтравочная маска>Создать).
Вот что должно получиться:
Копируйте (Ctrl/Cmd + C) текстуру дерева и вставьте ее на передний план (Ctrl/Cmd + F). Укажите ей режим наложения Multiply/Умножение.
Шаг 3
Создайте новый прямоугольник цвета #2A2A2A. Дублируйте его и на время забудьте о копии.
Укажите прямоугольнику обводку толщиной в 3,5pt и укажите обводке градиент как показано ниже.
Не снимая выделения с объекта, выберите в меню Effect > Stylize > Inner Glow(Эффект>Стилизация>Внутреннее свечение) и настройте эффект как показано ниже.
Выделите копию прямоугольника, разместите ее на переднем плане, затем в меню выберите Effect > Artistic > Rough Pastel(Эффект>Имитация>Пастель). Настройте эффект следующим образом:
Укажите прямоугольнику с текстурой режим наложения Soft light/Мягкий свет и Opacity/Непрозрачность в 30%. Затем в меню выберите Effect > Stylize > Inner Glow(Эффект>Стилизация>Внутреннее свечение) и укажите настройки как показано ниже:
Шаг 4
Возьмите инструмент Paintbrush/Кисть (B) и нарисуйте произвольные линии на доске, как показано ниже. Выделите все штрихи, выберите в меню Brush Library > Artistic > Artistic_Watercolor(Галерея кистей>Имитация>Акварель), и примените кисть Watercolor Stroke 6.
Укажите кисти толщину в 1pt и Opacity/Непрозрачность в 2%.
Шаг 5
В этом шаге мы создадим текст. В примере использован шрифт «Myriad Pro» для слова «Menu». Укажите тексту цвет заливки #FFFFFF и толщину обводки в 1pt.
Откройте галерею кистей Artistic_ChalkcharcoalPencil (Уголь и мел) и примените к обводке кисть Pencil – Feather, убрав Opacity/Непрозрачность до 80%.
Копируйте (Ctrl/Cmd + C) слово «Menu» и вставьте копию на задний план (Ctrl/Cmd + B). Укажите тексту цвет #000000 и чуть сместите его вправо.
Повторите предыдущий шаг для слова «Healthy food», только на этот раз выберите кисть «Pencil».
Копируйте (Ctrl/Cmd + C) слова «Healthy food» и вставьте их на задний план (Ctrl/Cmd + B). Укажите тексту цвет #00ADEF и чуть сместите его вправо.
Возьмите инструмент Star/Звезда и нарисуйте три звездочки. Затем инструментом Pen/Перо (P) нарисуйте две линии.
Укажите обводке линий и звезд цвет #FFFFFF и примените к обводке кисть «Pencil – Thick».
Шаг 6
Инструментом Rectangle/Прямоугольник (M) создайте прямоугольник, а инструментом Ellipse/Эллипс (L) — четыре круга по его углам, как показано на картинке ниже.
Выделите прямоугольник и четыре круга и в меню выберите Windows > Pathfinder > Minus Front(Окно>Обработка контура>Минус Верхний).
Укажите получившейся фигуре отсутствие заливки и обводку цвета #FFFFFF. Примените к обводке кисть «Pencil – Feather» и снизьте Opacity/Непрозрачность до 50%. Дублируйте фигуру и уменьшите копию. Должно получиться как на картинке ниже:
Возьмите инструмент Pen/Перо (P) чтобы создать линии как показано ниже.
Укажите им обводку цвета #FFFFFF и примените кисть «Pencil – Feather». Дублируйте это солнышко и разместите копии по всем углам доски.
Шаг 7
В этом шаге мы будем рисовать фрукты и овощи. Это просто. Возьмите инструмент Brush/Кисть (B) и рисуйте в простом схематичном стиле. Раскрашивайте овощи и фрукты при помощи цветов обводки, но не заливки. Используйте кисть «Pencil – Thickfor». Вот что примерно должно у вас получиться:
Разместите фрукты и овощи на доске.
Шаг 7
Теперь продолжим, используя шрифт «Myriad Pro», чтобы создать пунктирную линию и указать цены.
Укажите обводке текста цвет #FFFFFF толщиной в 0.25pt и примените кисть «Pencil».
Шаг 8
Возьмите инструмент Rounded rectangle/Прямоугольник со скругленными углами, чтобы нарисовать мел. Залейте его градиентом, указанным ниже.
Не снимая выделения с мела, выберите в меню Effect > Stylize > Drop shadow(Эффект>Стилизация>Тень) и введите следующие параметры:
Шаг 9
Теперь создадим фон. Инструментом Rectangle/Прямоугольник (M) кликните где-нибудь в рабочей области и в появившемся окне введите желаемый размер фигуры: 600 x 600 px.
В палитре Swatches/Образцы найдите Open Swatches Library > Gradients > Skintones(Открыть галерею образцов>Градиенты>Оттенки кожи). Выберите «Skintone 11» и залейте им прямоугольник. Пошлите прямоугольник на задний план.
Результат превосходит себя:
По многочисленным просьбам (На самом деле ни одной не было) сделал небольшой урок по рисованию незамысловатого автомобильчика (На самом деле тут только кусок, ибо не знаю зайдет-ли это дело аудитории Пикабу). Тут я покажу и объясню (На сколько позволит мой скилл учителя) суть и соль.
Скажу сразу - рисую не супервундервафлю, ибо сложные формы для начинающих пикассо это дзен до которого переть и переть.
Начал с наброска морды (Фары и прочее).
Тремя красными стрелочками слева обозначил линии которые в последующем задали перспективу. Некоторые зададут резонны вопрос "Где горизонт падла?" Могу ответить так - ЛИЧНО Я рисуя "одинокий" объект не заморачиваюсь на этот счет и задаю перспективу на объекте (Те самые стрелочки по борту машины). Линия на капоте это ось симметрии на которую мы будем поглядывать вырисовывая левую от нас часть автомобильчика.
Картинка выше показывает форму которую я представил для "бочины" нашего "понтореза".
Уточнил на всякий пожарный.
Скажу сразу - колеса я не вырисовывал сильно шибко, этот этап я оставляю на "десерт".
В остальном надеюсь понятно - обвели основные линии.
"Залил" цветом все что мог.
РИСУЙ В СЛОЯХ МОЙ ЮНЫЙ ПИКАССО ИНАЧЕТ ТЫ ГОРЬКО ПОЖАЛЕЕШЬ!
Тут мы видим первоначальный набросок цвета и света. Как стало понятно, мнимый источник света находится вверху нашего автомобиля. Так как краска будет как-бэ металлик, то чем больше угол к поверхности на которую мы смотрим, тем темнее будет краска. (Сказал как боженька)
Собстна пояснение: красным нарисована такая вот закругленная поверхность в профиль. Стрелочки - углы обзора. И варианты того как будет вести себя наша мнимая краска.
Для пояснения картинка где я как-бэ обвел форму, дабы вы представили и ощутили объем.
Больше металлика! Взяв серо-фиолетовый цвет я усилил металлик добавив перламутровости.
Я был ровным парнем и рисовал в слоях, по этому мне не составило труда нарисовать "Типасалон" а поверх всего этого великолепия обозначить стекла бликами и плавным перетеканием тона от темного к светлому. Фары прорисовывал с позиции "Сверху отражается темнота, снизу - светлота" На полу обозначил светленькое пятнышко дабы прибавить нашему рисуночку глубины.
На сегодня все. (Ребят, реально тяжко излагать то что забито в голову на уровне рефлексов) Извиняйте если что-то не очень понятно объяснил. Конструктивная критика и предложения приветствуются! Если кого-то заинтересовало, сделаю продолжение.
ВСЕМ БОБРА!