Сайт адаптирован под браузеры Opera и Mozilla Firefox. Во всех остальных браузерах этот сайт может показываться не коректно. Приносим свои извинения за неудобства.
Привет, сегодня научимся "переводить" сайт из Фотошопа в формат понятный интернет эксплореру.
Вот возьмем к примеру этот шаблон
Скопируем файл.. и откроем в фотошопе... склеиваем все слои.
Выбираем Single Column Marque Tool (в группе Marque)
Выбираем самый левый край нашего шаблона, потом Ctrl+C, Ctrl+N, Ctrl + V (Скопировать, Создать, Вставить.) сохраняем полученное в папку images, это будет фон нашего сайта
Далее, направляющими отделяем сайт там где нам надо его разрезать. (меню, тексты, заголовки, иконки) и т.д.
Если сразу не получиться т.е., Вы выделите направляющими текстовое поле но при этом разрежете меню не так как надо. то это не проблема. сначала закончите с большими объектами, потом поработаем над мелкими.
Посмотрите на это изображение с гигантским слоном. Освещение слона не выпадает из общей картины, и слон благополучно шагает по улице. Но для достижения этой цели, мне пришлось проделать большую и трудоемкую работу.
Шаг 1. Выберите изображение для последующей работы в нем.
Шаг 2. Я сначала хотел вставить огромного робота, чтобы он шагал по улице. Но представив какую придется проделать работу, меняя освещения каждой детали, в итоге он остановился на слоне.
Оказалось, что трудно найти изображение слона, чтобы оно соответствовало и перспективе и освещению фонового изображения. В итоге я выбрал вот это изображение, подходящее только по перспективе.
В этом уроке показан процесс создания мягкого и пушистого эффекта текста без использования каких-либо изображений. Мы будем использовать заливку градиентом, различные опции смешивания (стили слоя), настроим динамику кисти и применим фильтр. Комбинируя мягкий эффект текста с текстурой каменной стены, в результате получаем интересное изображение! Это простой урок!
Шаг 1 Создайте новый документ в Photoshop, размер не имеет значения (в уроке использован 1200 x 800 px). Залейте фон черным цветом. Теперь создадим некоторое фоновое освещение. Чтобы сделать это, выбираем инструмент Gradient Tool (G) (Градиент), устанавливаем Радиальный режим градиента, и тянем на слое background (фон, первый и единственный пока слой), как показано ниже:
Шаг 2 На слое «background» печатаем текст. Вы можете выбрать любой шрифт, для этого урока использовался шрифт Bastardus Sans: Скачивание с нашего сервера доступно только зарегистрированным пользователям Каждую букву слова печатаем на отдельном слое, так мы будем иметь больше возможностей для творчества:
Первое, что мы сделаем - обесцветим изображение. Нажмите Shift + Сtrl + U Получится так:
Заметка: Если вы хотите, чтобы только часть изображения стала шоколадной (например, изображение руки, которая держит какой-то объект, вам нужно сделать шоколадным только объект) тогда сначала выделите тот объект, а потом разместите это выделение на новый слой (Ctrl+J), затем надо обесцветить эту часть.
Шаг 2:
Теперь нам нужно выделить все части, которые потом станут шоколадными. В этом случае шоколадной будет вся роза. Поэтому выделяется роза полностью. - Ctrl + клик по слою с розой, если роза лежит на отдельном фоне - если роза слита с фоном, то нужно ее выделить, используя знакомые вам инструменты выделения (лассо, быструю маску, волшебную палочку и т.д.) Как только изображение выделено - сохраните выделение - обратитесь в меню Select > Save Selection. Назовите это выделение, например, "все".
Далее создаем новый слой (Сtrl + shift + N) и называем его "шоколад".
Ваша роза все еще выделена. При активном слое "шоколад" в
... Читать дальше »
Этот урок Photoshop о том, как создать красивую фотоленту, подобную примеру ниже или с сайта DigitalMash.
Будем использовать инструмент warp tool (искажение или деформация), чтобы создать закручивающийся эффект (так что нужны Photoshop CS2 или выше, чтобы закончить этот урок). По завершении мы получим ленту с вашими фотографиями или художественными работами.
1. Создайте ленту (Векторные Формы) Для начала создаем скрученную ленту инструментом Pen tool (Перо) (в Photoshop или Illustrator). Мы будем использовать эти формы в качестве направляющих и для маскировки. (NS: Инструмент Перо в режиме Слой-Фигура. Создаем четыре фигуры на разных слоях, из которых состоит полоса-лента.)
2. Стек фотографий Выберите 3 фотографии на свой вкус и расположите их друг под другом. (Объедините три
... Читать дальше »
Этот урок продемонстрирует быстрый и легкий метод создания действительно диких психоделических фонов. Подобные фоны чрезвычайно трудно раскрашивать вручную, но есть одна хитрость в выполнении их в Photoshop.
1 Начнем с нового пустого файла. Для этого урока был открыт документ размером 800 * 800 pixels, но вы можете использовать любой размер. И еще один момент – цвет фона. Для урока новый документ был открыт с прозрачным фоном, но вы можете начинать с любого цветного фона.
2 Затем выбираем инструмент Gradient Tool (Градиент) и выставляем один из красочных ярких образцов градиентов. Для урока выбран сине-красно-желтый градиент. В панели опций инструмента включаем режим смешивания Difference (Разница). Это важная часть. Эта техника требует режим Difference! Ваша панель опций инструмента должна напоминать эту:
3 Сейчас создаем первый градиент: устанавливаем курсор где-нибудь на холсте, удерживая левую клавишу мыши, перемещаем мышку в любом направлении и на
... Читать дальше »
В этом уроке пошагово показан процесс создания абстрактного стиля эффекта расколотого текста с разбитой стеклянной текстурой.
Для начала взгляните на заключительный результат:
И можете загрузить архив с изображениями для этого урока: Скачивание с нашего сервера доступно только зарегистрированным пользователям
Шаг 1 Создаем новый документ размером 900 * 700px. Затем создаем новый слой выше background слоя, называем этот слой “заливка градиентом”. На этом слое, мы можем создать некоторый фоновый световой эффект. В слое “заливка градиентом” устанавливаем цвет переднего плана #494949, далее нажимаем “G”, чтобы выбрать инструмент Градиента, в панели опций инструмента устанавливаем режим градиента Radial (Радиальный). Тянем на этом слое градиент, затем еще два других, изменив цвет:
Давайте начнем! Нам необходимо основное изображение, вы можете поискать в Интернете или загрузить то, какое использовали в уроке: Скачивание с нашего сервера доступно только зарегистрированным пользователям
Открываем изображение в Photoshop, дублируем этот слой, нажав Ctrl+J, скрываем видимость копии (щелкаем по иконке «глаз», указывающей видимость слоя), и переходим в оригинальный слой. Открываем Image > Adjustments > Brightness/Contrast (Изображение > Регулирование > Яркость/Контраст) и устанавливаем следующие значения, чтобы сделать изображение немного темнее:
Получаем подобный результат:
Возвращаемся к скрытой копии слоя, включаем видимость этого слоя. Затем применяем фильтр Filter > Blur > Gaussian Blur (Фильтры > Размытие > Размытие по Гауссу) с радиусом 7 пикселей:
Для выполнения этого урока вам понадобится фото автомобиля. Я использовал это - Lamborghini Gallardo. Далее нам нужны изображения, которые будем использовать для стайлинга. Архив с изображениями можете загрузить здесь: Скачивание с нашего сервера доступно только зарегистрированным пользователям
Открываем первое изображение Asset01 - это основа проекта.
Открываем два других изображения (Asset02 и Asset03) в photoshop и уменьшаем, они нам скоро понадобятся.
Сейчас переносим изображение Asset02 к главному изображению (инструментом Move (V) (Перемещение) или Выделяем все (Ctrl+A), Копируем (Ctrl+C) и Вставляем (Ctrl+V)).
Автор:
Рейтинг: 0.0/0| 
Просмотров: 1047 | 
Комментариев: 
Категория: 
