Приветствую всех в своём блоге. Это мой первый проект, и я не представляю, что из него получится. Сильно задумываться над текстом я не буду, поэтому допускаю возможность использования слов-паразитов, неточностей и прочего мусора. Теперь приступим к знакомству.
Кто я?
Далее я буду представляться под псевдонимом Шер. Мне 20 лет, и я совсем недавно перевёлся на 3 курс. У меня осталось всего 2 года учёбы, а дальше полная неизвестность. Не хочу надеяться, что всё само образуется, меня пригласят на высокооплачиваемую должность и так далее. По специальности работать я не собираюсь, а это значит, что придётся самостоятельно определить, кем я хочу стать за оставшееся время. Кстати, это первый челлендж (думаю, таких "испытаний" ещё будет много).
Зачем я создал этот блог?
Одной из главных причин создания блога является желание найти единомышленников и развивать своё сообщество. Ах, да, я не сказал, какой контент буду размещать. На самом деле я и сам не могу с этим определиться, ведь я люблю заниматься всем и сразу, но разрываться — не вариант. Поэтому я выбрал дизайн, как направление для этого канала. Я имею в виду веб-дизайн, оформление соцсетей, логотипы, рекламные креативы и многое другое. Всё это мне пригодится для создания других проектов и ведения текущего, а ещё мне это просто интересно. Но не стоит зацикливаться на одном направлении. Вполне возможно, что по мере развития канал будет охватывать иные сферы жизни или вовсе трансформируется в нечто другое, пока неизвестно.
Чего я жду от Дзена?
Помимо банальных вещей вроде заработка, я бы хотел обрести здесь поддержку и мотивацию. Я сам по себе очень ленивый, однако, зная, что свежий материал от меня ждёт хоть один читатель, мне будет легче заставить себя заняться делом. Но ещё я надеюсь, что смогу найти людей, работающих в сфере дизайна. Будет интересно получить какой-нибудь совет или наставление. Так что ожидаю мощного фидбэка!
А теперь самая интересная часть!
Благодарю всех, кто дочитал до этого момента. Отбросим, наконец, все формальности и перейдём к моему контенту. Примерно так и будут выглядеть последующие публикации.
Задание: фото профиля
Шаг 1: Тематика
Самое сложное – это выбор тематики. Мне хотелось взять что-нибудь известное (не только новому поколению), но в то же время не слишком заезженное. Я остановился на Шерлоке. Все знают этого персонажа, в интернете много медиафайлов связанных с ним, да и я считаю, что у нас есть кое-что общее: я тоже постоянно о чём-то размышляю и меня сложно заинтересовать многими вещами.
Шаг 2: Материал
Я выбрал самых известных актёров. Хочу расположить их вместе, чтобы подчеркнуть собирательный образ. Стоит только выбрать самые удачные картинки большого размера (из них мы будем вырезать Шерлоков). Ещё мне нужен зловещий фон. Закинем всё в отдельную папку.
Шаг 3: Добавление эффектов
Следующим шагом я немного видоизменил картинки, добавив эффекты. Для этого я использовал сайт fotoram.io. Для каждого актёра я подобрал стиль «диско», так как он хорошо выделяет черты лица. Для фона выбрал другой эффект, впрочем, это не играет большой роли.
Шаг 4: Вырезание
Для этого этапа мне потребуется Adobe Photoshop (предупреждаю, программа у меня полностью на английском, учим язык). Конечно, можно использовать какой-нибудь онлайн-сервис, как я люблю, но приходится приучать себя к серьёзному софту. Так что не ломаемся и загружаем первую картинку в фотошоп, дальше объясню постепенно:
1) Выбираю “quick selection tool” (быстрое выделение) и аккуратно выделяю Шерлока по контуру:
Очень часто выделение бывает неточным, для устранения мелких косяков использую инструменты добавления или удаления области выделения, изменяя размер кисти (size) для удобства.
Также можно сначала выделить фон, затем нажать правую кнопку мыши и в контекстном меню выбрать “Select inverse” (выбрать обратное) или зажать сочетание клавиш Ctrl + Shift + I (горячие клавиши полезно учить для ускорения работы), в таком случае будет выделен только Шерлок.
2) После успешного выделения кликаю правой кнопкой мыши в любом месте на картинке и в контекстном меню выбираю “Select and mask…” (Выделение и маска…)
3) После обработки должен остаться только наш любимый Шерлок (в случае, если значение параметра “transparency”, или по-нашему – прозрачность, установлено на 100% [1])
4) Теперь я настраиваю на свой вкус такие свойства как:
[2] “smooth” (сглаживание) – сглаживание контура;
[3] “feather” (растушёвка) – растушёвка контура;
[4] “contrast” (контрастность) – острота края;
[5] “shift edge” (смещение края) – смещение края выделения внутрь или наружу
5) Удовлетворённый результатом я заглядываю в категорию “Output settings” (Настройки экспорта) и вывожу вырезанный объект в новый слой (New layer [7]) для удобства.
Теперь у меня есть отдельный слой с Шерлоком.
6) Те же действия проделываю с остальными двумя актёрами, не закрывая фотошоп. Просто в строке меню (в самом верху) открываю вкладку “file” (файл) и нажимаю на “Open…” (Открыть…) или зажимаю Ctrl + O. В новом окне нахожу картинку для обработки и появляется вторая вкладка с другим Шерлоком.
Шаг 5: Сборка паззла
1) Идём дальше. Возвращаюсь в меню “file” и нажимаю на “New…” (Новый…) или просто использую горячие клавиши Ctrl + N. Появляется окно выбора формата, в котором я задам свои размеры, а именно 1200 на 1200 пикселей.
2) Теперь нужно сложить все составляющие вместе и посмотреть, что получится. Фон из папки переношу на рабочую область фотошопа простым перетаскиванием курсором мыши и растягиваю по форме шаблона. Шерлоков достаю из ранее созданных вкладок, для этого просто надо найти слой с вырезанным персонажем (слои находятся в правом нижнем углу, я их выделил красным прямоугольником), зажать его левой кнопкой мыши и перетащить на вкладку с фоном. Повторив эти манипуляции с остальными объектами, получилось следующее:
3) Требуется гармонично разместить героев вместе, чтобы они хорошо смотрелись. Для этого я заглядываю в меню “Edit” (Редактирование) и нажимаю на “free transform” (свободное трансформирование), предварительно выбрав слой с персонажем, которого хочу трансформировать. Этот инструмент позволяет перемещать объект и менять его размер.
Пока что результат меня не устраивает. Во-первых, качество изображений не очень, хоть это и не особо важно, ведь я буду использовать картинку для фотографии профиля и её будет сложно рассмотреть. Во-вторых, мне не нравится, что половина головы Роберта Дауни – младшего обрезана. Но вы же не думаете, что я просто так оставил пустое место сверху. Сейчас немного исправлю положение.
Место сверху займёт название моего канала. У меня было несколько вариантов, но я остановился на «Шерлок на удалёнке». Думаю, название очень символично, ведь все мы прошли через карантин, который доказал нам, что у фриланса или удалённой работы есть свои плюсы. Я надеюсь, что не только смогу научиться чему-нибудь новому, но и, возможно, мой пример послужит мотивацией для читателей развивать новые навыки. На этом лирическое отступление окончено.
Шаг 6: Текст
По умолчанию в системе мало хороших шрифтов для кириллицы, поэтому я скачал подходящие шрифты в интернете (их можно легко найти, написав в поисковике “шрифты для фотошопа”), а затем нажал правой кнопкой мыши на файл шрифта и выбрал “Установить”.
В результате шрифт появится в меню фотошопа, если воспользоваться инструментом “Horizontal type tool” (Горизонтальный текст). Теперь можно установить шрифт и размер текста в соответствующем меню сверху и разместить надпись в правильном месте, используя “Moving tool” (Инструмент перемещения).
Шаг 7: Правки
Далее я хочу исправить обрезанную голову центрального Шерлока. Проще всего будет закрыть срез чем-нибудь, например, картинкой облака, скачанной из интернета. Советую брать такие картинки сразу без фона (просто загуглить “облако без фона”), чтобы не пришлось вырезать всё самостоятельно. Облако я размещаю за текстом и двумя персонажами (для этого нужно в поле со слоями перетащить слой облака под слои текста и Шерлоков). Получается, что облако закрывает только центрального героя. Но облако само по себе слишком прозрачное и даже наложенный эффект не помог, к счастью, у меня есть решение.
Это немного странно, но ничего умнее я не придумал. Я просто выделил часть волос с левого бока Роберта, скопировал этот кусок и перенёс его на макушку. Для наглядности, вот обрезанный Роберт:
Кусок волос с его головы:
Обрезанный Роберт + кусок волос =
А всё вместе будет смотреться так:
Шаг 8: Дополнительные эффекты
Под конец я размыл некоторые острые края инструментом “Blur tool” (Инструмент размытие) и добавил боковым Шерлокам контуры и эффект “Inner glow” (Внутреннее свечение). Для этого я нажал правой кнопкой мыши на слой с персонажем и в контекстном меню выбрал “Blending options…” (Настройки смешивания).
Шаг 9: Сохранение
Снова возвращаемся в меню “File”, там выбираем “Export” (Экспорт), а затем “Quick Export as PNG” (Быстрый Экспорт как PNG) и указываем нужную папку для сохранения.
Шаг 10: Наслаждение результатом
На сегодня это всё, что я хотел вам показать. Если понравилась моя статья, дайте знать, что вы хотели бы видеть дальше на канале, а также делитесь своим мнением, конструктивная критика тоже принимается.