webdonsk.ruКак сделать рекламу в photoshop
Добавил пользователь Владимир З. Обновлено: 01.09.2024
Автор: Евгения Тучкевич. Дата публикации: 09 сентября 2013 . Категория: Уроки фотошопа коллажи.
с помощью стилей слоя
В этом уроке по работе с фотошопом будет показан пример создания рекламы с помощью простейших слоевых эффектов. Мы всего лишь разделим изображение на несколько фрагментов и придадим им стили слоя.
Урок сделан в версии фотошопа CS3 , но может быть легко выполнен и других версиях фотошопа.
Откроем исходное изображение.
Выберем инструмент "Прямоугольная область" ( М ) и создадим первое выделение.
Скопируем его на новый слой - Ctrl+J .
Два раза левой клавишей мыши щёлкаем по верхнему слою.
Откроется окно " Стиль слоя ", в котором делаем активной вкладку " Тень " и устанавливаем такие параметры, которые Вы видите на скриншоте ниже.
Получаем вот такую картинку. Так же выделяем второй фрагмент изображения. Делаем активным фоновый (основной) слой (слой " Задний план ") и копируем выделение на новый слой - Ctrl+J .
В палитре " Слои " получилось три слоя. Чтобы скопировать уже созданный ранее стиль слоя на вновь созданный слой - Слой 2 , удерживаем клавишу Alt , щёлкаем по значку Fx на Слое 1 (этот знак обозначает, что к слою применён какой-то стиль) и перетаскиваем этот знак на Слой 2 .
Такую же работу делаем и третьим выделением.
В палитре " Слои " образуется 4 слоя.
Вот такой результат мы получаем на данном этапе.
Создаём ещё одно выделение.
На передний план устанавливаем белый цвет и заливаем белым цветом созданное выделение - Alt+Delete . Снимаем выделение - Ctrl+D .
Так как я забыл перейти на фоновый слой перед заливкой выделения, то белый прямоугольник у меня создался на Слое 3 , который был активен перед заливкой белым цветом. В связи с тем, что к Слою 3 уже применён стиль слоя, то к вновь созданному прямоугольнику автоматически применился тот же стиль.
Точно так же я создал и прямоугольник поменьше, но на этот раз, находясь на фоновом слое, скопировал выделение на новый слой - Ctrl+J , залил его белым цветом - Alt+Delete и применил тот же стиль слоя точно таким же способом, как и описано выше. Обратите внимание, что слой с маленьким прямоугольником должен быть выше слоя с большим прямоугольником.
Вот так у нас выглядит палитра " Слои " на данном этапе.
Теперь сделаем что-то типа логотипа. Выберем инструмент " Произвольная фигура " ( U )в режиме слой-фигура. Щёлкнем по чёрной стрелочке и в раскрывшемся списке выберем фигуру под названием " Волны ". Удерживая клавишу Shift для соблюдения пропорций, растянем выбранную фигуру на маленьком белом прямоугольнике. Так как у меня на переднем плане установлен бордовый цвет, то соответственно фигура получилась бордового цвета.
Выберем инструмент " Горизонтальный текст " ( Т ) с параметрами, которые Вы видите на скришоте ниже, и что-нибудь подходящее напишем.
Таким образом, мы сделали простейшее создание рекламы в фотошопе.
Чтобы усилить эффект, можно создать новый слой над фоновым слоем и установить ему непрозрачность 50-60% .
Вот тогда наша картинка будет выглядеть более эффектно.
Чтобы получить интересные уроки на свой адрес, введите свои данные в форму подписки ниже:
Комментарии
Автор книги "Adobe Photoshop CS6. Мастер-класс Евгении Тучкевич" Евгения Ивановна Тучкевич большой профессионал в своё деле. В этом я убедился когда проходил под её руководством курсы "Adobe Photoshop для профессионалов" в г. Санкт-Петербурге.
У Евгении Ивановны я взял разрешение на публикацию на своём сайте примеров из вышеназванной книги.
При разработке уроков я использую отдельные моменты этой прекрасной книги и , естественно, поэтому даю прямую ссылку на источник.
В дальнейшем я так же буду ссылаться на книгу.
Публикация этой книги в электронном варианте не планируется.
Жаль - поговорите с Евгенией Ивановной Тучкевич о выпуске электронной версии, ее же тоже можно продавать.
ЗДРАВствуйте, Олег! Вы теперь всегда будете ссылаться на книгу "Adobe Photoshop CS6. Мастер-класс Евгении Тучкевич"?
М.б. она есть в электронном виде? Сообщите, пж-та, планируется ли выход электронной версии.
С Богом, Александр.
Понравилось? Поделитесь:
Добавить комментарий
Популярные уроки сайта:
Простой способ обрабо…
Простой способ обработки пейзажного снимка В этом уроке я Вам покажу очень простой способ улучшения пейзажной.
Полуавтоматический с…
Полуавтоматический способ повышения качества снимка В этом уроке рассмотрим полуавтоматический способ улучшения качества фотографии, используя режимы.
Как сделать эффект ог…
Как сделать эффект огня в фотошопe Всем привет! Сегодня мы будем добавлять на фотографию с автомобилем.
Необычный стиль текст…
Необычный стиль текста из пересеченных линий в фотошопе Всем привет! Сегодня мы будем создавать текст из пересеченных линий. Текст.
Как сделать стиль Hope в…
Как сделать стиль Hope в фотошопе Всем привет! Сегодня мы будем создавать постер в стиле Hope. Сначала мы откроем.
Как создать объемный …
Как создать объемный текст в фотошопе Здравствуйте, друзья! Сегодня я хочу показать вам еще один способ.
Как использовать инфо…
Как использовать информацию из каналов для улучшения фото В этом уроке рассмотрим способ улучшения фотографии, используя.
Как улучшить небо, исп…
Как улучшить небо, использовав информацию из каналов Как улучшить пейзажную фотографию с помощью смешивания каналов и.
Как сделать светящеес…
Как сделать светящееся кольцо в фотошопе Всем привет! Сегодня мы будем рисовать светящееся кольцо. Эффект светящегося кольца можно.
Усиление контраста, п…
Усиление контраста, проявка деталей, с помощью смешивания каналов Очень часто для того, чтобы улучшить фотографию, используют.
Как быстро закрыть не…
Как быстро закрыть ненужные вкладки в фотошопе Довольно часто возникает ситуация когда во время работы в.
Как разместить объект…
Как разместить объект по центру. 2 приема В этом уроке вы узнаете, как разместить по центру.
Мастер контраста
Как цветной предмет б…
Как цветной предмет быстро сделать черным или белым Поменять цвет с белого на черный, на первый.
Как сделать сердце в ф…
Как сделать сердце в фотошопе Всем привет! Сегодня мы будем создавать сердце из бриллиантов. Сердце из бриллиантов.
Как проявить детализа…
Как проявить детализацию в светах и тенях В этом уроке рассмотрим способ проявления детализации в светах.
Как на фото быстро изм…
Как на фото быстро изменить цвет объекта В этом уроке Вы узнаете, как поменять цвет объекта.
Как сделать винтажную…
Как сделать винтажную открытку в фотошопе Всем привет! Сегодня мы будем создавать винтажную открытку. С помощью простых приемов, показанных.
Как в фотошопе перене…
Как в фотошопе перенести объект на новый фон и согласовать их по цвету В ходе работы в.
Как за 1 минуту увелич…
Как за 1 минуту увеличить контрастность снимка и поднять насыщенность цветов, даже новичку в фотошопе В.
Использовать или нет …
5 проверенных способо…
Как правильно увеличи…
Как правильно увеличить насыщенность цветов на фото стандартными инструментами фотошопа Как правильно увеличить насыщенность цветов на.
Как правильно и главн…
Как правильно и главное удобно применять восстанавливающую кисть для ретуши портретной фотографии В уроке рассказано о.
Как быстро убрать цар…
Как быстро убрать царапины с фона отсканированной фотографии. Два способа Когда Вы отсканируете старую фотопленку, Вы.
Как сделать красивый …
Как сделать красивый коллаж в фотошопе Всем привет! Сегодня мы будем создавать коллаж с розовой луной. Такой фантастический.
Как ослабить блики на …
Как ослабить блики на портретной фотографии, не потеряв структуру кожи При съемке в помещении очень часто.
Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020
5. Не снимая выделения с миниатюры слоя-маски, нажмите на Кисть (B), а затем на маленькую стрелку рядом со значком кисти на верхней панели, чтобы настроить кисть. Выберите Kyles Inkbox — Classic cartoonist в папке Aquarel brush (Кисти для акварельных красок) и установите размер 100 пикселей. Убедитесь, что цвет переднего плана установлен как черный.
6. Теперь рисуйте черной кистью с текстурой, чтобы скрыть части текстуры и создать нечеткие края.
Баннер или шапка сайта HTML представляют собой графику, которая находится в верхней части сайта. На ней обычно отображается название компании. Часто это первое, что видит человек при посещении сайта. В этой статье мы расскажем, как сделать баннер в фотошопе.
Создание простого веб-баннера в Photoshop
Начнем с готового баннера. У нас есть базовый пример, используемые в нем цвета успокаивают глаза. Его можно размещать на сайте, посвященном моде и стилю, а также для персонального блога. Следуйте приведенным ниже инструкциям:
Откройте новый документ . Открываем в Photoshop новый документ нужного размера:
Стиль слоя> Наложение градиента . Нажмите на стиль, а затем примените градиент:
Выбор формы кисти . После применения к прямоугольнику градиента и создания нового слоя поверх него, создайте выделение фигуры. Удерживая нажатой клавишу CTRL , кликните по фигуре прямоугольника. Активируйте кисть и настройте ее параметры, как показано на рисунке ниже. Зарисуйте одну сторону прямоугольника:
Создайте новый слой и создайте тень баннера . Создайте новый слой, кликните кистью один раз в любом месте и установите тень внизу веб-баннера так, чтобы прозрачность составляла 50 или 40% :
Поместите все слои в группу . Затем продублируйте эту группу и измените цвет градиента. Измените градиент и надпись баннера, как показано на рисунке ниже:
Заключение
Мы рассказали вам как сделать баннер в фотошопе. Надеюсь, что эта статья оказалась полезной для вас.
Пожалуйста, оставьте свои отзывы по текущей теме материала. Мы очень благодарим вас за ваши комментарии, отклики, лайки, подписки, дизлайки!
Пожалуйста, оставьте ваши комментарии по текущей теме материала. Мы крайне благодарны вам за ваши комментарии, лайки, отклики, дизлайки, подписки!
Пожалуйста, оставьте свои комментарии по текущей теме материала. Мы очень благодарим вас за ваши комментарии, лайки, отклики, дизлайки, подписки!
Подскажите как выполнить дизайн широкоформатного баннера (330см х 140см - на Газель)?
1. Именно интересует настройка при создании документа. Я , так понимаю CMYK, 150 (72 наверное мало, 300 много) dpi? Ширина и высота 1к1? Т.е. 330 см на 140 см?
2. Сам визуальный дизайн не интересует.
3. И настройки печати (файла) при сдачи в студию печати. TIFF?
4. Минимальное разрешение фото?
Догадываюсь что такие штуки нужно делать в люстре, векторно.
- Вопрос задан более трёх лет назад
- 33921 просмотр
Оценить 6 комментариев
Спросите требования в типографии, у многих они сильно различаются. Печатать будут они и точно скажут в каком дпи, формате файла и настройками надо. Палитра СМИК, верно.
Pavel Designer: я чисто занимаюсь дизайном, пришел заказ на баннер. а я особо не бум-бум) так как делаю сайтики и лендинги)
Дмитрий Бойко: вот по своему опыту сразу говорю, что требования конкретной типографии это самое главное. Во-первых, потому что 80% типографий это бездари, которые даже из ПДФ не всегда могут напечатать и ноют про Корел (самая частая отговорка). Во-вторых, потому что даже узнав мнение профи и сделав все идеально, у допечатников могут быть кривые руки, в типографии старый софт или просто менеджер, который кроме заученных пунктов ничего не может придумать и все равно попросят прислать макет с конкретными требованиями.
Много раз уже так было, поэтому теперь я сразу посылаю за требованиями, а сам пока делаю макет в Индизайне. Я всю полиграфию делаю там ибо удобно, а потом экспортирую в нужный формат.
Спасибо! Но меня смущает, ведь заказчик не привязан к типографии, ему главное что бы баннер качественно смотрелся. Т.е. он всегда может уйти в другую типографию. А что такое Индизайн?
Pavel Designer: Кстати, не могу выбрать правильным ответом. Тебе наверное нужно не в комменты отписать.
Дмитрий Бойко: все верно, заказчику главное результат. Но некоторые типографии капризны и суют в нос свои требования, некоторые печатают с того что принесут и все равно что это. Я описал наилучший вариант исходя из опыта т.к. надоело когда даже с универсальным ПДФ умудрялись клянчить кореловские файлы или ТИФФ.
Не каждая типография еще и допечатку бесплатно делает)) А Indesign это одно из приложений Adobe (наряду с Photoshop, Illustrator и т.п.).
Я не ответил на поставленные вопросы, потому и написал в комментарий, так что это и не ответ =)
Для широкоформатной печати ставь 72 dpi, для интерьерной - не менее 144.
Приучивай себя к миллиметрам, ставь 3300 на 1400 мм. В настройках смотри, чтобы stroke тоже измерялся в миллиметрах. Следи, чтобы линии были не тоньше 0,35 мм (а для других более качественных технологий печати - не менее 0,1 мм), размер мелкого шрифта тоже выбирай, сперва замерив толщину тонких штрихов в нём - иначе плохо пропечатается или вообще не пропечатается.
Не забудь макету дать рамочку в 0,5-1 мм толщиной, не очень заметную, по которой будут резать баннер. Важную информацию отводи от края не меньше чем на 50 мм - как выше сказал ИдиИубей, лучше иметь запас, чтоб криворукий постпечатник не попортил дизайн.
Желательно следить за суммой красок. В широкоформатной печати это конечно не столь важно, как например в оффсете, НО частенько рекламно-производственные фирмы используют либо краски на основе птичьего помёта, либо оборудование сделанное из птичьего помёта, и краски могут потечь. Я стараюсь делать так, чтобы сумма красок в каждой точке не превышала 290-310% (C+M+Y+K).
Проверить макет на сумму красок поможет InDesign, в люстре вроде бы нет такой полезной вещи. Либо можно держать в уме все накладывающиеся друг на друга заливки и мысленно вычислять сумму красок - для простого дизайна сойдет. Просто надо с осторожностью миксовать слои.
Не используй очень светлые заливки. Я обычно стараюсь не опускаться ниже 5% - такой цвет может тупо завалиться в белый.
Все эти заморочки зависят от пряморукости типографии. А на их пряморукость как правило не стоит рассчитывать.
Файл сдавать можно и как TIFF. Главное, какой бы ты формат не выбрал, следи, чтобы он был в цветовой модели CMYK. Я обычно сдаю исходник, PDF и jpeg/tiff (проще jpeg на максимальном качестве - тиффу он не уступает, и его можно просмотреть обычным просмотрщиком).
Читайте также: