Изображения за Интернет. Проект: Facebook корица

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
В настоящия урок ще видим как да създаваме изображения подходящи за уеб сайтове.
Като пример ще направим корица за "facebook".
След това, вие следвайки същите стъпки можете да направите и други изображения за различно приложение в интернет.
Нека най-напред си припомним основните неща, които трябва да бъдат съобразени с приложението на файла.
Цветови режим, мерни единици резолюция и файлов формат.
Първо когато създаваме изображения за интернет.
Мерната единица, с която ще боравим в документа, трябва да бъдат пиксели.
Освен това работим в "rgb" режим, тъй като изображенията ще се гледат на екран.
Поради начина, по който екраните визуализират изображенията в проектите за уеб работим с по-ниска резолюция.
А не както при проектите за печат, а понеже не можем да качим работен файл от "coreldraw" директно, като банер в сайт или снимка в социалните мрежи.
Форматът, в който експортираме съдържанието на документа, трябва да бъде растерен.
Независимо дали ще създаваме банер, профилна снимка или друго изображение за уеб.
Следването на тези четири правила ще ни помогне да работим ефективно и да постигнем оптимален резултат.
След като отворим прозореца за създаване на нов документ.
От готовите комбинации с настройки, избираме уеб.
Така се зареждат подходящите мерни единици, цветови режим и резолюция.
Преди да създадем документа, обаче трябва да знаем размера на полето, което ще заема нашето изображение, за да въведем този размер като ширина и височина на работното поле.
В случай, че вашето изображение ще е предназначено за социалните мрежи, препоръчвам ви в интернет да проверите актуалните размери за конкретния сайт.
Във "facebook" корица, актуалните към настоящия момент размери са 828 на 315 пиксела.
Въвеждаме тези размери, натискаме "ок".
И сме готови за създаване на съдържание в новия документ за уеб.
В случая ще използвам готови елементи от проекта за визитка.
Вмъквам файла.
Разгрупирам и изтривам ненужните елементи.
Оставащите елементи ще преоразмеря и подредя, така че да пасват с новия формат.
Също така ще променя формата.
И посоката на прозрачния ефект.
Нека обърнем внимание и на цветовете.
Векторните елементи вмъкнати от външния файл са със "cmyk" цветове.
Както знаете от първия модул, "rgb" спектъра има много по-широк обхват от "cmyk", но все пак би било добре да преобразуваме цветовете.
Ще избера функцията за търсене и заместване.
Ще посоча да се търси режим "cmyk".
И да бъде заменен с "rgb" за използваните в документа запълвания.
По този начин освен, че се прилагат към съответните обекти.
Заместващите цветове се разполагат в палитрата на документа.
Така ще ни бъдат на разположение, ако решим да ги използваме за оцветяване на други обекти, които искаме да разположим в дизайна.
Когато завършим работата по проекта.
Е време да изнесем съдържанието на документа във външно изображение.
Освен чрез стандартното експортиране към външен файл чрез команда "export".
При подготвяне на изображения за интернет можем да използваме "export for".
И след това да изберем "web".
В диалоговия прозорец имаме готови настройки за експортиране и оптимизирани за уеб.
От трите формата "png", "gif" или "jpeg".
Избираме според конкретните изисквания и целта, за която ще се ползва готовото изображение.
Формата "png" ни предлага запазване на прозрачен фон.
Както също и "gif" формата.
Той освен това ни позволява и да ограничаваме брой цветове в експортирания резултат.
По-малкия брой цветове ще намали размера на полученото изображение, но ще наруши плавното преливане между тях.
Което прави този формат подходящ предимно за за експортиране на обекти с еднородни запълвания.
За това за експортиране на нашия проект е подходящо да изберем "png" или "jpeg" формат.
Преглеждаме и редактираме настройките където е необходимо.
Аз ще избера максимално качество на изображението.
И ще включа опцията "anti-aliased".
За замъгляване на резките граници между цветовете.
На края натискаме бутона "save".
Въвеждаме име на изображението.
И натискаме бутона "save" за запазване.
Остава единствено да качим запазеното изображения в сайта.
Ако не сме доволни от резултата.
Хубавото на проектите за уеб, е че грешките са лесно поправими.
Можем да се върнем към работния файл и да го коригираме и експортираме отново.
Следвайки същите стъпки, които видяхте в урока.
Създавайте собствени изображения за блогове, банери, профилни снимки за социалните мрежи и други.
Като подбирате подходящия за вас случай размери на полето и разполагате в него съдържание по избор.
Ето например, аз направих това заглавно изображение за интернет блог, като тематично продължение на материалите от този модул.
Това е всичко от мен за този урок.
На вас оставям предизвикателството да използвате наученото и да покажете на света вашите собствени идеи.

Тест за преминаване към следващия урок

 
Посочете подходящите формати за използване в интернет страници.
PNG, GIF, JPEG
CDR, CDT, PAT
CPT, PSD, TIFF