Привлекателен фон е основното нещо за успешен флаер. С Photoshop можеш за няколко минути да създадеш впечатляващи дизайни, които изпъкват. В този урок ще ти покажа пет бързи и лесни техники за създаване на популярни флаер фонове – от динамични цветови преливания до стилни грундж текстури и модерни геометрични модели. Идеални за партита, събития или бизнес флаери. Нека започнем и повдигнем твоите флаери на следващото ниво!
1. Сканлинии
Най-класическите сканлинии, които могат да бъдат поставени във вертикална, диагонална или хоризонтална форма на флаер фона.
Стъпка 1: Създаване на нов документ
За да създам такъв фон, просто ми е необходимо подходящо шаблон, който да постави сканлиниите в моя образ. Създавам нов документ (Ctrl+N) с размери 4x4 пиксела. Фона е прозрачен.
Стъпка 2: Избиране на шаблон за сканлинии
Увеличавам документа колкото може повече.
Използвайки Инструмента за избор, избирам точно четири квадратчета, които се движат по диагонал посока от ляво дясно. За да добавя нов избор към съществуващия, задържам бутона Shift докато изтегля.
Стъпка 3: Запълване на избора с черно
Задавам стандартните цветове в Лентата с инструменти с D, ако вече не са настроени, и попълвам с черен цвет на преден план с Alt+Backspace в моите полета за избор.
Стъпка 4: Задаване на шаблона
Изборът се премахва с Ctrl+D. Избирам в менюто Редактиране>Задаване на шаблон. В отвореното диалогово прозорец давам на новия ми шаблон името "Диагонални сканлинии".
Стъпка 5: Поставяне на сканлиния
В нов слой на моя флаер попълвам сега с Инструмента за попълване моя шаблон за сканлинии в документа. Настройката в лентата на менюто е на Шаблон. В Менюто за избор избирам моят предишно дефиниран шаблон. Просто кликвам върху документа.
При нужда мога да намаля прозрачността. В този пример задавам прозрачността на 25 процента.
Стъпка 6: Вариация за вертикални и хоризонтални сканлинии
Ако искам вместо диагонални сканлинии предпочитам вертикални или хоризонтални сканлинии, мога да ги създам лесно със собствен шаблон.
За вертикални сканлинии моят шаблонен документ е: 4x1 пиксела
За хоризонтални сканлинии моят шаблонен документ е: 1x4 пиксела
Просто поставям черна точка в документа, както е посочено по-горе, и след това задавам шаблоните чрез менюто Редактиране. В този пример слоят с хоризонтални сканлинии е зададен в режим Наслоени копия.
Ако искам да намаля разстоянията между линиите, просто трябва да променя размера на шаблонния файл. За по-големи разстояния избирам съотношение 5:1, 6:1 или повече, за по-малки разстояния избирам 3:1 или 2:1.
Много интуитивно мога да използвам Инструмента за ограничаване за да увелича документа. Така се увеличава съотношението, както ми харесва.
Стъпка 7: Скалиране на сканлиниите
Задаването на шаблона може да се изпълни и като Наслоена мозайка. Създавам нов слой с Ctrl+Shift+Alt+N и попълвам с произволен цвят. Регулирам Прозрачността на 0 процента. В Настройките за попълване избирам раздела Наслоена мозайка. Там мога да избера моят предишно дефиниран шаблон. Мога да мащабирам този шаблон и така да оптимизирам вида на сканлиниите.
Екскурзия: Ефект на сканлинии върху снимка
Нашият модератор Мош показа в урок бърз начин как ефектът, приличащ на сканлинии, може да направи фотографии по-интересни.
Пример: Снимка на фар – Източник на изображението: Денис Пепин @ Фотолия.com
Първо дублирам фоновия слой с Ctrl+J. Използвайки Инструмента за избор: Единична колона, избирам колона пиксели в изразителна част от моят образ.
С Ctrl+T мога да трансформирам избора си. Изтеглям избора наляво и надясно към ръба на изображението.
Мога да отменя избора с Ctrl+D. Променям метода за попълване на Луминесцентен при 30% Непрозрачност.
Дупликирам слоя с Ctrl+J и поставям дубликата в режим Мека светлина при 30% Непрозрачност.
Предпоследно, чрез менюто Филтър>Корекция на обектива мога да добавя виниетка на фоновия слой. Избирам Интензитет -100 при Средна стойност +20. За финал добавям кратък текст "Рюген 2010" с шрифт Jellyka от 150 точки в черно.
Това е един бърз метод за фото ефект. Просто опитайте и експериментирайте с методите за попълване.
2. Пунктиран и с релеф
Стъпка 1: Просто с точки
Подобно на създаването на сканиращи линии, мога да създам и точкови модели за плакатен фон. Просто създавам нов документ с размер 4x4 пиксела.
С инструмента за Избор избирам четирите пиксела отдясно долу и ги запълвам с черно. След това заделям модела чрез менюто Редактиране.
В режим Пресичане при 70% Непрозрачност мога да използвам този метод бързо за създаване на интересен фон за плакати.
Стъпка 2: Пунктиран с релеф
Мога да постигна по-напътстващ вид чрез добавяне на релеф на точковия модел.
Първо създавам нов документ с размер 3x3 пиксела. Запълвам с черен цвят средния пиксел. Долните и дясните съседни пиксели получават сив цвят с 50%. Долната дясна клетка е запълнена с 80% светло сив цвят.
В режим Пресичане, релефният ефект предлага още една интересна възможност за оформяне на елементи за плакати.
Стъпка 3: Кръгово мозайка
Създавам нов документ с размер 20x20 пиксела. Фонът е също прозрачен.
С инструмента Елипса чертая кръг в документа, докато задържам клавиша Shift (това прави кръга ми кръгъл) с цвят черно - което всъщност не е важно.
След това кръгът се задава като модел и може да се използва като фонов ефект. Като алтернатива мога просто да оставя кръга прозрачен и да оцветя външните области в черно. Така се постига красиво украсяване на фотографии.
3. Растерни ефекти
Стъпка 1: Растерни филтри като алтернатива на задаването на модел
Възможността да създам точкови фонове чрез модели също се предлага без да задавам специфичен модел.
Създавам нов слой и го запълвам със сив цвят на 50%. Слагам режима на Пресичане.
Сега отварям филтъра Растерен ефект чрез менюто Филтър>Филтър за рисуване.
Типът на модела е Точка с Размер 1 и Контраст 30. Препоръчително е да увеличите много в прегледа (400%) за да определите Контраста.
Потвърждавам с ОК. Имам своято точкова растер.
Стъпка 2: Вариация с кръгове и линии
Като алтернатива на модел Точка, във филтъра Растерен ефект намирам и Кръг и Линии. И двете места за модел са много красиви възможности за прости фонове на плакати.
Пример за хоризонтални линии:
Стъпка 3: Трансформации на линии
Недостатъкът при генерирането на растерни ефекти чрез филтър е, че нямам наистина разнообразни възможности за промяна на размера. Ако искам да имам много фини линии в изображението, този филтър е ограничаващ. Остава ми само да изпълня филтъра на растера в по-голям документ, да го дупликирам в моято текуща среда и да го намаля с Ctrl+T.
Мога също така да направя същото като просто намаля слоя първоначално с Ctrl+T, да го дупликирам с Ctrl+J и да го поставя подходящо в създадената празнота.
Заключение: Филтърът Растерен ефект може бързо да ми предостави решения за гъвкави фонове на плакати. За много фино настроени разстояния межд...
Пример за кръгове:
4. Шаблони с решетки и линии
Понякога е подходящо да се добави ефектна решетка или шаблон на заден план на брошура, за да се представят продукти, лога или елементи на типографията. Искам да покажа два възможни начина за създаване на интересни фонове по лесен начин.
4.1 Линии с ефект на излъчване
В първия пример показвам създаването на линии с ефект на излъчване.
Стъпка 1: Създаване на нов документ
Създавам нов документ с размер 1200 х 800 пиксела. Фонът е черен.
Стъпка 2: Създаване на два нови слоя
С Ctrl+Shift+Alt+N създавам нов слой. Изпълнявам кратката команда два пъти.
Стъпка 3: Избиране на област на линия и попълване с бял цвят
С Ласо инструмента избирам около областта на моя линеен шаблон. Активиран е горният слой. Изборът го попълвам с бял цвят.
Стъпка 4: Размазване
Чрез менюто Филтър>Филтър за размазване извиквам Филтъра на Гаус.
Трябва да избера Радиус, който прави краищата красиво размазани. В моя пример, приблизително 50 пиксела са много подходящи.
Стъпка 5: Разливане
Задавам Режима на слоя на Разливане.
Стъпка 6: Разпространяване на един слой с под него
За да запазя разлятия ефект, но да се върна в режим на слоеве Нормален, аз маркирам слоя с по-долния и намалявам броя с клавишната комбинация Ctrl+E на един.
Стъпка 7: Бездействие на движението
През менюто Филтър>Филтър за размазване избирам Филтър за бездействие на движението.
Избирам средно разстояние от около 275 пиксела, за да превърна разливките си в линеен ефект.
Стъпка 8: Дублиране на слоя и ефект на растриране
В следващата стъпка дублирам слоя, намалявам Прозрачността до 50 процента и отварям през менюто Филтър>Художествeн филтър Растриращ ефект.
Задавам Вид на мостриране на Линия с Размер от 1 и Контраст от 0.
Стъпка 9: Оцветяване на ефекта от филтъра
Създавам слой за настройки Оттенък-Насищане. За да оцветя моя линеен ефект, активирам отметката Оцветяване.
• Оттенък: 224 за синия оттенък
• Насищане: 39
• Яркост: -10 до 0 - според наличния оптичен ефект
Фонът е готов и може да се присвои на лого, текст или нещо подобно:
Стъпка 10: Трансформиране
Маркирам двете слоя на линиите и накрая ги конвертирам в Умни обекти. Чрез Ctrl+T мога да направя гледката още по-динамична, като пусна линиите от ляво надолу надясно.
Стъпка 11: Прилагане на лого и обрязване
Логото си оцветявам чрез Наситеност на цветовете в Опциите за попълване в черно и задавам Отражение навън в бяло при 75 процента Прозрачност и 35 Px Размер в режима Отразяване на цветове.
С Орязващ инструмент мога да променя размера на моя документ по всяко време.
4.2 Шаблон на решетка
Шаблонът на решетка е подходящ като елемент на заден план на брошура. Той може да бъде използван като цяло на задния план или като подчертаващ дизайнерски елемент.
Стъпка 1: Създаване на шаблон
В нов документ с размер 50х50 с прозрачен фон чертая горе и отляво тесен лентов избор с Инструмента за избор. Запълвам този избор с бял или черен цвят.
След това записвам шаблона си чрез менюто Редактиране>Задаване на шаблон.
Стъпка 2: Мрежа като заден план
Мога да използвам модела като съвсем нормален заден елемент, като запълня нов слой с модела чрез инструмента за запълване.
Ако искам по-широка мрежа, мога лесно да го направя чрез опциите за запълване, като дам на мрежата контур със същия метод на запълване.
Ако мрежата трябва да бъде по-голяма или по-малка, е добре да създам слой с произволен цвят, да настроя регулатора за област на 0 и да направя накладане на модели с мрежовия модел в опциите за запълване. Там мога да мащабирам мрежата според нуждите.
За оптимално продължаване на работата мога да изведа моята накладане на модели като собствен слой чрез десен щрак.
Стъпка 3: Мрежа като елемент на дизайна
Мрежата може също да се използва перфектно като елемент на дизайна.
В този пример (източник на изображението: Майк Лю – Фотолия.ком) искам светлината да придобие още повече динамика. Затова добавям мрежов модел в нов слой чрез инструмента за запълване.
Чрез Ctrl+T>Крива адаптирам мрежата спрямо светлинния ефект за по-динамичен допълнителен ефект на светлината.
Ако в опциите за запълване задам бял светлина навън с размер от 20 пиксела в режим на цветно изгаряне, ефектът изглежда допълнително приятно.
В изображението с маякът мога да подчертая още повече морската атмосфера, като със сета съмитирам вълна с мрежа. Също тук добавям мрежата в нов слой и я прекривам във вид на вълна.
На мрежата й давам още бял контур навън с размер от 1 пиксел. Така мрежата става малко по-дебела.
И така, както мрежата може да се варира формата чрез Крива, мога също да акцентирам равнини, линии и кръгове чрез Трансформации и Слоеви маски за визуализация. При линейни модели дори мога да симулирам Sinedots.
В този пример добавям кръгова мрежа и чрез слоева маска визуализирам вътрешната област, като резултат се получава вид на искра от върха на маяка.
5. Безкрайни модели и безшевни плочки
Безкрайни модели и безшевни плочки често се използват за флаери и уебсайтове. В последната част на урока си искам да покажа няколко метода за създаване на безкрайни модели.
5.1 Прост модел безкрайност
Имам изрязана част от изображение, която бих искал да създам като безкрайен модел. При текстурирани изображения много често успявам да създам модел без видими съединения. Важно е само да успея да направя избора.
Стъпка 1: Избиране на област за модела
В моя пример искам да създам безкрайен модел от тази текстура. С Ctrl+A избирам целия изображителен обхват. Тъй като - дори в CS5 - възможността за промяна на изборите е неактивна в менюто Избор, аз използвам алтернативен начин за създаване на точен избор.
След Десен щрак>Преобразуване на избора се появяват няколко числови полета за въвеждане в лентата с инструменти. Там задавам височината и широчината на избора на по 70 процента. След това потвърждавам с Enter.
Стъпка 2: Копиране и поставяне на избора
С Ctrl+C & Ctrl+V мога да копирам избора и да го поставя в нов слой.
Стъпка 3: Освобождаване на модела и задаване като модел
С Инструмент за свободно изрязване оформям модела. Чрез менюто Редактиране мога да го задам като модел.
Стъпка 4: Приложение като заден план
Създавам нов слой във флаера си и го запълвам с произволен цвят. Регулаторът на областта го настройвам на 0 процента. В опциите за запълване назначавам на флаера си предварително зададения модел в раздела Накладане на модели.
Метода за запълване го задавам на Люминанс. Прозрачността я намалявам на по-ниска стойност. С регулатора за мащабиране мога да променя размера на модела. За точната позиция е най-добре директно с мишката в документа ми да преместя модела на правилното място.
5.2 Повтарящият се шаблон
За да постигнете този типичен "тапетен" вид, който се вижда като повтарящ се шаблон в уебсайтове и флаери, трябва да използвате филтър за изместване.
Стъпка 1: Създаване на форма и задаване като шаблон
С помощта на Инструмента за собствена форма нарисувам цветна форма в документ с размери 500 х 500 пиксела, която ще бъде моят тапетен шаблон. Поставям формата точно по средата на документа. След това задавам цветната си форма като шаблон.
Стъпка 2: Задаване на отместване
Тапетният вид все още не е пълен, въпреки че вече можех да използвам повтарящият се шаблон. Липсва отместването. За да го постигна, създавам нов документ с размер вдвойно по-голям от предходния, т.е. 1000x1000 пиксела.
Попълвам слой с моя шаблон. Появяват се четири елемента. С Инструмента за избор избирам един стълб от шаблона.
Чрез менюто Филтър>Разни филтри>Ефект на изместване задавам вертикално изместване на ефекта. Избирам пикселите така, че горната граница да се свърже точно с долната.
В последствие задавам този шаблон чрез менюто Редактиране като шаблон и мога да го използвам като фон в моя флаер. Също така този шаблон е поставен като наслоена шаблон в сив слой с режим Луминесценция на 20 процента прозрачност.
5.3 Безшевни плочки за текстури
Толкова лесно, както в първия пример, обикновено рядко успява да се създаде шаблон без видими свързващи шевове.
Все пак е възможно да се създадат безшевни текстури с неравни повърхности. За тази цел отново използваме филтъра Ефект на изместване и после поправяме видимите краища.
Стъпка 1: Прилагане на ефект на изместване
Моето текстурно изображение е с размери 1000 х 1000 пиксела. Когато задам това като шаблон и го приложа в по-голям документ, преходите изглеждат по следния начин:
Връщам се към моя файл с текстура с оригинални размери 1000x1000 пиксела. Чрез менюто Филтър>Разни филтри избирам филтъра Ефект на изместване. Там задавам хоризонтално и вертикално изместване точно на половината, т.е. в двата случая по 500 пиксела.
Стъпка 2: Поправяне на видимия шев
Сега видимият шев по средата е ясно видим.
От CS5 насам съществува функцията за репарация чрез съдържание в Четка за ремонт на областта. С меката върхова четка на Четката за ремонт на областта маркирам шевовете. Полето за отметка Съдържание е активирано.
Сега шевовете се поправят автоматично. Възможно е да се наложи да направите няколко опита.
Най-ефективният метод за поправяне на краища все още е, според мен, с Инструмента за поправки, който могат да използват и потребители, които все още не използват версия CS5. С активирано източно поле за отметка просто избирате шевовете и ги влачите в чиста област. Възможно е да има корекция на оттенъка, наситеността, светлината и контраста и видимият шев ще бъде успешно поправен.
След като видимият шев е поправен, задавам моя шаблон чрез менюто Редактиране.
Стъпка 3: Прилагане на безшевен плочест шаблон
Създавам нов файл с размери 2000х2000 и вече мога да използвам моята безшевно подредена текстура чрез Инструмента за запълване.
Текстурите са много полезни, когато трябва да се добавят ефекти на остаряване, грундж ефекти и т.н. в изображения. Вижте изображението по-долу (източник на изображението: Lev Dolgatsjov - Fotolia.com).
Затова е добра идея в много големи документи просто да се правят текстури, които не са насочени към шевове. В този пример снимката от горе е вложена в изображението в режим Смесване като наслоена и с настройка на слой за устойчивост на цветове е леко десатурирана като маска за отрязване.
В работния файл към този урок е приложен комплект с 16 шаблона. В него се съдържат показаните в този урок диагонални, хоризонтални и вертикални сканлинии, пикселни релефи и точкови шаблони, мозайка от кръгчета и решетъчни шаблони.
