Вообще сайтов с бесплатными клипартами довольно много. И с «бесплатными» тоже, ну то есть с тыреными – скажем так. Я хочу рассказать вам о сайтах именно с бесплатными (без «») клипартами, картинками, заготовками и всяким таким. Там люди специально ставят надписи FREE – в смысле даром. Конечно, существует вероятность что они тоже «бесплатные», но лично я сомневаюсь.
Итак краткий обзор 8 англоязычных сайтов, материалы с которых очень помогают дизайнерам, особенно начинающим, да и не начинающим тоже. Хотя-бы просто для вдохновения можно посмотреть. Кстати не всегда ведь нужен именно эксклюзивный, дорогой дизайн, зачастую необходимо просто выдать яркую, продающую картинку или типа того. Вот как раз для таких случаев. (Кому читать лень – смотрите видео внизу).
По названию ясно, что мы тут имеем дело с бесплатными фотошоповскими файлами типа PSD. Коллекция различных элементов, качественной, “продающей” как еще ее называют графики. Очень подходит для Web дизайна. Все очень ярко и красиво. Сайт простой и очевидный, никаких затруднений с поиском и скачиванием нет.
Присутствуют следующие категории 3D, фоны, кнопки, шаблоны для e-mail маркетинга, одежда, графика, праздники, иконки, иллюстрации, логотипы, макеты, объекты, полиграфия, стили, шаблоны, текстуры, web элементы, шаблоны сайтов.
Довольно интересный ресурс, на котором сразу видны 4 основные категории файлов – векторные (vectors), фото (photos), фотошоповские (PSD) , платные предл
ожения(deals). Присутствует рабочая система поиска по ключевым словам, но только на английском, ибо ресурс англоязычный. Не думаю, что это может быть препятствием, при наличии гугл-переводчика. Возможна удобная сортировка при поиске – искать только векторные, только фото или все вместе. Авторы утверждают что на сайте порядка 1500000 файлов.
Один нюанс – при поиске по слову, когда выпадает результ, сверху ряд картинок-ссылок на известный платный ресурс shutterstock.com, так что не пугайтесь, бесплатные варианты чуть ниже.
3. Web-backgrounds.net Сайт посвящен фонам для веб-дизайна. То есть здесь масса прекрасных подложек для сайтов. Но их можно применять и для других целей, например в качестве фонов для визиток или других подобных изделий, небольшого размера. Качество взятых отсюда, вполне позволяет это сделать.
4. Free-logo-design.net Прекрасный сайт с заготовками длялоготипов в форматах Ai, PSD, PDF, JPG – то есть практически для любой обработки подойдут. Эти материалы для тех, кто не гонится за эксклюзивом. К тому же скачанный здесь логотип может стать основой для доработки и получения в итоге нового, уже оригинального.
Здесь вполне можно поискать хорошие референсы для разработки лого. Ну и конечно здешние материалы можно использовать в качестве элемнтов иллюстраций, рекламных материалов, дизайна сайта и всякое такое.
Река шрифтов – сайт посвящен шрифтам, присутствует русская версия ресурса, и возможно даже кириллические шрифты. Удобные навигация и поиск. Разнообразие шрифтов радует. Рекомендую, даже если вы ищите русский шрифт, обращать внимание и на исключительно латинские, если вы делаете заголовок или логотип, часто можно обойтись и латинским шрифтом, сделав недостающие буквы вручную из имеющихся в наличии.
Этот ресурс предлагает нам великое множество бесплатных кистей для фотошопа (надо будет сделать по ним небольшое видео). Кисти при верстке в фотошопе бывают порой незаменимы, особенно при создании каких-то своих оригинальных фонов и не только. К нашей великой радости на сайте также присутствуют узоры (паттерны) и текстуры, самые разнообразные и в большом количестве. В общем – изумительно!
Это еще одна большая коллекция векторных клипартов. Присутствует поиск, правда не всегда адекватный, но может это мне только показалось? Смотрите сами – рекомендую.
Ну а это лежбище всевозможных векторных персонажей. Не сказать что тут их тысячи, но все равно, довольно таки приличное количество! Качество этих упырьков сомнений не вызывает – вполне можно использовать для броского, эмоционального дизайна. Файлы предоставлены в форматах Ai, Eps, Jpg – что не может не радовать! Рекомендую!
далее обзор, выбираем картинку на компе и жмем Upload Now! Картинка загрузилась, теперь нажимаем сверху кнопочку Animation и у вас выходят всевозможные варианты анимаций, которые там можно сделать!
Золотой блеск это Glitterize, чтоб было золото просто жмем Apply Glitter и у вас готовая картинка, можно и другие варианты глиттеров. Можно добавить туда что то свое в фотошопе, доработать! Ну вот , вариантов много там ! Сижу сегодня весь вечер ковыряюсь здесь, куча разных эффектов. Даже Куб крутящийся есть. А сохранять картинки просто. Правой кнопкой мышки и Сохранить как, или Сохранить изображение, у кого как.
Всем привет!
Сегодня мы с вами будем учиться делать вот такой коллаж в фотошопе :
Результат урока :
Данный урок создан по мотивам урока для корелл, оригинал которого смотрите ЗДЕСЬ
Все совпадения считать чисто случайными.
Подготовка к работе.
Материал для работы ЗДЕСЬ
Если захотите использовать в своей работе такие шрифты, как в моем варианте, то они есть в материалах для работы в папке «Шрифты».
Фильтры.
Simple
It@lian Editors Effect
Mura's Meister
Unlimited 2.0
Special Effekts 1 - импортируется в Unlimited 2.0
Bkg Designers sf10IV/Entrelacement De Lignes - импортируется в Unlimited 2.0
Toadies - импортируется в Unlimited 2.0
FM Tile Tools/Blend Emboss
Палитра цветов.
Основной – #efce99
Фоновый – #dca365
У меня так :
Итак, начнем!
1. Откроем документ "Selection Alpha Chanel".
2. Выделение – загрузить выделенную область - Selectione #1 :
3. Создадим линейный градиент :
Заливаем наше выделение этим градиентом по центру справа налево. Получается так :
19. Слой дублировать. Увеличим на 110% и сдвинем немного влево, получается так :
20. Слой дублировать, увеличим на 110%, сдвинем немного влево и у нас получается так :
21. Закроем видимость на «Слой 1». Слои объединить видимые. Слой переименуем в «Слой 2». Видимость на «Слой 1» открыть.
22. Стоим на «Слой 2». Применим фильтр Mura's Meister/Copies:
23. Передвинем фигуру влево так, как у меня скрине :
24. Слой дублировать. Редактирование – свободное трансформирование – отразить по горизонтали. Сдвинем дубликат фигуры вправо так, что бы обе фигуры были расположены симметрично. Получится так :
Слой объединить с предыдущим.
25. Новый слой. Слои – упорядочить на задний план. Заливаем его основным цветом (светлым).
Слой дублировать.
26. Применим фильтр Unlimited 2.0/Bkg Designers sf10IV/Entrelacement De Lignes :
В полном размере скрин открывается кликом по картинке.
27. Непрозрачность этого слоя поставим 10%.
Слой объединить с предыдущим.
28. Новый слой. Выделение – загрузить выделенную область :
29. Создадим линейный градиент из нашей палитры цветов :
Заливаем градиентом наше выделение, получается так :
30. Отроем наш пейзаж "t1" . Выделение – все. Редактирование – скопировать. Переходим на основную работу. Редактирование – вставить. Редактирование – свободное трансформирование, настройки :
31. Фильтр FM Tile Tools/Blend Emboss по умолчанию.
Слой объединить с предыдущим.
Тень :
Слой преобразовать в смарт-объект. Слой растрировать.
32. Слой дублировать. Редактирование – трансформирование – отразить по горизонтали и передвинуть вправо как у меня на работе.
Слой объединить с предыдущим.
Получается так :
В слоях :
33. Становимся на «Слой 2». Новый слой. Выделение – загрузить выделенную область :
34. Заливаем выделение основным цветом – светлым.
35. Откроем наш второй пейзаж "t2". Выделение – все. Редактирование – скопировать. Идем на основную работу. Редактирование – вставить.
40. Фильтр Фильтр FM Tile Tools/Blend Emboss по умолчанию.
41. Выделение отменить. Применим тень :
42. Становимся на «Слой 5» - применим тень как в п. 41.
43. Сейчас наша работа выглядит так :
В слоях :
44. Изображение – размер холста :
45. Становимся на самый верхний слой. Создаем линейный градиент :
Новый слой. Заливаем градиентом наш слой по центру справа налево.
46. Фильтр Toadies/Picasso's Another World:
В полном размере скрин открывается кликом по картинке.
47. Активируем инструмент «прямоугольная область». И выделим правую половину работы строго по центру :
Редактирование – очистить. Выделение – отменить. Слой дублировать. Редактирование – трансформирование – отразить по горизонтали. Передвинем слой в право до упора. В результате получится так :
Слой объединить с предыдущим.
48. Фильтр It@lian Editors Effect/Mosaico:
49. Фильтр Mura's Meister/Perspective Tiling:
50. Фильтр Unlimited 2.0/Special Effekts 1 :
В полном размере скрин открывается кликом по картинке.
51. Изображение – коррекция – цветовой тон / насыщенность :
52. Тень :
53. Файл – открыть. Откроем кисть – находится в материалах для работы. Редактирование – определить кисть. Дайте название кисти. Нажмите ок. И кисть сохранится.
54. Новый слой. Активируем инструмент кисть. Размер поставим 360 пикселей. Кликнем кистью как у меня на работе 3 раза.
55. Применим тень :
Получится так :
56. Фильтр – усиление резкости – резкость+.
57. Стоим на слое с кистью. Откроем нашу девушку. Переместим на нашу основную работу и расположим как у меня.
61. Изображение – размер холста. По ширине и по высоте поставим 4 пикселей. Цвет расширения холста поставим основной (светлый).
62. Изображение – размер холста. По ширине и по высоте поставим 50 пикселей. Цвет расширения холста поставим белый. Волшебной палочкой выберем эту белую границу. Новый слой. Заливаем основным цветом. Слой дублировать.
63. Фильтр Unlimited 2.0/Bkg Designers sf10IV/Entrelacement De Lignes , настройки см. П.26. Непрозрачность 10%. Слой объединить с предыдущим 2 раза.
Создаете рабочее окошко 800 пик. на 538 пик, фон прозрачный.
Выбираете цвет в палитре цветов, код цвета - 9093c0
и заливаете рабочее окошко цветом. Загружаете клипарт.
Перетягиваем Слой -11(с картинкой) под Слой-1 в слоях
Готово!
Жмём на PLAY и любуемсяP.S.
Если надо подгоняем картинку под размер снегопада.
Стоя на слое с картинкой топаем
"Редактирование"-"Свободное трансформирование"
На верхней панели жмем иконку "Сохранение пропорций" и подгоняем размер.
Тянем за уголочки .
Если надо снегопад подогнать под размер картинке
Делаем следующее
В окне "Анимация "стоим на первом кадре
В Слоях стоим на Слое -1зажимаем клавишу "Shift"и кликаем по верхнему Слою-10
Все слои снегопада выделились
Топаем "Редактирование"-
"Свободное трансформирование"
На верхней панели жмем иконку
"Сохранение пропорций" И подгоняем снегопад под размер картинке
Далее "Изображение" - "Тримминг"
Лишнее обрежется.
Сохраняем : "Файл"-"Сохранить для Web"
Получаем:
Если мы имеем футаж- снежинки летают на черном фоне.
так же переносим нашу картинку на футаж
Она окажется над Слоем -1
Подгоняем картинку под ширину футажа
Можем только уменьшать
(При увеличении портится качество изображения)
Наш футаж оказался намного выше картинки
Если мы его подгоним под размер картинки,
то пропорции снежинок приобретут неправильную форму.
Попробуем обрезать инструментом рамка
Далее переносим нашу картинку под Слой -1
Выделяем все слои футажа
Топаем Слой - Сгруппировать слои.
Режим наложения- Перекрытие или Экран.
Как-то давно в интернете сохранила анимашку - собачку, вот решила с ней сделать работу. А вам предлагаю пофантазировать. Картинку для работы можете выбрать по своему желанию, главное чтобы когда вы на картинку наложите футаж - собачку и сделаете слою наложение - "Умножение", футаж хорошо был виден и не отличался по цвету от работы.
Рамочку для работы я покажу как делать, на основе урока постарайтесь тоже пофантазировать, украсить рамочку можете своим клипартом.
В этом уроке мы пофантазируем, создадим при помощи наложения разных картинок - фон с эффектом - снежной зимы. Иногда трудно подобрать картинку с нужным фоном для работы, вот тогда способ наложения, очень помогает достичь нужного результата.
Мне понравилась белочка сидящая на дереве, вот эту белочку я использовала в работе. Все исходники я выложила в рабочий материал.
Вам я тоже предлагаю пофантазировать. Вы можете выбрать любое другое дерево и на него "посадить" белочку, клипарт можете использовать свой в работе.
Главное в работе должно быть: анимация белочки на дереве,создать видимость с помощью футажа - белочка передвигается по дереву и от движения снег осыпается с дерева. Футаж со снегом можете использовать свой или который дан в рабочем материале. Рамочку со снежинками я сделала сама. Загрузила разные снежинки, продублировала слои и разместила по краям работы. Слои объединила и добавила тень. Черную рамочку - "Кайма" можете сделать сами. Заливаете новый слой черным цветом, прямоугольным выделением (растушевка 0) чертите прямоугольник оставляя по краям очень тоненькую черную рамочку. Середину очищаете. Рамочке делаете наложение слоя - "Затухание". Получится рамочка - кайма. Надписи я тоже сделала наложение слоя - "Затухание".
Желаю творческого вдохновения и фантазии на новые работы!
Иногда надо быстро оформить какой то заголовок, или сделать красивую надпись, и тогда вас
выручит генератор OnLine-Letters.RU, где в несколько минут можно сделать много всего красивого.
В pdfналету преобразования PDF-это сервис, который позволяет Вам конвертировать веб-страницы и отчеты и изображений в формат Adobe PDF файлы. На данный момент мы предлагаем только действительные URL-адреса в формате HTML, asp и PHP, то .Чистая, как cgi, JSP и файлов jpg / JPEG, джиф, PNG-файлы для преобразования в PDF файлы. Очень скоро "doc в pdf" будет доступна а также. Многие другие форматы еще впереди. новое: теперь вы можете создавать PDF онлайн, введя свой текст / HTML. Нажмите сюда,чтобы начать создавать PDF-файлы.
В этом материале мы научимся создавать интересные текстовые макеты помощью пользовательских формы (Shapes), которые мы будем использовать, как рамки для текста.
Другими словами, мы будем создавать фигуры с помощью соответствующих векторных инструментов из комплекта Photoshop, но вместо заполнения этих форм цветом, как это обычно делается, мы будем заполнять их текстом! Если использовать интересный фон, то можно получить весьма впечатляющие результаты.
Ниже я привожу пример Вот пример эффекта, который мы сделаем в этом уроке. Фоновое изображение можно взять любое готовое или просто создать новый документ с однотонным (в моём примере, белым) фоном для использования в качестве основы для создания текстовой формы.
Я использовал фон с цветами и вписал текст в форму сердечка. Для написания текста я использовал шрифт Freestyl, который Вы можете скачать бесплатно на этой страничке. Вот что получилось в итоге, как видите, текст находится внутри наклонённого сердечка:
КНОПКА "ПОДЕЛИТЬСЯ" ВМЕСТО КНОПКИ "НРАВИТСЯ" НА MAIL.RU
Сегодня из блогов в МИРе куда-то исчезла кнопка "Нравится". Вернут ее или нет не знаю. Предлагаю временно заменить ее новой кнопочкой "Поделиться". Вставить ее очень просто. Копируете код понравившейся кнопки из окошечка и вставляете этот код ПОСЛЕ кода своей записи. При нажатии на нее, вы попадете на страницу, где можно написать комментарий к своей ссылке и, нажав еще раз на слово Поделиться, добавите ссылку в МИР.
P/S: Код кнопки копируете из окошка и просто вставляете в свой пост.Больше ничего делать не надо! Ссылка на ВАШ пост встанет автоматически.
Кнопка скрыта под кат. Ее можно увидеть только когда открываешь комментарии. Так и раньше было. Если кнопка будет не скрыта, то ссылка с нее пойдет на ВСЮ страницу, где расположен пост.
Кто-то в комментариях попросил меня рассказать как на пестром фоне сделать более видимым текст. Решила дать урок. Может кому-то пригодится.
Посмотрите ниже пример двух рамок с пестрым фоном и текстом. В верхней рамке текст написан с обводкой и поэтому его легче читать, а в нижней рамке текст написан обычным способом и читается с трудом. О том как сделать обводку мы сегодня и поговорим.
Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!
Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет!
Если надо вставить текст в рамку.
Копируем в окошечке код.
Код будет выглядеть вот так (см. фото А)
Код дан с обводкой черного цвета. Код цвета обводки выделен красной рамочкой. Вместо цифр 000000 вставляете код(6 знаков) нужного вам цвета. Вместо слов "Здесь будет Ваш текст" вставляете свой текст, всё копируете и вставляете в рамочку.
Если надо вставить текст без рамки.
Копируем в окошечке код.
Код будет выглядеть вот так (см. фото Б)
В код добавился параметр размера (синяя рамочка) и цвета (зеленая рамочка) шрифта. Их нужно заменить на свои.
Сегодня я расскажу, как сделать эффект огня на буквах. Это очень легко. Выбираете нужное "пламя" в рамке ниже. Копируете код из окошечка и вставляете вместо моих слов "Здесь будет Ваш текст" свой текст. Если захотите оформить таким огненным текстом стихи, то оставляйте между строк расстояние. Лучше всего такой текст смотрится на темных фонах. На светлом яркость теряется.