Во многих небольших клубах часто встречается ситуация, когда один человек выполняет функции и администратора, и арт-директора, и до кучи дизайнера. Еще чаще — эта затея не приносит ничего хорошего и в новостях мы видим ужасные, коряво сделанные на коленке тикеты, афишы, пригласительные, флаера. Чтобы исправить эту оплошность, мы написали наглядный урок, как быстро и просто сделать мини-постер в фотошопе.
Любой дизайн-проект требует если не отличного умения, то хотя бы опыта владения соответствующими инструментами. Нужно понимать, что данный тип услуг — почти всегда дорого. Но стоит ли экономить на качестве? Полный список преимуществ профессиональной разработки сайта можно почитать тут. Если вы всё же решили сэкономить, то, для начала, стоит подготовиться — составим план, по которому мы будем работать. Распишем каждый этап, чтобы разделить работу на несколько мини-заданий. Предположим, нам предстоит провести пивную вечеринку в баре под названием «Чердак»
Во-первых, background. Ищем подходящий фон
Во-вторых, основной текст. Lineup (при наличии Dj), дата, цена за вход.
В-третьих, элементы дизайна. Логотипы и иконки социальных медиа, спонсоров и т.д.
Фон
Рекомендуем не искать бэкгрануд для тематической вечеринки в гугл картинках. Лучше воспользоваться фото-банками, вроде Shutterstock. Плюс такого подхода в том, что вы можете выбирать качество изображения. Если вам нужен огромный постер на входе в клуб — покупаете, скажем 4183 x 4183. Если нужно залить картинку во встречу ВК — платите за минимальное разрешение. Покупать ли их вообще или качать с торрент-трекеров — другая история. В любом случае, выбор таких источников обезопасит вас от заезженных в сети вариантов оформления. Мы нашли и использовали изображение из коллекции Rustic Stock Photo Pack, которое, как никак кстати, подойдет для нашей big party
Основной текст
Первым делом — логотип. У каждого, кто имеет отношение к дизайну клуба/бара должен быть логотип в.cdr .psd .png-форматах. У нас уже был готовый файл:
Чтобы сделать акцент на дате мероприятия, мы выделили цифры другим шрифтом и увеличили их размер:
Теперь добавляем всю нужную информацию к вечеринке. Обязательно указываем — во сколько стартует официальная часть, цену за вход, адрес и телефон. Если нет ярко-выраженного хэдлайнера, то список участвующих групп можно просто написать справа от основного блока.
Обратите внимание, чтобы цвета казались более теплыми и «ламповыми». Мы уменьшаем параметр Непрозрачность (Opacity) слоя до 80-90%, а прямоугольным фигурам и вовсе устанавливаем его в 33%:
Дополнительные элементы
Логотипы спонсоров или масс-медиа, обслуживающие мероприятие поместим, по традиции, в нижний ряд. Обратите внимание, если мы указываем возрастное ограничение и наличие дресс-кода и фейс-контроля на входе, то мы помещаем их в «контейнеры» с точно такими же эффектами для слоя. Проще всего это сделать продублировав слой (Duplicate Layer или Дублировать слой) .
Осталось найти только логотипы. Окей, гугл. Здесь повторяется история с логотипом — нужен прозрачный фон. Для этого есть файлы с расширением PNG. Таким образом, если на предстоящем мероприятии будет вестись фото-отчет от портала Geometria, то наш запрос будет выглядеть следующим образом: geometria logo png. Нам остается лишь выбрать понравившийся результат из поиска.
С остальными логотипами — аналогично.
В этом уроке мы собираемся создавать дизайн для образца типографического постера. Мы будем использовать: стандартные кисти, световые эффекты и многое другое для достижения конечного результата. Методы и навыки которые мы рассмотрим станут полезны вам в будущем!
Давайте запустим Photoshop и приступим!
Материалы для урока:
Вот изображение, которое мы будем создавать сегодня:
Шаг 1
Начнем нашу работу с поиска хорошего шрифта. В большинстве случаев вы можете найти подходящий шрифт, но иногда лучше создать его самостоятельно, чтобы получить именно желаемый результат.
Для учебных целей, я собираюсь использовать шрифт, который доступен для бесплатной загрузки.
После загрузки шрифта, создайте новый документ 11" х 8,5" дюймов (inch); разрешение: 300 точек\дюйм (dpi) ; режим RGB.
С помощью нового шрифта, который вы скачали, напишите несколько слов в центре документа. Есть два стиля шрифта, которые идут внутри папки, мы будем использовать оба.
Примечание переводчика: размер шрифта составит 50-110 пт (зависимо от вашей фразы).Центральную надпись сделайте в два раза больше чем остальной текст.
Фразу которую я придумал, можно разместить в три линии. Средняя линия будет написана жирным шрифтом (CODE bold), а первая и третья строки - обычным (CODE light). Центрируйте текст по вертикали и сохраните свою работу.
Шаг 2
Загрузите кисти "Дым". Создайте новый слой выше надписи жирным шрифтом. Назовите его как вам нравится (например "Дым"). После того как вы сделали это, используйте, на новом слое, различные кисти дыма в области текста "Bold", как показано на изображении ниже:
Шаг 3
Стоя на слое "Дым" , нажмите и удерживайте клавишу Ctrl , сделайте щелчек по миниатюре слоя с текстом "Bold", для активации выделения:
Затем нажмите Ctrl + J.
Так мы создадим дубликат дыма, но уже в форме букв (назовите слой "Текст дым").
Выключите видимость слоя "Дым", а также оригинального текстового слоя "Bold", чтобы увидеть результат. Теперь слой "Дым" можно удалить.
Шаг 4
Создайте новый слой в самом верху палитры слоев. Выберите инструмент "Градиент \ Gradient Tool " (G). Убедитесь, что у вас используется "радиальный градиент \ radial gradient" - от белого к прозрачному. Настройки должны выглядеть как на картинке ниже:
На новом слое (назовите его "Сияние \ Lights"), который вы создали, используйте радиальный градиент несколько раз, размещайте его на изображении в областях, указанных на скриншоте:
Шаг 5
Создайте новый слой поверх всех остальных. Переключитесь на инструмент "Градиент \ Gradient Tool " (G). Далее, примените следующие настройки для вашего "радиального градиена \ radial gradient" :
"Протащите" линию градиента в направлении от середины холста до края (до любого угла), а затем измените режим смешивания этого слоя на "Линейный Затемнитель \ Linear Burn" .
Шаг 6
Измените режим смешивания слоя с текстом "Bold", на "Экран \ Screen". Дважды щелкните на этом слое и примените следующие настройки стиля слоя:
После применения настроек ваше изображение должно выглядеть примерно так:
Шаг 7
Перейдите на слой с текстом "Let’s Grow". Сделайте двойной щелчек по слою, для перехода в "Стиль слоя \ Layer Style" . Выбираем вкладку "Наложение градиента \ Gradient Overlay", а так же "Глянец \ Satin" . Настройки для вкладки "Глянец \ Satin" оставим по умолчанию.
В настройках "Наложение градиента \ Gradient Overlay" выбираем черно-белый линейный градиент; отметьте флажок "Инверсия \ Reverse" , как показано здесь:
После применения стиля к слою, щелкните по нему правой кнопкой мыши и выберете вкладку "Скопировать стиль слоя \ Copy Layer Style" . Далее перейдите на текстовый слой "Together", щелкните по нему правой кнопкой мыши и выберете вкладку "Вклеить стиль слоя \ Paste Layer Style" , чтобы применить те же настройки на этот текст.
Вернитесь к настройкам слоя "Together", в опции снимите флажок "Инверсия \ Reverse"
.
Возможно, вам придется откорректировать положение слоя "Together". Если он попадает под тень слоя "Bold" - опустить его немного вниз.
Шаг 8
Выберите слой "Сияние \ Lights" и, удерживая клавишу Shift , выберите нижний слой с текстом (для создания выделения всех слоев, за исключением верхнего и фона), как показано ниже:
Нажмите Ctrl + G , чтобы поместить все эти слои в одну группу. Переименуйте группу в "Весь текст \ All Text".
Создайте дубликат группы (перетащить всю папку до значка "Создать новый слой \ New Layer" в нижней части палитры слоев).
Шаг 9
Отключите видимость исходной папки "Весь текст" и откройте ее копию для дальнейших действий. Обратите внимание на наши текстовые слои. Нам необходимо их растрировать. Для этого, стоя на слое с текстом, нажмите правую клавишу мыши и в подменю выберете пункт "Растрировать текст\ Rasterizing Type" .
Некоторые параметры недоступны, если вы работаете непосредственно с текстовым слоем. Поэтому мы и растрировали наш текст, для дальнейшей работать с ним.
Шаг 10
Активируйте инструмент "Перо \ Pen Tool" (P) и нарисуйте контур вокруг левого верхнего угла текста "Let’s Grow", как показано ниже.
Примечание переводчика: создавайте ваш контур непосредственно на текстовом слое с которым работаете :
После закрытия контура, нажмите правую кнопку мыши непосредственно на конуре. Вы должны увидеть выпадающее меню, которое предложит вам несколько вариантов, нам необходим "Образовать выделенную область \ Make Selection".
После выбора подменю, вы увидите еще одно окно, в котором вы можете просто нажать "OK", чтобы принять изменения и активировать ваш контур.
Не снимая выделение, перейдите на растрированный слой "Let’s Grow". Нажмите комбинацию клавиш Ctrl + J , чтобы дублировать часть этого текста. У вас будет создан новый слой выше слоя с текстом. Сдвиньте этот слой на несколько пикселей влево, а затем на несколько пикселей вверх, и вы должны получить результат как на картинке:
Повторите этот шаг для различных частей вашего текста, чтобы создать отдельные фрагменты, которые нужно размещать выше и левее от основной надписи.
Опять же, повторяем эти шаги для растрированного слоя "Together. Вот наш результат:
Шаг 11
Загрузите и установите кисти "Космос". Создайте новый слой поверх всех остальных (назовите его "Кисти космос"). Выберите кисть из набора и установите ее цвет на белый, непрозрачность \ opacity - 30%. Сделайте несколько мазков кистью, чтобы добавить немного текстуры. Не забывайте делать сохранения вашей работы!
Шаг 12
Создайте копию слоя "Текст дым", который мы создали в начале урока. Дважды щелкните на копии и примените следующие стили слоя:
Для эффект "Внутреннее свечение \ inner glow" я использую цвет # A2DCFF, вы можете выбрать любой оттенок голубого. После того как вы применили эти настройки изображение выглядит так:
Шаг 13
Откройте изображение "текстура Космос" и перенесите его в ваш документ. Возможно, вам придется масштабировать изображение до полного заполнения холста. Назовите слой "Космос" и разместите его под слоем "Кисти космос". Уменьшаем непрозрачность \ opacity слоя до 80% ; меняем режим наложения на "Перекрытие \ Overlay" :
Шаг 14
Откройте изображение "Рыбки" (которое я нашел на Xchange) в новом документе. Как вы видите, это одна рыбка в трех различных положениях, и это хорошо, поскольку это поможет добавить некоторое разнообразие в наш постер. Дважды щелкните на фоновом слое и нажмите «OK», чтобы разблокировать его. С помощью инструмента "Прямоугольная область \ Marquee Tool" (M), выделяем любую рыбку:
Нажмите Ctrl + J , чтобы дублировать выделение на новый слой. После того как вы сделали это, выключите оригинальный слой:
Теперь все, что вам нужно сделать, это воспользоваться инструментом "Волшебная палочка \ Magic Wand Tool" (W). Выбираем часть белой области, которая остается вокруг рыбы и просто удаляем ее. Затем, перенесите первую рыбу в наш основной докумен.
Повторите этот шаг для двух других рыб. Далее размещайте рыбок как вам нравится: меняйте размер, вращайте. Когда вас устроит расположение рыб, примените "Размытие по Гауссу \ Gaussian Blur" (радиус 5 - 12) для рыбок которые находятся дальше от нас, чтобы создать иллюзию глубины. Кроме того, для рыб, которые кажутся меньше и дальше, уменьшить непрозрачность, для создания нужной атмосферы работы.
Не бойтесь экспериментировать с размещением рыбок, будьте индивидуальны!
Шаг 15
Откройте фото "под водной \ underwater " и разместите его в нашей работе. Мы должны сделать "Свободное трансформирование \ Free Transform" для того чтобы масштабировать изображение. Поместите фото под слой "Космос. Измените режим наложения на "Перекрытие \ Overlay". После того как вы сделали это, уменьшите непрозрачность до 60-62%, как показано на изображении ниже:
На данном этапе у вас должен быть примерно такой результат:
После нажатия на иконку, выберите "Яркость /Контрастность - Brightness / Contrast" и примените следующие настройки:
Шаг 17
Теперь я хочу добавить некоторые детали. Мы будем создавать специальную кисть "Пузырь".
Создайте новый документ, размером 200 × 200 пикселей; разрешение - 72dpi. На новом слое создайте круг, используя инструмент "Овальная область \ Marquee Tool" (M), залейте его черным цветом.
Шаг 18
Дважды щелкните на слое с кругом, чтобы открыть "Стиль слоя \ Layer Style"
и примените со следующие настройки:
"Внутреннее свечение \ Inner Glow"
-"Наложение градиента \ Gradient Overlay"
В то время как диалоговое окно остается открытым, нажмите и перетащите градиент на круге немного вверх и влево.
Шаг 19
Перейдите "Изображение> Коррекция> Кривые \ Image>Adjustments>Curves" . Создайте три новых точки, задайте позицию точек, как показано на изображении ниже:
Шаг 20
Перейдите в меню "Слой>Новый корректирующий слой>Инверсия \ Layer> New Adjustment Layer> Invert", чтобы инвертировать темные области.
Результат будет выглядеть так:
Шаг 21
Нажмите кнопку выключения слоев, чтобы убедиться, что никто из них не выбрана, а затем перейдите к "Редактирование>определить кисть \ Edit> Define Brush Preset" . В диалоговом окне введите название кисти "Bubble", и нажмите ОК для подтверждения.
Вернитесь в свой рабочий документ и создайте новый слой в верхней части панели слоев. Выбираем инструмент "Кисть \ Brush Tool " , нажимаем клавишу F5 , чтобы открыть палитру кистей. В палитре выбираем нашу новую кисть " Bubble". Примените следующие настройки:
-"Динамика формы \ Shape Dynamics":
-"Рассеивание \ Scatter setting":
Нажмите клавишу F5 еще раз, чтобы закрыть палитру кистей. Кисть готова к использованию!
Шаг 22
Начнем рисовать!
Я добавил несколько маленьких пузырьков вблизи рта каждой из рыб. Каждый раз создавайте новый слой, рисуя пузырьки в другом месте. Это даст возможность контролировать настройки пузырей и что более важно - их непрозрачность \ opacity. Ниже я показал, где разместил воздушные пузырьки, а также то, что у меня разная непрозрачность \ opacity этих слоев:
Если вы удовлетворены результатом, сохраните свою работу и наслаждайтесь хорошим постером, который мы создали.
Спасибо вам большое за выполнение этого урока, надеюсь, вы узнали некоторые полезные методы. Удачи!
Вот мы и закончили !
-
Вы размышляете о новом домашнем декоре? Хотите что-то необычное и недорогое? А возможно думаете, как раскрыть вашу творческую сторону? Вы наверно будете немного удивленны следующему решению: камни. Да, те камни, которые вы видите везде, в речке, парке, на пляже, возможно даже такие вещи хранятся у Вас дома. Эти камни могут сделать ваше жилище немного вычурным и оригинальным. Многие люди предпочитают искать камни уникальной формы или цвета. Но на следующих фотографиях, Вы убедитесь, что плоские камни могут стать более привлекательными в качестве дизайна Вашего дома. Если Вы когда-то коллекционировали белые камушки и теперь не знаете, что с ними делать, нарисуйте на них контрастные деревья. Смотрится чудесно, к тому-же радует глаза Персонажи с мультфильма Totoro. Нарисованные портреты достойны собственной выставки. Хотите отличный подарок для семьи? Здесь можно позаимствовать идею и создать кого-то из членов семьи. Любите маленькие города? Всего несколько камней покрашенных в домики и вы владелиц целого мини городка. Вам не нужно обладать большим талантом в рисование, для того, чтобы создать потрясающую картину. Иногда достаточно начать с одной черной точки, чтобы воображения включилось. Красивые лесные существа. Фауна для вашего декора. Камни превращаются в котиков. Для любителей кед. Эти красивые и милые камни определенно могут быть подарком для ваших друзей. Конечно, это
-
Вашему вниманию предлагаются профессиональные фотографии красивых девушек на пляже с применением легкой HDR – обработки. Интересное наблюдения у автора работ, в портфолио на ранних этапах карьеры было много снимков спортивных мероприятий, но как видно вдохновение и известность пришло в fashion фото, в котором главные объекты море, пляж и барышни. 00
-
Как рассказывает мама четырехлетней модницы, в один из дней она предложила своей дочери создать одежду из бумаги. Девочки очень понравилась идея, и они начали создавать платья. Мода для детей Изначально идея моделирования была 50 на 50, но с каждой последующей разработки дизайна, Майхем, как называет ее мама, больше прилаживает усилий в создании своей бумажной коллекции. Они используют много плотной бумаги, иногда бумажных салфеток, оберток, подарочных пакетов. Также в создание одежде девочки используется шелковые шарфы, тюль и алюминиевая фольга. В принципе, все, что можно найти в доме является частью одежды юной модельерши. Иногда изображения для разработки модных плетей Майхем и ее мама находили в сети: +10
1. Для начала создаем новый документ 768 px на 1024 px.
2. В примере мы используем 2 старинные текстуры. Найди их можно .
Вы же можете использовать любые другие, которые больше вам подходят.
3. В этом шаге вы раставляете выбранные вами текстуры так, как вам удобней.
Режим наложения для слоев выставляем (Умножение).
4. Теперь мы импортируем изображение печатной машинки , предварительно вырезав белый фон, при помощи инструмента () или (), как удобнее. Назовем этот слой «Typewriter ».
5. Для слоя «Typewriter » ставим режим наложения: (Умножение) и (Непрозрачность): 90% .
7. Потом вам нужно написать любой текст используя инструмент (). Шрифт, который использован в примере - «Arial ». Просто напишите свой текст белым, а также поместите его поверх всех слоёв, затем преобразуйте текст, так как вы желаете. Также, установите настройки к слою: режим наложения (Мягкий свет) and (Непрозрачность): 50% .
8. Этот шаг является самым трудоёмким, ибо занимает очень много времени. Вам придётся написать множество слов в слово, которое вы сделали в 7 шаге. Вы можете свободно помещать и преобразовывать слова. Для этих слов в примере используется шрифт «American Typewriter ». Для удобства можно перенести эти слова в папку «Алфавит ».
В примере раскрашены некоторые из слов красным цветом. Это сделано, чтобы выделить цитату о чём либо. Также, чтобы предоставить большее столкновение эффекту, если посмотреть в низ слова, слова, кажется, падают. Это добавляет больше движения к составу.
9. Пока проделанная работа должна походить на изображение ниже.
10. Сейчас вам нужно добавить несколько больше текста. На сей раз Вы получите эффект выскакивания слов из пишущей машинки. Не создавайте полные слова, только буквы. Например, в примере начинаем с буквы «a », и дублируем её пару раз, затем преобразовываем каждый слой, пока это не будет соответствовать представлению. Потом, печатаем «b », и так далее. В конечном итоге переместите все слои на папку под названием «Текст ».
11. Вы должны будете повторить пункт «10 », но на сей раз добавить меньше букв и сделать их меньше. Затем растрируйте их, и используете через меню (Фильтр - Размытие - Размытие по Гауссу) с Radius (Радиус) 1.0 px. Это создаст иллюзию, что буквы где-то вдали.
12. Создайте еще пару букв (в примере их 6). Сделайте их больше остальных. Потом преобразуйте их, используя инструмент (). Потом растрируйте примерно 50% от кол-ва букв. И примените для них через меню (Фильтр - Размытие - Размытие по Гауссу), используя различный радиус для каждой из букв. Это даст иллюзию, что эти буквы более близки.
13. Чтобы придать эффект высоты вот примерно находим облака, вырезаем их. Вытавляем поверх всех слоёв. Затем добавлям для красоты трещины при помощи кистей, а также внизу добавляем еще букв.
Ну вот и всё. Вся сложность рисунка в том, что надо постоянно создавать большое кол-во букв.
Финальный результат 
Адаптация текста: Даниил Богданов
Многие из нас хотели бы видеть у себя на стене плакат с любимыми персонажами сериалов, репродукциями картин или просто красивыми пейзажами. В продаже подобной полиграфии присутствует довольно много, но это все «ширпотреб», а хочется чего-то эксклюзивного.
Сегодня мы с Вами создадим свой плакат в очень интересной технике.
Первым делом подберем персонажа для нашего будущего плаката.
Как видите, персонажа от фона я уже отделил. Вам нужно будет сделать то же самое. Каким образом вырезать объект в Фотошопе, читайте .
Создаем копию слоя с персонажем (CTRL+J ) и обесцвечиваем ее (CTRL+SHIFT+U ).
Затем идем в меню «Фильтр – Галерея фильтров» .
В галерее, в разделе «Имитация» , выбираем фильтр «Очерченные края» . Верхние ползунки в настройках перемещаем до предела влево, а ползунок «Постеризация» выставляем в положение 2 .
Нажимаем ОК .
Применяем корректирующий слой «Микширование каналов» . В настройках слоя ставим галку напротив «Монохромный» .
Затем применяем еще один корректирующий слой под названием «Постеризация» . Значение выбираем такое, чтобы на оттенках было как можно меньше шума. У меня это 7 .
Результат должен получиться примерно, как на скрине. Еще раз повторюсь, постарайтесь подобрать значение постеризации таким образом, чтобы участки, залитые одним тоном, были как можно более чистыми.
Применяем еще один корректирующий слой. На этот раз «Карту градиента» .
В окне настроек кликаем по окошку с градиентом. Откроется окно настроек.
Кликаем по первой контрольной точке, затем по окошку с цветом и выбираем темно-синий цвет. Жмем ОК .
Затем подводим курсор к шкале градиента (курсор превратится в «палец» и появится подсказка) и кликаем, создавая новую контрольную точку. Позицию выставляем в 25%, цвет красный.
Следующую точку создаем на позиции 50% со светло-синим цветом.
Еще одна точка должна расположиться на позиции 75% и иметь светло-бежевый цвет. Числовое значение данного цвета необходимо скопировать.
Для последней контрольной точки задаем тот же цвет, что и для предыдущей. Просто вставляем скопированное значение в соответствующее поле.
По завершению жмем ОК .
Давайте придадим немного больше контраста изображению. Переходим на слой с персонажем и применяем корректирующий слой «Кривые» . Перемещаем ползунки к центру, добиваясь нужного эффекта.
Желательно, чтобы на изображении не осталось промежуточных тонов.
Продолжаем.
Снова переходим на слой с персонажем и выбираем инструмент «Волшебная палочка» .
Кликаем палочкой по участку светло-синего цвета. Если таких участков несколько, то добавляем их в выделение кликом с зажатой клавишей SHIFT .
Затем создаем новый слой и создаем для него маску.
Кликом активируем слой (не маску!) и нажимаем сочетание клавиш SHIFT+F5 . В списке выбираем заливку 50% серого и нажимаем ОК .
Затем идем в Галерею фильтров и, в разделе «Эскиз» , выбираем «Полутоновой узор» .
Тип узора – линия, размер 1, контрастность – «на глаз», но имейте в виду, что Карта градиента может воспринять узор как темный оттенок и изменить его цвет. Поэкспериментируйте с контрастом.
Переходим к заключительной стадии.
Снимаем видимость с самого нижнего слоя, переходим на самый верхний, и нажимаем сочетание клавиш CTRL+SHIFT+ALT+E .
Затем объединяем в группу нижние слои (выделяем все с зажатым CTRL и нажимаем CTRL+G ). С группы также снимаем видимость.
Создаем новый слой под верхним и заливаем его тем красным, что и на постере. Для этого берем инструмент «Заливка» , зажимаем ALT и кликаем по красному цвету на персонаже. Заливаем простым кликом по холсту.
